.dash{display:grid;grid-template-columns:250px 1fr;min-height:100vh}.dash aside{padding:25px 18px;background:var(--surface);border-left:1px solid var(--line);display:flex;flex-direction:column;gap:30px}.student-badge{padding:14px;border:1px solid var(--line);border-radius:14px;color:var(--muted);font-size:12px;line-height:1.8;background:var(--card)}.side-nav{display:grid;gap:6px}.side-nav a{padding:12px 14px;border-radius:10px;text-decoration:none;color:var(--muted);font-size:14px;font-weight:700}.side-nav a.selected,.side-nav a:hover{background:color-mix(in srgb,var(--primary) 11%,transparent);color:var(--primary)}.side-logout{margin-top:auto;border:0;background:transparent;color:var(--danger);font-family:inherit;cursor:pointer;text-align:right;padding:10px}.dash-main{padding:45px min(5vw,70px);max-width:1400px;width:100%;overflow:hidden}.dash-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:37px}.dash-header h1{margin:9px 0 0;font-size:31px}.pending-card{background:color-mix(in srgb,#e09b2d 12%,var(--card));border:1px solid color-mix(in srgb,#e09b2d 35%,var(--line));padding:20px;border-radius:18px;display:flex;gap:15px;align-items:center;margin-bottom:30px}.pending-card>span{font-size:27px;color:#c57a00}.pending-card h3{margin:0 0 3px}.pending-card p,.title-row p{margin:0;color:var(--muted);font-size:13px}.hidden{display:none!important}.title-row{display:flex;align-items:center;justify-content:space-between;margin:25px 0 20px}.title-row h2{margin:0 0 5px;font-size:23px}.progress-chip{background:color-mix(in srgb,var(--success) 12%,transparent);color:var(--success);font-size:13px;font-weight:800;border-radius:99px;padding:8px 13px}.course-block{margin-bottom:30px}.course-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:13px}.course-heading h3{margin:0}.course-heading p{margin:4px 0 0;color:var(--muted);font-size:12px}.lessons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px}.lesson-card{background:var(--card);border:1px solid var(--line);border-radius:17px;padding:18px;min-height:164px;display:flex;flex-direction:column;gap:8px;transition:.22s}.lesson-card.available{border-color:color-mix(in srgb,var(--primary) 35%,var(--line));box-shadow:0 8px 24px color-mix(in srgb,var(--primary) 10%,transparent)}.lesson-card.locked{opacity:.62}.lesson-number{font-size:12px;color:var(--primary);font-weight:800}.lesson-card h4{margin:0;font-size:16px}.lesson-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.lesson-card .btn{margin-top:auto;padding:8px 11px;font-size:12px}.progress-overview{margin-top:70px;padding:25px;background:var(--surface);border:1px solid var(--line);border-radius:19px}.progress-overview h2{font-size:20px;margin:0 0 15px}.progress-wide{height:12px;border-radius:99px;background:color-mix(in srgb,var(--primary) 10%,transparent);overflow:hidden}.progress-wide i{display:block;height:100%;background:linear-gradient(90deg,var(--primary),var(--success));width:0;transition:width .8s;border-radius:inherit}.progress-overview p{color:var(--muted);font-size:13px}.table-card{overflow:auto;border:1px solid var(--line);border-radius:18px;background:var(--card)}table{width:100%;border-collapse:collapse;min-width:720px}th,td{padding:15px;text-align:right;border-bottom:1px solid var(--line);font-size:13px}th{color:var(--muted);font-weight:700;background:color-mix(in srgb,var(--primary) 4%,transparent)}.status{padding:5px 9px;border-radius:99px;font-size:11px;font-weight:800}.status.pending{background:color-mix(in srgb,var(--gold) 18%,transparent);color:var(--gold-text)}.status.active{background:color-mix(in srgb,var(--success) 16%,transparent);color:var(--success)}.status.suspended{background:color-mix(in srgb,var(--danger) 14%,transparent);color:var(--danger)}.mini-btn{border:1px solid var(--line);background:var(--bg);color:var(--primary);border-radius:8px;padding:6px 9px;font:inherit;font-size:11px;font-weight:800;cursor:pointer}.admin-section{margin-top:70px}.admin-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}.admin-card,.empty-card{border:1px solid var(--line);background:var(--card);border-radius:17px;padding:20px}.admin-card h3{margin:0 0 8px}.admin-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.admin-card button{margin-top:16px}.empty-card{color:var(--muted);font-size:14px}@media(max-width:760px){.dash{grid-template-columns:1fr}.dash aside{border-left:0;border-bottom:1px solid var(--line);padding:15px;display:grid;grid-template-columns:1fr auto;gap:10px}.dash aside .brand{grid-column:1}.student-badge{display:none}.side-nav{grid-column:1/-1;display:flex;overflow:auto}.side-nav a{white-space:nowrap}.side-logout{grid-column:2;grid-row:1;margin:0;align-self:center}.dash-main{padding:28px 15px}.dash-header{margin-bottom:24px}.dash-header h1{font-size:25px}.lessons-grid{grid-template-columns:1fr}.title-row{align-items:start;gap:10px}.progress-chip{white-space:nowrap}.admin-section{margin-top:50px}}
.dash-physics-bg{position:fixed;inset:0;width:100vw;height:100vh;color:var(--primary);opacity:.24;pointer-events:none;z-index:0}[data-theme="dark"] .dash-physics-bg{opacity:.34;color:#89aeff}.dash{position:relative;z-index:1}.dash-physics-bg .pb-electron-orbit{transform-origin:0 0;animation:pbOrbit 5s linear infinite}.dash-physics-bg .pb-electron-orbit2{animation-duration:8s;animation-direction:reverse}.dash-physics-bg .pb-electron-orbit3{animation-duration:4s}.dash-physics-bg .pb-atom{animation:pbFloat 7s ease-in-out infinite}.dash-physics-bg .pb-atom-b{animation:pbFloatB 9s ease-in-out infinite}.dash-physics-bg .pb-wave{stroke-dasharray:14 10;animation:pbWave 3s linear infinite}.dash-physics-bg .pb-wave2{stroke-dasharray:12 9;animation:pbWave 3.6s linear infinite reverse}.dash-physics-bg .pb-triangle{stroke-dasharray:26 10;animation:pbDraw 6s linear infinite}.dash-physics-bg .pb-triangle2{stroke-dasharray:20 8;animation:pbDraw 7.5s linear infinite reverse}.dash-physics-bg .pb-circuit{stroke-dasharray:18 8;animation:pbDraw 9s linear infinite reverse}.dash-physics-bg .pb-circuit2{stroke-dasharray:16 7;animation:pbDraw 7s linear infinite}.dash-physics-bg .pb-orbit-ring{animation:pbSpin 10s linear infinite}.dash-physics-bg .pb-ring-dot{transform:translate(70px,0)}.dash-physics-bg .pb-formula{animation:pbPulse 4.5s ease-in-out infinite}.dash-physics-bg .pb-f1{animation-delay:0s}.dash-physics-bg .pb-f2{animation-delay:.5s}.dash-physics-bg .pb-f3{animation-delay:1s}.dash-physics-bg .pb-f4{animation-delay:1.5s}.dash-physics-bg .pb-f5{animation-delay:2s}.dash-physics-bg .pb-f6{animation-delay:2.5s}.dash-physics-bg .pb-f7{animation-delay:3s}.dash-physics-bg .pb-f8{animation-delay:3.5s}.dash-physics-bg .pb-f9{animation-delay:4s}@keyframes pbOrbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@keyframes pbFloat{0%,100%{transform:translate(220px,180px) translateY(0)}50%{transform:translate(220px,180px) translateY(-16px)}}@keyframes pbFloatB{0%,100%{transform:translate(1380px,420px) translateY(0)}50%{transform:translate(1380px,420px) translateY(14px)}}@keyframes pbWave{from{stroke-dashoffset:0}to{stroke-dashoffset:-120}}@keyframes pbDraw{from{stroke-dashoffset:0}to{stroke-dashoffset:-180}}@keyframes pbPulse{0%,100%{opacity:.55;transform:translateY(0)}50%{opacity:1;transform:translateY(-8px)}}@keyframes pbSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.dash-physics-bg *{animation:none!important}}@media(max-width:760px){.dash-physics-bg{opacity:.14}}