:root{--bg:#070d17;--panel:#0d1625;--panel2:#111d2e;--line:#1d2c42;--text:#edf4ff;--muted:#8493a9;--accent:#7c5cff;--accent2:#1ed6c0;--danger:#ff5c7a;--warn:#ffbd4a;--success:#35d07f;--radius:16px;--shadow:0 20px 50px #0006}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,sans-serif;background:var(--bg);color:var(--text)}button,input,textarea,select{font:inherit}button{cursor:pointer}.hidden{display:none!important}.mobile-only,.mobile-brand{display:none}.eyebrow{font-size:11px;letter-spacing:.17em;color:var(--accent2);font-weight:800}.brand{display:flex;align-items:center;gap:10px;font-family:'Space Grotesk';font-weight:700}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;color:#fff;background:linear-gradient(135deg,var(--accent),#4058ff);box-shadow:0 0 24px #765cff66}.brand-large{font-size:20px}.auth-shell{min-height:100vh;display:grid;grid-template-columns:1.15fr .85fr}.auth-art{position:relative;overflow:hidden;padding:54px 7vw;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 70% 45%,#4a2a9970,transparent 30%),linear-gradient(145deg,#071121,#0b1425)}.grid-glow{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(#53647a 1px,transparent 1px),linear-gradient(90deg,#53647a 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent)}.auth-art>*{position:relative}.auth-copy{max-width:690px}.auth-copy h1{font:700 clamp(42px,6vw,78px)/1.02 'Space Grotesk';margin:18px 0}.auth-copy p{color:#adbad0;line-height:1.7;max-width:580px;font-size:17px}.auth-proof{display:flex;gap:50px}.auth-proof div{display:flex;flex-direction:column;gap:5px}.auth-proof strong{font-size:25px}.auth-proof span{color:var(--muted);font-size:12px}.auth-panel{display:grid;place-items:center;padding:32px;background:#09111f}.auth-card{width:min(420px,100%);padding:40px;border:1px solid var(--line);background:#0c1625;border-radius:24px;box-shadow:var(--shadow)}.auth-card h2{font:700 32px 'Space Grotesk';margin:10px 0}.auth-card>p,.auth-card small{color:var(--muted);line-height:1.5}.auth-card label,.form-grid label{display:grid;gap:8px;color:#b7c3d4;font-size:12px;font-weight:600;margin:22px 0}.auth-card input,input,textarea,select{border:1px solid var(--line);background:#09111d;color:var(--text);border-radius:10px;padding:13px 14px;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent)}.btn{border:0;border-radius:10px;padding:11px 15px;color:var(--text);background:#17243a;font-weight:700}.btn.primary{background:linear-gradient(135deg,var(--accent),#5845dc)}.btn.ghost{border:1px solid var(--line);background:transparent}.btn.danger{background:#4a1825;color:#ff91a5}.btn.wide{width:100%;display:flex;justify-content:space-between;margin:28px 0 16px}.app{display:grid;grid-template-columns:235px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;border-right:1px solid var(--line);background:#09111d;padding:25px 16px;display:flex;flex-direction:column}.sidebar>.brand{padding:0 10px 28px}.sidebar nav{display:grid;gap:4px}.sidebar nav button,.nav-logout{border:0;background:transparent;color:var(--muted);text-align:left;padding:12px 13px;border-radius:9px;display:flex;gap:12px;align-items:center;font-size:13px}.sidebar nav button:hover,.sidebar nav button.active{background:#171d3d;color:#fff}.sidebar nav button.active{box-shadow:inset 3px 0 var(--accent)}.sidebar-footer{margin-top:auto}.streak-mini{display:flex;gap:10px;padding:13px;margin-bottom:8px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.streak-mini span{font-size:22px}.streak-mini div{display:flex;flex-direction:column}.streak-mini strong{font-size:12px}.streak-mini small{color:var(--muted);font-size:10px}.main{min-width:0}.topbar{height:72px;position:sticky;top:0;z-index:10;background:#070d17e8;backdrop-filter:blur(16px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 28px}.search-wrap{height:40px;width:min(440px,45vw);display:flex;align-items:center;gap:8px;background:#0c1523;border:1px solid var(--line);border-radius:10px;padding:0 12px}.search-wrap input{width:100%;border:0;background:transparent;padding:0}.top-actions{display:flex;align-items:center;gap:10px}.icon-btn{position:relative;width:40px;height:40px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.dot{position:absolute;right:8px;top:7px;width:7px;height:7px;background:var(--danger);border-radius:50%}.avatar{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-weight:800;background:linear-gradient(135deg,#284e74,var(--accent))}.view{padding:28px;max-width:1500px;margin:auto}.page-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px;gap:20px}.page-head h1{font:700 30px 'Space Grotesk';margin:3px 0}.page-head p{margin:0;color:var(--muted);font-size:13px}.grid{display:grid;gap:16px}.stats{grid-template-columns:repeat(4,1fr);margin-bottom:16px}.stat,.card{background:linear-gradient(145deg,var(--panel),#0a1320);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.stat{display:flex;align-items:center;gap:13px}.stat-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:12px;background:#1c2840;color:var(--accent2);font-size:20px}.stat small{color:var(--muted);display:block;margin-bottom:5px}.stat strong{font-size:22px}.dashboard-grid{grid-template-columns:1.35fr .9fr}.span-2{grid-column:span 2}.card-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.card-title h3{font-size:14px;margin:0}.card-title span{font-size:11px;color:var(--muted)}.progress-ring{--p:50;width:150px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent2) calc(var(--p)*1%),#1b293c 0);position:relative}.progress-ring:after{content:"";position:absolute;width:112px;aspect-ratio:1;border-radius:50%;background:var(--panel)}.progress-ring div{z-index:1;text-align:center}.progress-ring strong{font-size:30px}.progress-ring small{display:block;color:var(--muted)}.overview-flex{display:flex;gap:28px;align-items:center}.subject-bars{flex:1;display:grid;gap:14px}.bar-row{display:grid;grid-template-columns:90px 1fr 38px;align-items:center;gap:10px;font-size:11px}.bar{height:7px;background:#1a2739;border-radius:9px;overflow:hidden}.bar i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,var(--accent),var(--accent2))}.task-list{display:grid;gap:8px}.task-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:11px;padding:11px;border:1px solid var(--line);border-radius:11px;background:#0b1421}.task-row.done{opacity:.55}.task-row.done .task-name{text-decoration:line-through}.check{width:20px;height:20px;border-radius:6px;border:1px solid #41516a;background:transparent;color:#fff}.check.checked{background:var(--success);border-color:var(--success)}.task-name{font-size:12px;font-weight:700}.task-meta{font-size:10px;color:var(--muted);margin-top:3px}.badge{font-size:10px;padding:5px 8px;border-radius:20px;background:#1a2941;color:#adbed7}.badge.danger{background:#401b26;color:#ff8198}.badge.warn{background:#3b3016;color:#ffd066}.badge.success{background:#143825;color:#68e8a0}.subject-grid{grid-template-columns:repeat(3,1fr)}.subject-card{position:relative;overflow:hidden}.subject-card:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:var(--subject)}.subject-top{display:flex;justify-content:space-between}.subject-icon{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;background:color-mix(in srgb,var(--subject) 18%,transparent);color:var(--subject);font-weight:800}.subject-card h3{margin:16px 0 4px}.subject-card p{color:var(--muted);font-size:11px;margin:0 0 18px}.progress-line{height:7px;border-radius:6px;background:#1a2739;overflow:hidden}.progress-line i{display:block;height:100%;background:var(--subject)}.progress-label{display:flex;justify-content:space-between;font-size:11px;margin-top:7px}.kebab{border:0;background:transparent;color:var(--muted);font-size:18px}.module{padding:0;overflow:hidden}.module-head{padding:18px;display:flex;align-items:center;justify-content:space-between}.module-head h3{margin:0;font-size:14px}.module-body{border-top:1px solid var(--line);padding:10px 18px}.subtopic-row{display:grid;grid-template-columns:auto 1fr 120px 100px auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #162235;font-size:12px}.subtopic-row:last-child{border:0}.note-layout{grid-template-columns:270px 1fr}.note-list{display:grid;gap:7px;align-content:start}.note-item{padding:12px;border:1px solid var(--line);border-radius:10px;background:#0a1320;text-align:left;color:var(--text)}.note-item.active{border-color:var(--accent)}.note-item strong{display:block}.note-item small{color:var(--muted)}.note-editor textarea{min-height:380px;width:100%;resize:vertical;line-height:1.7}.calendar-head{display:flex;justify-content:space-between;align-items:center}.calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-name{font-size:10px;text-align:center;color:var(--muted);padding:10px}.cal-day{min-height:100px;border:1px solid var(--line);border-radius:9px;padding:8px;background:#0a1320}.cal-day.muted{opacity:.25}.cal-day.today{border-color:var(--accent)}.cal-num{font-size:11px;font-weight:700}.cal-event{display:block;margin-top:6px;padding:4px 5px;border-radius:5px;background:#242052;color:#c8bcff;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.analytics-grid{grid-template-columns:1.5fr 1fr}.chart-box{height:290px}.settings-grid{grid-template-columns:1fr 1fr}.setting-row{display:flex;justify-content:space-between;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border:0}.theme-list{display:flex;gap:12px;flex-wrap:wrap}.theme-chip{width:76px;height:50px;border:2px solid transparent;border-radius:9px;background:linear-gradient(135deg,#09111d 50%,var(--swatch) 50%)}.theme-chip.active{border-color:#fff}.toggle{width:42px;height:23px;border-radius:30px;background:#27364c;border:0;position:relative}.toggle:after{content:"";position:absolute;width:17px;height:17px;border-radius:50%;background:#fff;top:3px;left:3px;transition:.2s}.toggle.on{background:var(--accent)}.toggle.on:after{left:22px}.toast{position:fixed;z-index:100;right:20px;bottom:20px;padding:12px 16px;border-radius:10px;background:#17243a;color:#fff;box-shadow:var(--shadow);transform:translateY(100px);opacity:0;transition:.25s}.toast.show{transform:none;opacity:1}dialog{border:1px solid var(--line);border-radius:18px;background:var(--panel);color:var(--text);padding:0;box-shadow:var(--shadow);width:min(560px,calc(100% - 30px))}dialog::backdrop{background:#000a;backdrop-filter:blur(4px)}#modalBody{padding:25px}#modalBody h2{margin-top:0;font-family:'Space Grotesk'}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 15px}.form-grid .full{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px}.empty{text-align:center;padding:50px 20px;color:var(--muted)}
body.theme-ocean{--accent:#1b9cff;--accent2:#20e0d0}body.theme-matrix{--accent:#3cdb71;--accent2:#aaff35}body.theme-cyber{--accent:#ff3e9d;--accent2:#23e9ff}body.theme-light{--bg:#edf2f8;--panel:#fff;--panel2:#f5f7fb;--line:#dbe3ee;--text:#152033;--muted:#66758c;--shadow:0 20px 50px #6682a322}.theme-light .sidebar,.theme-light .topbar,.theme-light input,.theme-light textarea,.theme-light select,.theme-light .task-row,.theme-light .cal-day,.theme-light .note-item{background:#fff}.theme-light .card,.theme-light .stat{background:#fff}
@media(max-width:1000px){.stats{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.analytics-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.subject-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.auth-shell{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh}.mobile-brand{display:flex;margin-bottom:35px}.app{display:block}.sidebar{position:fixed;z-index:30;transform:translateX(-110%);transition:.25s;width:250px;box-shadow:var(--shadow)}.sidebar.open{transform:none}.mobile-only{display:block}.topbar{padding:0 14px}.search-wrap{width:auto;flex:1;margin:0 10px}.top-actions .btn{display:none}.view{padding:19px 14px}.stats{grid-template-columns:1fr 1fr}.stat{padding:13px}.stat-icon{display:none}.subject-grid,.settings-grid{grid-template-columns:1fr}.overview-flex{align-items:flex-start;flex-direction:column}.progress-ring{margin:auto}.page-head{align-items:flex-start;flex-direction:column}.page-head .btn{width:100%}.note-layout{grid-template-columns:1fr}.note-list{grid-template-columns:repeat(2,1fr)}.cal-day{min-height:65px;padding:5px}.cal-event{font-size:0;width:7px;height:7px;padding:0;border-radius:50%}.subtopic-row{grid-template-columns:auto 1fr auto}.subtopic-row select,.subtopic-row input{grid-column:2/4}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}