:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#f5f7fb;background:#040915;--panel:#081525;--line:#21334b;--purple:#6d32cd;--blue:#2a85e8;--green:#48bb48;--gold:#d69417;--pink:#d83c7e;--orange:#e36d28;--muted:#9ba7b9}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:radial-gradient(circle at 50% 0,#0b1830 0,#050a16 47%,#02060d)}button,input{font:inherit}button{color:inherit}button:focus-visible,input:focus-visible{outline:2px solid #4ccaff;outline-offset:2px}.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);min-height:100vh;padding-bottom:76px}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;background:#060d18;border-right:1px solid #17283c;padding:13px}.brand{display:flex;gap:9px;align-items:center;margin-bottom:14px}.brand-icon{font-size:30px}.brand strong{display:block;font-size:17px}.brand small{display:block;font-size:9px;color:#a75fff}.side-nav{display:grid;gap:3px}.side-nav button{position:relative;border:0;background:transparent;border-radius:7px;padding:8px 9px;display:flex;gap:9px;align-items:center;text-align:left;color:#c0cad8}.side-nav button.active,.side-nav button:hover{background:linear-gradient(90deg,#40216d,#281440);box-shadow:inset 0 0 0 1px #7138b9;color:#fff}.side-nav em{margin-left:auto;background:#6e36b8;border-radius:99px;padding:2px 6px;font-size:8px;font-style:normal}.level-card{margin-top:14px}.level-card h3{font-size:15px}.level-card p{font-size:9px}.level-card p b{color:#5aa4ff}.main{min-width:0;padding:0 12px 10px}.topbar{height:60px;display:flex;align-items:center;gap:12px}.menu-btn,.icon-btn{border:0;background:transparent;position:relative}.search-box{margin:auto;width:min(500px,47vw);border:1px solid #23354d;background:#07121f;border-radius:8px;padding:9px 12px;display:flex;align-items:center;gap:8px}.search-box input{width:100%;border:0;background:transparent;color:#fff}.top-actions{display:flex;gap:11px;align-items:center}.icon-btn sup{position:absolute;right:-6px;top:-7px;background:#df2340;border-radius:99px;padding:2px 5px;font-size:8px}.profile{display:flex;gap:7px;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(150deg,#4c3024,#ae744f)}.profile b{font-size:9px;display:block}.profile small{font-size:8px;color:#98a5b7}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 305px;gap:12px}.content-column,.right-column{display:grid;gap:10px;align-content:start}.panel{background:linear-gradient(180deg,#091625,#071321);border:1px solid #21344d;border-radius:9px;padding:12px;box-shadow:0 8px 25px #0004}.panel h1,.panel h2,.panel h3,.panel p{margin-top:0}.panel h1{font-size:18px;margin-bottom:3px}.panel h2{font-size:12px}.panel p{font-size:9px;color:#aeb8c7}.primary{border:0;border-radius:6px;background:linear-gradient(90deg,#5426aa,#6d2fc7);padding:8px}.full{width:100%}.welcome-row{display:flex;justify-content:space-between;gap:12px}.quote{border:1px solid #2b3a53;border-radius:7px;padding:9px 12px;font-size:8px;max-width:280px}.quote small{display:block;margin-top:3px;color:#a8b3c2}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:9px;margin-top:10px}.stat{min-height:82px;border:1px solid #263952;border-radius:8px;background:#0a1828;display:flex;gap:10px;align-items:center;padding:10px}.stat-icon{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;font-size:22px;background:#29174f}.stat small{display:block;font-size:7px}.stat b{display:block;font-size:19px}.stat span{display:block;font-size:7px;color:#b0bac8}.stat.blue .stat-icon{background:#11396a}.stat.green .stat-icon{background:#113e25}.stat.orange .stat-icon{background:#4d2617}.stat.pink .stat-icon{background:#4c173c}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px}.section-title button{border:0;background:transparent;color:#9d55ef;font-size:8px}.class-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.class-card{min-height:143px;border:1px solid #2a3c56;border-radius:8px;background:#0a1828;padding:9px;position:relative}.class-icon{font-size:24px}.class-card h3{font-size:10px;margin:6px 0 2px}.class-card p{font-size:7px}.class-card .grade{position:absolute;right:8px;top:54px;background:#176e36;border-radius:50%;padding:4px;font-size:7px}.class-card>b{display:block;font-size:10px;margin:18px 0 5px}.progress{height:6px;background:#1a2940;border-radius:99px;overflow:hidden}.progress span,.progress i{display:block;height:100%;background:linear-gradient(90deg,#52c13f,#7ddb32);border-radius:inherit}.class-card.blue .progress span{background:#2d8ceb}.class-card.gold .progress span{background:#e49b17}.class-card.violet .progress span{background:#8a48df}.class-card.pink .progress span{background:#e24481}.middle-grid{display:grid;grid-template-columns:1.15fr .85fr .9fr;gap:10px}.list,.grades-list,.schedule,.tasks{list-style:none;padding:0;margin:0;display:grid}.list li,.grades-list li{border-bottom:1px solid #1d2d43;padding:7px 0;display:flex;justify-content:space-between;gap:8px;font-size:8px}.list li>span,.grades-list li>span{display:grid}.list small,.grades-list small{font-size:7px;color:#8f9daf}.list li>b{display:grid;text-align:right;font-weight:500}.list em{color:#eea116;font-style:normal;font-size:7px}.grades-list b{color:#54dd65;font-size:11px}.study-wrap{display:grid;grid-template-columns:145px 1fr;gap:8px;align-items:center}.donut{width:140px;height:140px;border-radius:50%;background:conic-gradient(#2f84e5 0,#2f84e5 44%,#445bea 44%,#445bea 58%,#d49b16 58%,#d49b16 77%,#cf2c6d 77%,#cf2c6d);padding:15px;display:grid;place-items:center}.donut span{width:110px;height:110px;border-radius:50%;background:#081525;display:grid;place-items:center;align-content:center;text-align:center}.donut b{font-size:17px}.donut small{font-size:7px}.study-wrap ul{list-style:none;padding:0;display:grid;gap:8px;font-size:7px}.study-wrap li{display:flex;justify-content:space-between}.study-change{text-align:center;border:1px solid #1f324b;border-radius:6px;padding:8px;color:#43d970}.study-change span{color:#8d9aac;font-size:7px}.lower-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:10px}.achievements{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.achievements article{text-align:center}.achievements article div{width:58px;height:58px;margin:auto;border:3px solid #2c8be8;border-radius:18px;display:grid;place-items:center;font-size:27px;background:#0b1a2d}.achievements article:nth-child(2) div{border-color:#e69a18}.achievements article:nth-child(3) div{border-color:#df8c10}.achievements article:nth-child(4) div{border-color:#df3547}.achievements article:nth-child(5) div{border-color:#63b72c}.achievements b{display:block;font-size:8px;margin-top:5px}.achievements small{font-size:7px;color:#9aa7b7}.goals{display:grid;gap:10px}.goal-row{display:grid;grid-template-columns:170px 1fr 35px;gap:8px;align-items:center;font-size:8px}.goal-row .progress i{background:#43b94b}.schedule li{display:grid;grid-template-columns:75px 1fr;border-bottom:1px solid #1c2c41;padding:8px 0}.schedule b{font-size:9px}.schedule span{display:grid;font-size:8px;border-left:2px solid #6945ff;padding-left:10px}.schedule li:nth-child(2) span{border-color:#6ad439}.schedule li:nth-child(3) span{border-color:#f4b01c}.schedule li:nth-child(4) span{border-color:#ef6337}.schedule li:nth-child(5) span{border-color:#3d8cf4}.schedule small,.tasks small{font-size:7px;color:#8e9cad}.tasks li{padding:9px 0;border-bottom:1px solid #1c2d43;font-size:8px}.tasks small{display:block;margin-left:18px}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.resource-grid button{min-height:70px;border:1px solid #253952;border-radius:7px;background:#0a1828;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.resource-grid b{font-size:22px}.resource-grid span{font-size:7px}.wellness{background:linear-gradient(120deg,#251148,#5d216f)}.wellness>div{display:flex;align-items:center}.wellness p{font-size:9px;color:#fff}.wellness span{font-size:55px}.bottom-dock{position:fixed;z-index:20;left:230px;right:0;bottom:0;height:66px;background:#040912f7;border-top:1px solid #1c2e45;display:flex;justify-content:space-around;align-items:center}.bottom-dock button{border:0;background:transparent;color:#96a2b4;display:flex;flex-direction:column;align-items:center;gap:2px}.bottom-dock small{font-size:7px}.bottom-dock .active{color:#d4b0ff}.fallback-panel{display:grid;gap:8px;color:#ffd46f}.fallback-panel button,.fatal-card button{width:max-content;border:0;border-radius:5px;background:#5d2daf;padding:8px 12px}.fatal-shell{min-height:100vh;display:grid;place-items:center}.fatal-card{max-width:600px;background:#091525;border:1px solid #30475f;border-radius:10px;padding:22px}.fatal-card pre{white-space:pre-wrap;background:#030810;border-radius:5px;padding:9px;color:#ffb5b5}@media(max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.right-column{grid-template-columns:repeat(2,1fr)}.stats-grid,.class-grid{grid-template-columns:repeat(3,1fr)}.middle-grid{grid-template-columns:1fr 1fr}.middle-grid>*:last-child{grid-column:1/3}}@media(max-width:820px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.bottom-dock{left:0}.search-box{width:60%;margin:0}.profile span{display:none}.stats-grid,.class-grid{grid-template-columns:repeat(2,1fr)}.middle-grid,.lower-grid{grid-template-columns:1fr}.middle-grid>*:last-child{grid-column:auto}.right-column{grid-template-columns:1fr 1fr}}@media(max-width:560px){.main{padding:0 7px 9px}.top-actions .icon-btn:nth-child(2),.top-actions .icon-btn:nth-child(3){display:none}.search-box{width:70%}.welcome-row{flex-direction:column}.quote{max-width:none}.stats-grid,.class-grid,.right-column,.study-wrap{grid-template-columns:1fr}.donut{margin:auto}.achievements{grid-template-columns:repeat(2,1fr)}.goal-row{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr 1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}