.app-shell{color:#e8eef7;background:#070b12;grid-template-columns:240px 1fr;min-height:100vh;display:grid}.app-shell aside{background:linear-gradient(#0b1220,#070b12);border-right:1px solid #ffffff14;flex-direction:column;gap:1rem;padding:1.25rem 1rem;display:flex}.app-shell aside nav{flex-direction:column;gap:.35rem;display:flex}.app-shell aside nav a{color:#9fb0c7;border-radius:12px;align-items:center;gap:.65rem;padding:.7rem .85rem;font-size:.92rem;text-decoration:none;display:flex}.app-shell aside nav a.active,.app-shell aside nav a:hover{color:#e8eef7;background:#38bdf81f}.app-main{padding:1.5rem 1.75rem 3rem;overflow:auto}.app-top{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.card{background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;padding:1.15rem 1.25rem}.card h3{margin:0 0 .35rem;font-size:1.05rem}.muted{color:#8fa1b8;font-size:.9rem}.grid-2{grid-template-columns:1.4fr .8fr;gap:1rem;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:.85rem;display:grid}.stat{background:#ffffff08;border:1px solid #ffffff14;border-radius:14px;padding:1rem}.stat strong{margin-top:.25rem;font-size:1.5rem;display:block}.form{flex-direction:column;gap:.85rem;max-width:420px;display:flex}.form label{color:#9fb0c7;flex-direction:column;gap:.35rem;font-size:.85rem;display:flex}.form input,.form textarea,.form select{color:#e8eef7;font:inherit;background:#0d1524;border:1px solid #ffffff1f;border-radius:10px;padding:.7rem .85rem}.form textarea{resize:vertical;min-height:120px}.auth-page{background:radial-gradient(at 20% 10%,#2dd4bf26,#0000 45%),radial-gradient(at 80% 0,#38bdf81f,#0000 40%),#070b12;place-items:center;min-height:100vh;padding:2rem;display:grid}.auth-card{background:#0c121eeb;border:1px solid #ffffff1a;border-radius:20px;width:min(420px,100%);padding:1.75rem}.auth-card h1{margin:0 0 .35rem;font-size:1.45rem}.error{color:#fca5a5;font-size:.88rem}.table{border-collapse:collapse;width:100%;font-size:.9rem}.table th,.table td{text-align:left;border-bottom:1px solid #ffffff12;padding:.7rem .55rem}.table th{color:#8fa1b8;font-weight:500}.row-actions{flex-wrap:wrap;gap:.5rem;display:flex}.badge{color:#5eead4;background:#2dd4bf26;border-radius:999px;align-items:center;padding:.15rem .55rem;font-size:.72rem;display:inline-flex}.badge.warn{color:#fbbf24;background:#fbbf2426}.player{grid-template-columns:300px 1fr;gap:1rem;min-height:70vh;display:grid}.curriculum button{text-align:left;color:#9fb0c7;cursor:pointer;width:100%;font:inherit;background:0 0;border:0;border-radius:10px;padding:.55rem .65rem}.curriculum button.active{color:#e8eef7;background:#38bdf824}.lesson-body{white-space:pre-wrap;line-height:1.65}.lesson-body h2{color:#5eead4;margin:1rem 0 .4rem;font-size:1.05rem}.app-shell aside .brand{color:#e8eef7}.focus-timer .bar{background:#ffffff14;border-radius:99px;height:6px;overflow:hidden}.focus-timer .bar span{background:#14b8a6;border-radius:99px;height:100%;display:block}@media (max-width:900px){.app-shell{grid-template-rows:auto 1fr;grid-template-columns:1fr}.app-shell aside{z-index:40;border-bottom:1px solid #ffffff14;border-right:0;padding:.75rem;position:sticky;top:0}.app-shell aside nav{-webkit-overflow-scrolling:touch;flex-flow:row;gap:.25rem;overflow-x:auto}.app-shell aside nav a{white-space:nowrap;flex:none;padding:.55rem .7rem;font-size:.8rem}.app-shell aside>div:last-child{display:none}.app-main{padding:1rem 1rem 5rem}.app-top{flex-direction:column;align-items:flex-start}.grid-2,.grid-3,.player{grid-template-columns:1fr}}@media (max-width:560px){.auth-page{padding:1rem}.auth-card{padding:1.25rem}}