:root{font-family:Arial,Helvetica,sans-serif;color:#ededed;background:#101010;font-synthesis:none;--bg:#101010;--surface:#181818;--surface2:#202020;--line:#303030;--muted:#999;--text:#ededed;--purple:#6964c9;--mint:#4fa985;--pink:#bd687f;--orange:#bd854e}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:230px;padding:22px 16px 16px;background:#121212;border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}.brand{display:flex;gap:11px;align-items:center;padding:0 8px 24px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:5px;background:#3d3d3d;font-weight:700;font-size:18px}.brand>div:last-child{display:flex;flex-direction:column}.brand strong{font-size:15px}.brand span,.profile span{font-size:11px;color:var(--muted)}nav{display:flex;flex-direction:column;gap:3px}nav button{position:relative;border:0;background:none;color:#aaa;padding:11px 12px;border-radius:5px;display:flex;align-items:center;gap:11px;text-align:left;font-weight:500}nav button:hover{background:#1d1d1d;color:#eee}nav button.active{background:#252525;color:#fff}nav button i{display:none}.sidebar-tip{margin-top:auto;padding:14px;border:1px solid var(--line);background:#181818;border-radius:5px;display:flex;flex-direction:column;gap:7px;color:#bbb}.sidebar-tip strong{font-size:12px;color:#ddd}.sidebar-tip span{font-size:11px;line-height:1.5;color:var(--muted)}.profile{display:flex;align-items:center;gap:9px;padding:16px 8px 2px}.avatar{width:32px;height:32px;border-radius:4px;display:grid;place-items:center;background:#2b2b2b;color:#ccc;font-size:11px;font-weight:700}.profile>div:nth-child(2){display:flex;flex-direction:column;flex:1}.profile strong{font-size:11px}.profile svg{color:#777}main{grid-column:2;min-width:0}header{height:72px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#101010;position:sticky;top:0;z-index:20}h1,h2,h3,h4{margin:0}h1{font-size:20px}h2{font-size:26px}.eyebrow{text-transform:uppercase;color:#888;font-size:10px;letter-spacing:.8px;font-weight:600;display:block;margin-bottom:5px}.header-actions{display:flex;gap:8px}.search{height:38px;width:210px;display:flex;align-items:center;gap:8px;background:#181818;border:1px solid var(--line);border-radius:5px;padding:0 11px;color:#777}.search input{background:none;border:0;outline:0;color:#fff;width:100%;font-size:13px}.primary,.secondary{border:1px solid transparent;border-radius:5px;padding:10px 14px;display:inline-flex;gap:8px;align-items:center;justify-content:center;font-weight:600;font-size:13px}.primary{background:#625ec2;color:#fff}.primary:hover{background:#706bd1}.secondary{background:#252525;border-color:#333;color:#ccc}.menu-btn{display:none;background:none;border:0;color:#fff}.content{padding:26px 30px 50px;max-width:1400px;margin:auto}.error-banner{margin:16px 30px -8px;padding:11px 14px;border-radius:5px;background:#351c23;color:#e7a3b5;display:flex;align-items:center;gap:9px;font-size:13px}.error-banner button{margin-left:auto;background:none;border:0;color:inherit}.welcome{min-height:210px;border:1px solid var(--line);border-radius:7px;background:#181818;padding:30px 34px;display:flex;align-items:center;position:relative}.welcome h2{font-size:29px;line-height:1.2;margin:12px 0 9px}.welcome p{color:var(--muted);font-size:13px;line-height:1.6;margin:0 0 20px}.welcome p b{color:#ddd}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 0;color:#aaa;font-size:11px;font-weight:600}.hero-orbit{display:none}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:14px 0}.stat-card{border:1px solid var(--line);background:#181818;border-radius:6px;padding:15px;display:flex;gap:12px;align-items:center}.stat-icon{width:38px;height:38px;border-radius:5px;display:grid;place-items:center;background:#242424!important}.stat-icon svg{width:18px}.stat-icon.purple{color:#aaa6ea}.stat-icon.mint{color:#73bca0}.stat-icon.orange{color:#cda06f}.stat-icon.pink{color:#c98a9c}.stat-card>div:last-child{display:grid;grid-template-columns:auto auto;align-items:center;column-gap:8px}.stat-card span{grid-column:1/3;font-size:11px;color:var(--muted)}.stat-card strong{font-size:20px}.stat-card small{font-size:9px;color:#777;display:flex;gap:3px;align-items:center}.dashboard-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:12px}.panel{border:1px solid var(--line);background:#181818;border-radius:7px;padding:20px}.subjects-panel{grid-row:span 2}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h3{font-size:16px}.text-btn,.icon-btn,.danger-icon{border:0;background:none;color:#888;display:flex;align-items:center;gap:3px;font-size:11px}.text-btn:hover,.icon-btn:hover{color:#fff}.icon-btn{width:32px;height:32px;border-radius:4px;background:#262626;justify-content:center}.subject-list{display:flex;flex-direction:column}.subject-row{display:grid;grid-template-columns:42px minmax(130px,1fr) minmax(70px,.8fr) 46px 92px;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.subject-symbol{width:36px;height:36px;border-radius:4px;display:grid;place-items:center;font-size:11px;font-weight:700}.subject-symbol.large{width:46px;height:46px;border-radius:5px}.subject-info{display:flex;flex-direction:column}.subject-info strong{font-size:13px}.subject-info span{font-size:10px;color:var(--muted);margin-top:3px}.progress{height:4px;background:#303030;overflow:hidden}.progress span{display:block;height:100%}.grade-value{font-weight:700}.traffic{font-size:9px;font-weight:600;padding:4px 6px;border-radius:4px;display:inline-flex;gap:4px;align-items:center;width:max-content}.traffic.good{color:#75c5a5;background:#20372e}.traffic.warn{color:#d2a164;background:#3b2d1d}.traffic.bad{color:#d48199;background:#3d222a}.exam-list{display:flex;flex-direction:column;gap:9px}.exam-mini{display:flex;gap:10px;align-items:center}.date-tile{width:44px;height:48px;border:1px solid var(--line);background:#222;border-radius:4px;display:flex;flex-direction:column;align-items:center;justify-content:center}.date-tile strong{font-size:16px}.date-tile span{font-size:9px;text-transform:uppercase;color:var(--muted)}.exam-mini>div:last-child{display:flex;flex-direction:column}.exam-mini>div:last-child strong{font-size:12px}.exam-mini>div:last-child span{font-size:9px;color:var(--muted);margin-top:4px}.exam-mini i,.table-title i{display:inline-block;width:6px;height:6px;border-radius:50%}.note-preview{position:relative;overflow:hidden}.note-preview h4{margin:2px 0 7px;font-size:13px}.note-preview p{color:var(--muted);font-size:11px;line-height:1.6;margin:0;white-space:pre-wrap}.note-accent{position:absolute;left:0;top:0;bottom:0;width:3px}.empty{color:#777;font-size:12px;padding:20px 0;text-align:center}.page-intro{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.page-intro p{margin:7px 0 0;color:var(--muted);font-size:13px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.subject-card{position:relative;border:1px solid var(--line);border-radius:7px;background:#181818;padding:20px;min-height:240px}.card-top{display:flex;justify-content:space-between}.danger-icon{padding:7px;border-radius:4px}.danger-icon:hover{background:#372128;color:#d67b94}.subject-card h3{margin-top:16px;font-size:17px}.subject-card>p{color:var(--muted);font-size:11px;margin:5px 0}.big-grade{display:flex;align-items:center;gap:12px;margin:17px 0}.big-grade>strong{font-size:32px}.metric-row{border-top:1px solid var(--line);padding-top:13px;display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.metric-row b{color:#ddd;margin-left:4px}.mini-grades{display:flex;gap:5px;margin-top:14px}.mini-grades span{padding:4px 8px;border-radius:3px;background:#292929;font-size:9px}.add-card{min-height:240px;border:1px dashed #444;border-radius:7px;background:#151515;color:#888;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.add-card svg{padding:10px;width:42px;height:42px;border-radius:4px;background:#222}.add-card strong{font-size:13px;color:#aaa}.add-card span{font-size:10px}.table-panel{padding:0;overflow:hidden}.data-head,.data-row{display:grid;grid-template-columns:2fr .8fr .7fr .5fr 35px;align-items:center;gap:12px;padding:13px 20px}.data-head{background:#202020;color:#888;text-transform:uppercase;font-size:9px;letter-spacing:.5px}.data-row{min-height:62px;border-top:1px solid var(--line);color:#aaa;font-size:12px}.table-title{display:flex;gap:10px;align-items:center}.table-title i{width:6px;height:36px;border-radius:2px}.table-title>div{display:flex;flex-direction:column}.table-title strong{color:#e6e6e6;font-size:12px}.table-title span{font-size:10px;color:var(--muted);margin-top:3px}.grade-chip{width:38px;height:27px;border-radius:4px;display:grid;place-items:center;font-weight:700}.grade-chip.good{background:#20372e;color:#75c5a5}.grade-chip.warn{background:#3b2d1d;color:#d2a164}.grade-chip.bad{background:#3d222a;color:#d48199}.calculator-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:12px;max-width:950px}.calc-form h3{margin-bottom:20px}.field{display:flex;flex-direction:column;gap:7px;margin:0 0 15px}.field>span{font-size:11px;color:#aaa;font-weight:600}.field input,.field select,.field textarea{width:100%;border:1px solid #3a3a3a;background:#202020;color:#eee;border-radius:4px;padding:10px 11px;outline:none}.field input:focus,.field select:focus,.field textarea:focus{border-color:#716dca}.field input[type=range]{padding:0;accent-color:var(--purple)}.calc-context{margin-top:22px;padding:15px;border-radius:4px;background:#222;display:flex;align-items:baseline;gap:8px;color:var(--muted);font-size:11px}.calc-context strong{font-size:24px;color:#fff}.result-card{position:relative;border:1px solid var(--line);border-radius:7px;background:#181818;padding:34px;display:flex;flex-direction:column;align-items:center;text-align:center;justify-content:center;min-height:390px}.result-card>p{color:#aaa;font-size:14px;line-height:1.7;max-width:330px}.result-card p b{color:#ddd}.needed-grade{font-size:54px;color:#918de0}.result-card.impossible .needed-grade{font-size:28px;color:#d2a164}.result-message{margin-top:24px;border:1px solid #3a3a3a;background:#222;color:#ccc;border-radius:4px;padding:11px 14px;font-size:11px;display:flex;gap:8px;align-items:center;max-width:360px}.result-message svg{width:18px;flex:none}.timeline{position:relative;max-width:850px}.timeline:before{content:"";position:absolute;left:92px;top:15px;bottom:15px;width:1px;background:#333}.timeline-item{display:grid;grid-template-columns:75px 35px 1fr;align-items:center;margin-bottom:14px}.timeline-date{text-align:right;display:flex;flex-direction:column}.timeline-date strong{font-size:20px}.timeline-date span,.timeline-date small{font-size:10px;color:var(--muted);text-transform:capitalize}.timeline-dot{width:9px;height:9px;border-radius:50%;justify-self:center;z-index:2;box-shadow:0 0 0 4px #101010}.timeline-card{border:1px solid var(--line);background:#181818;border-radius:6px;padding:17px 19px;display:flex;justify-content:space-between}.timeline-card h3{font-size:15px;margin:4px 0 7px}.timeline-card p{margin:0;color:var(--muted);font-size:11px;display:flex;align-items:center;gap:5px}.subject-label{font-size:9px;text-transform:uppercase;font-weight:700;letter-spacing:.7px}.timeline-item.past{opacity:.45}.notes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.note-card{min-height:205px;border:1px solid var(--line);border-radius:7px;background:#181818;padding:19px;position:relative;overflow:hidden}.note-stripe{position:absolute;top:0;left:0;right:0;height:3px}.note-card-head{display:flex;justify-content:space-between;align-items:center}.note-card-head>span{font-size:9px;text-transform:uppercase;color:#777}.note-card h3{font-size:15px;margin:19px 0 9px}.note-card p{font-size:12px;line-height:1.7;color:#aaa;white-space:pre-wrap}.note-add{min-height:205px}.modal-backdrop{position:fixed;inset:0;background:#000b;z-index:100;display:grid;place-items:center;padding:20px}.modal{width:min(540px,100%);max-height:90vh;overflow:auto;border:1px solid #3a3a3a;background:#181818;border-radius:7px;padding:22px}.modal-head{display:flex;justify-content:space-between;align-items:start;margin-bottom:22px}.modal-head h2{font-size:21px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.form-actions{display:flex;justify-content:flex-end;gap:9px;border-top:1px solid var(--line);padding-top:18px;margin-top:5px}.color-row{display:flex;gap:9px}.color-row button{width:26px;height:26px;border-radius:3px;border:2px solid #181818;box-shadow:0 0 0 1px #444}.color-row button.selected{box-shadow:0 0 0 2px #ddd}.loading{height:100vh;display:flex;align-items:center;justify-content:center;gap:15px;color:#999}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.mobile-scrim{display:none}@media(max-width:1050px){.stats-grid,.card-grid,.notes-grid{grid-template-columns:repeat(2,1fr)}.subject-row{grid-template-columns:42px 1fr 46px 90px}.subject-row .progress{display:none}}@media(max-width:760px){.app-shell{display:block}.sidebar{transform:translate(-100%);transition:.25s}.sidebar.open{transform:translate(0)}.mobile-scrim{display:block;position:fixed;inset:0;background:#0008;z-index:25}main{grid-column:auto}header{height:75px;padding:0 18px;justify-content:flex-start;gap:12px}.menu-btn{display:block}.header-actions{margin-left:auto}.search{display:none}.header-actions .primary{font-size:0;padding:11px}.content{padding:20px 16px 45px}.error-banner{margin:15px 16px}.welcome{padding:28px 25px;min-height:330px}.welcome h2{font-size:26px}.hero-orbit{position:absolute;right:-95px;bottom:-40px;opacity:.65;transform:scale(.75)}.welcome>div:first-child{position:relative;z-index:2}.stats-grid{grid-template-columns:1fr 1fr}.stat-card{padding:13px}.stat-icon{display:none}.dashboard-grid{grid-template-columns:1fr}.subjects-panel{grid-row:auto}.subject-row{grid-template-columns:38px 1fr 40px}.subject-row .traffic{display:none}.card-grid,.notes-grid{grid-template-columns:1fr}.data-head{display:none}.data-row{grid-template-columns:1.5fr .7fr .4fr 30px}.data-row>span:nth-child(2){display:none}.calculator-layout{grid-template-columns:1fr}.page-intro{align-items:flex-start;gap:20px}.page-intro .primary{font-size:0;padding:11px}.form-grid{grid-template-columns:1fr}.timeline:before{left:67px}.timeline-item{grid-template-columns:52px 30px 1fr}.timeline-card{padding:15px}.timeline-date strong{font-size:17px}}@media(max-width:430px){.stats-grid{grid-template-columns:1fr}.welcome{min-height:360px}.subject-row{grid-template-columns:38px 1fr 36px}.page-intro h2{font-size:23px}}.term-select{height:38px;max-width:235px;border:1px solid var(--line);border-radius:5px;background:#181818;color:#ccc;padding:0 10px;font-size:12px}.action-buttons{display:flex;align-items:center;justify-content:flex-end;gap:3px}.action-buttons .icon-btn,.action-buttons .danger-icon{width:29px;height:29px;padding:0;display:grid;place-items:center}.data-head,.data-row{grid-template-columns:2fr .8fr .7fr .5fr 68px}.weighting-row{display:flex;flex-direction:column;gap:5px;padding:10px 0 13px;border-top:1px solid var(--line);color:#999;font-size:10px}.terms-list{display:flex;flex-direction:column;gap:10px;max-width:900px}.term-card{display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:6px;background:#181818;padding:19px 20px}.term-card.selected{border-color:#5c589e}.term-card h3{font-size:16px}.term-card p{margin:6px 0 0;color:var(--muted);font-size:11px}.term-actions{display:flex;align-items:center;gap:7px}.checkbox-row{display:flex;align-items:center;gap:9px;color:#bbb;font-size:12px;margin:7px 0 20px}.checkbox-row input{accent-color:var(--purple)}@media(max-width:900px){.term-select{max-width:170px}.search{display:none}}@media(max-width:760px){.term-select{max-width:135px}.welcome{min-height:240px}.data-row{grid-template-columns:1.5fr .6fr .4fr 62px}.term-card{align-items:flex-start;flex-direction:column}.term-actions{width:100%;flex-wrap:wrap}.action-buttons{justify-content:flex-start}}.logout-btn{border:0;background:none;color:#888;padding:6px;display:grid;place-items:center}.logout-btn:hover{color:#ddd}.page-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.page-actions a{text-decoration:none}.file-button{cursor:pointer}.file-button input{display:none}.stats-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:12px}.chart-card{min-height:340px}.trend-chart{width:100%;height:230px;margin-top:18px;overflow:visible}.trend-chart line{stroke:#303030;stroke-width:.5}.trend-chart polyline{fill:none;stroke:#7772d1;stroke-width:2;vector-effect:non-scaling-stroke}.chart-labels{display:flex;justify-content:space-between;color:#777;font-size:10px}.bar-list{display:flex;flex-direction:column;gap:18px;margin-top:24px}.bar-item>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.bar-item strong{font-size:12px}.bar-track{height:6px;background:#2b2b2b}.bar-track i{display:block;height:100%}.insight-card{grid-column:1/3}.insight-card p{margin:8px 0 0;color:var(--muted);font-size:12px}.plan-layout{display:grid;grid-template-columns:1.4fr .8fr;gap:12px}.task-list{display:flex;flex-direction:column}.task-row{display:grid;grid-template-columns:30px 1fr 68px;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--line)}.task-row>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.task-row strong{font-size:12px}.task-row small{color:var(--muted);font-size:10px}.task-row.done{opacity:.55}.task-row.done strong{text-decoration:line-through}.task-check{width:22px;height:22px;border:1px solid #444;background:#202020;color:#70b79b;padding:0;display:grid;place-items:center}.task-check span{width:8px;height:8px}.plan-exams{margin-top:18px}.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px;background:#101010}.auth-card{width:min(410px,100%);border:1px solid var(--line);background:#181818;border-radius:7px;padding:32px}.auth-brand{padding:0 0 28px}.auth-card>svg{color:#7772d1;margin-bottom:22px}.auth-card h1{font-size:24px}.auth-card>p{color:var(--muted);font-size:12px;line-height:1.6;margin:9px 0 24px}.auth-submit{width:100%;margin-top:6px}.auth-error{color:#e7a3b5;background:#351c23;padding:9px 10px;font-size:11px;margin-bottom:12px}.auth-submit:disabled{opacity:.6;cursor:wait}@media(max-width:900px){.stats-layout,.plan-layout{grid-template-columns:1fr}.insight-card{grid-column:auto}.page-intro:has(.page-actions){align-items:flex-start;flex-direction:column}.header-actions .term-select{max-width:150px}}@media(max-width:600px){.page-actions{width:100%}.page-actions .secondary,.page-actions .primary{flex:1}.header-actions .term-select{max-width:115px}.task-row{grid-template-columns:28px 1fr 62px}}