*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f0f4ff;min-height:100vh;font-family:Nunito,Segoe UI,sans-serif}.app-shell{min-height:100vh;display:flex}.main-content{flex:1;max-width:calc(100vw - 220px);margin-left:220px;padding:28px 32px}.side-nav{z-index:100;background:#fff;border-right:1px solid #e0e7ff;flex-direction:column;width:220px;height:100vh;padding:24px 12px;display:flex;position:fixed;top:0;left:0;box-shadow:2px 0 12px #6366f10f}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#e0e7ff}::-webkit-scrollbar-thumb{background:#6366f1;border-radius:3px}.flip-card{perspective:1000px;cursor:pointer;width:100%;height:300px}.flip-card-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .6s cubic-bezier(.4,2,.6,1);position:relative}.flip-card.flipped .flip-card-inner{transform:rotateY(180deg)}.flip-card-front,.flip-card-back{backface-visibility:hidden;border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:24px;display:flex;position:absolute}.flip-card-back{transform:rotateY(180deg)}@keyframes bounce-in{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.bounce-in{animation:.4s forwards bounce-in}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-8px)}40%,80%{transform:translate(8px)}}.shake{animation:.4s shake}@keyframes pop{0%{transform:scale(1)}50%{transform:scale(1.15)}to{transform:scale(1)}}.pop{animation:.3s pop}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-100px)rotate(0)}to{opacity:0;transform:translateY(100vh)rotate(720deg)}}.confetti-piece{pointer-events:none;z-index:9999;border-radius:2px;width:10px;height:10px;animation:2s forwards confetti-fall;position:fixed}.match-word{cursor:grab;transition:all .2s}.match-word:active{cursor:grabbing;transform:scale(1.05)}.match-word.matched{opacity:.5;pointer-events:none}.match-slot{border:2px dashed #cbd5e1;transition:all .2s}.match-slot.drag-over{background:#eef2ff;border-color:#6366f1}.match-slot.correct{background:#d1fae5;border-color:#10b981}.match-slot.wrong{background:#fee2e2;border-color:#ef4444}.progress-bar{background:#e0e7ff;border-radius:99px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,2,.6,1)}.nav-link{color:#64748b;border-radius:12px;align-items:center;gap:8px;padding:10px 18px;font-size:15px;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.nav-link:hover,.nav-link.active{color:#6366f1;background:#eef2ff}.btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-size:15px;font-weight:800;transition:all .18s;display:inline-flex}.btn:hover{filter:brightness(1.08);transform:translateY(-2px)}.btn:active{transform:translateY(0)}.btn-primary{color:#fff;background:#6366f1}.btn-success{color:#fff;background:#10b981}.btn-warning{color:#fff;background:#f59e0b}.btn-danger{color:#fff;background:#ef4444}.btn-ghost{color:#6366f1;background:#fff;border:2px solid #e0e7ff}.btn-sm{border-radius:10px;padding:8px 16px;font-size:13px}.btn-lg{border-radius:16px;padding:16px 32px;font-size:17px}.card{background:#fff;border-radius:20px;padding:24px;box-shadow:0 4px 24px #6366f114}.badge{letter-spacing:.5px;text-transform:uppercase;border-radius:99px;padding:3px 10px;font-size:11px;font-weight:800;display:inline-block}.admin-input{color:#0f172a;border:2px solid #e0e7ff;border-radius:10px;padding:10px 12px;font-family:inherit;font-size:14px}.admin-input:focus{border-color:#6366f1;outline:none}@media (width<=900px){.app-shell{flex-direction:column}.side-nav{width:100%;height:auto;max-height:none;box-shadow:none;border-bottom:1px solid #e0e7ff;border-right:none;gap:10px;padding:12px;position:sticky}.nav-links-wrap{flex-wrap:wrap;max-height:160px;overflow-y:auto;flex-direction:row!important}.main-content{max-width:100%;margin-left:0;padding:16px}}