*{box-sizing:border-box}html,body,#root{color:#0f172a;min-height:100%;margin:0;padding:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#fff;border-radius:20px;width:min(460px,100%);padding:32px;box-shadow:0 20px 50px #0f172a1f}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:#64748b;font-size:12px;font-weight:600}.login-card h1{margin:10px 0 8px}.login-subtitle{color:#64748b;margin-bottom:20px}.stack{flex-direction:column;gap:12px;display:flex}.stack label{color:#0f172a;flex-direction:column;gap:8px;font-size:14px;font-weight:500;display:flex}input,textarea,select,button{font:inherit}input,textarea,select{color:#0f172a;background:#f8fafc;border:1px solid #cbd5e1;border-radius:12px;padding:10px 12px}input:focus,textarea:focus,select:focus{border-color:#94a3b8;outline:2px solid #94a3b8}button{color:#fff;cursor:pointer;background:#0f172a;border:0;border-radius:12px;padding:10px 14px;font-weight:600}button:disabled{opacity:.65;cursor:not-allowed}.app-shell{background:#f1f5f9;grid-template-columns:250px 1fr;min-height:100vh;display:grid}.sidebar{color:#e2e8f0;background:#0f172a;flex-direction:column;gap:30px;padding:24px 16px;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand p{color:#94a3b8;margin:0;font-size:12px}.brand strong{font-size:15px}.brand-dot{background:linear-gradient(135deg,#22c55e,#38bdf8);border-radius:50%;width:14px;height:14px}.nav{flex-direction:column;gap:8px;display:flex}.nav button{color:#94a3b8;text-align:left;background:0 0}.nav button.active{color:#f8fafc;background:#94a3b833}.content{padding:24px}.topbar{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.topbar h2{color:#0f172a;margin:0 0 4px}.topbar p{color:#64748b}.actions{gap:10px;display:flex}.ghost{color:#0f172a;background:#e2e8f0}.ghost.danger{color:#b91c1c;background:#fee2e2}.cards{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:14px;margin-bottom:14px;display:grid}.card,.panel{background:#fff;border-radius:18px;box-shadow:0 12px 30px #0f172a0f}.card{padding:16px}.card p{color:#64748b;margin-bottom:10px}.card strong{color:#0f172a;font-size:26px}.panel-grid{grid-template-columns:1.1fr 1fr;gap:14px;display:grid}.panel{padding:18px}.panel-header{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.panel-header h3{color:#0f172a;margin:0}.panel-header span{color:#94a3b8;font-size:13px}.lesson-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.lesson-list li{border:1px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:10px;display:flex}.lesson-list p{color:#64748b}.lesson-list small{color:#94a3b8}.search{width:100%;margin-bottom:14px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}th,td{text-align:left;color:#0f172a;border-bottom:1px solid #e2e8f0;padding:10px 8px}th{color:#64748b;font-weight:600}.status{border-radius:999px;padding:4px 10px;font-size:12px;font-weight:600}.status.active{color:#15803d;background:#dcfce7}.status.passive{color:#b91c1c;background:#fee2e2}.chart{flex-direction:column;gap:10px;display:flex}.bar-row p{color:#334155;margin-bottom:6px}.bar-row div{background:#e2e8f0;border-radius:999px;height:28px;position:relative}.bar-row span{background:linear-gradient(90deg,#3b82f6,#14b8a6);border-radius:999px;position:absolute;top:0;bottom:0;left:0}.bar-row small{color:#0f172a;font-weight:600;position:absolute;top:6px;right:10px}.error{color:#b91c1c;background:#fee2e2;border-radius:10px;padding:8px 10px}.muted{color:#64748b}@media (width<=1100px){.app-shell{grid-template-columns:1fr}.sidebar{flex-direction:row;justify-content:space-between;align-items:center;gap:12px}.nav{flex-flow:wrap}.panel-grid{grid-template-columns:1fr}}@media (width<=720px){.topbar{flex-direction:column;align-items:flex-start;gap:12px}.content{padding:14px}}