@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";:root{color:#17223b;font-synthesis:none;text-rendering:optimizelegibility;font-smooth:always;--navy:#101a33;--blue:#3569e8;--muted:#778198;--line:#e9edf4;--panel:#fff;background:#f6f8fc;font-family:DM Sans,Arial,sans-serif;font-weight:400}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh}.sidebar{background:var(--navy);color:#fff;z-index:10;flex-direction:column;width:250px;padding:25px 17px;display:flex;position:fixed;inset:0 auto 0 0}.brand{letter-spacing:-.8px;color:inherit;align-items:center;gap:10px;font:800 21px Manrope,sans-serif;display:flex}.brand-mark{color:#fff;background:#3269eb;border-radius:11px;place-items:center;width:35px;height:35px;display:grid}.brand-blue{color:#5e8cff}.sidebar .brand{padding:0 9px 38px}.workspace-label,.eyebrow{letter-spacing:1.4px;color:#8894ae;font-size:10px;font-weight:700}.workspace-label{padding:0 12px 12px}.nav-item{color:#aab5cb;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:13px;width:100%;height:46px;margin:3px 0;padding:0 12px;font-size:13px;font-weight:600;display:flex}.nav-item:hover{color:#fff;background:#1a294b}.nav-item.active{color:#fff;background:#233b6c}.nav-arrow{margin-left:auto}.sidebar-bottom{margin-top:auto}.tip-card{background:#192746;border:1px solid #2a3a5c;border-radius:12px;margin:0 2px 17px;padding:15px}.tip-icon{color:#9ab5ff;background:#293e68;border-radius:8px;place-items:center;width:29px;height:29px;margin-bottom:12px;display:grid}.tip-card strong{font-size:12px}.tip-card p{color:#9eabc4;margin:6px 0 0;font-size:11px;line-height:1.6}.privacy-note{color:#8997b2;align-items:center;gap:7px;padding:13px 10px 0;font-size:10px;display:flex}.main{min-height:100vh;margin-left:250px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:69px;padding:0 43px;display:flex}.breadcrumb{color:#98a1b3;align-items:center;gap:9px;font-size:12px;display:flex}.breadcrumb b{color:#34405a;font-weight:600}.top-actions{align-items:center;gap:19px;display:flex}.local-badge{color:#69758c;align-items:center;gap:7px;font-size:11px;display:flex}.local-badge span{background:#35b77b;border-radius:50%;width:7px;height:7px}.avatar{color:#3569e8;background:#eaf0ff;border:0;border-radius:50%;width:31px;height:31px;font-weight:700}.content{max-width:1200px;margin:auto;padding:43px 43px 20px}.page-head{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:27px;display:flex}.page-head h1{letter-spacing:-1.2px;color:#17223b;margin:8px 0 6px;font:800 30px Manrope,sans-serif}.page-head p{color:#8791a5;margin:0;font-size:13px}.button{color:#fff;background:#3569e8;border:1px solid #3569e8;border-radius:8px;justify-content:center;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #3569e81c}.button:hover{background:#2858ce}.button.secondary{color:#68748b;box-shadow:none;background:#fff;border-color:#e3e8f0}.welcome-banner{color:#fff;background:linear-gradient(105deg,#18294c,#284c92);border-radius:14px;justify-content:space-between;align-items:center;min-height:174px;padding:27px 32px;display:flex;position:relative;overflow:hidden}.banner-kicker{letter-spacing:1.2px;color:#b6c9f5;align-items:center;gap:7px;font-size:10px;font-weight:700;display:flex}.welcome-banner h2{letter-spacing:-.7px;margin:13px 0 5px;font:800 25px Manrope,sans-serif}.welcome-banner p{color:#c0cde6;margin:0;font-size:12px}.banner-art{place-items:center;width:180px;height:140px;display:grid;position:relative}.art-circle{color:#d4e1ff;background:#ffffff0c;border:1px solid #7895c9;border-radius:50%;place-items:center;width:100px;height:100px;display:grid;box-shadow:0 0 0 17px #ffffff08,0 0 0 34px #ffffff05}.art-line{background:#ffffff20;width:210px;height:1px;position:absolute;transform:rotate(-35deg)}.stats-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin:19px 0;display:grid}.stat-card{border:1px solid var(--line);background:#fff;border-radius:11px;align-items:flex-start;gap:13px;min-width:0;padding:17px 16px;display:flex}.stat-icon{border-radius:10px;flex:none;place-items:center;width:36px;height:36px;display:grid}.stat-icon svg{width:18px}.stat-icon.purple{color:#8a6ce0;background:#f3efff}.stat-card span,.stat-card small{color:#8993a6;font-size:10px;display:block}.stat-card strong{color:#1b2741;margin:4px 0 3px;font:800 22px Manrope,sans-serif;display:block}.overview-grid{grid-template-columns:1.1fr .9fr;gap:16px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:12px;padding:20px}.panel-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:15px;display:flex}.panel-head h3{color:#26324b;margin:0;font:700 14px Manrope,sans-serif}.panel-head p{color:#929bad;margin:5px 0 0;font-size:10px}.text-link{color:#4773df;background:0 0;border:0;align-items:center;gap:5px;font-size:10px;font-weight:700;display:flex}.compact-row{border-top:1px solid #f0f2f6;align-items:center;gap:11px;padding:10px 0;display:flex}.date-tile{background:#f8faff;border:1px solid #e9eef8;border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:43px;height:43px;display:flex}.date-tile b{color:#2d4f91;font:800 16px/1.1 Manrope}.date-tile span{color:#8290aa;text-transform:uppercase;font-size:9px}.row-main,.data-primary{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row-main span,.data-primary span{color:#929bad;white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.duration{color:#8792a6;align-items:center;gap:5px;font-size:10px;display:flex}.exam-row{border-top:1px solid #f0f2f6;justify-content:space-between;align-items:center;padding:13px 0;display:flex}.exam-subject{align-items:center;gap:10px;display:flex}.subject-dot{background:#6389ed;border-radius:50%;width:8px;height:8px}.exam-subject b,.exam-subject small{display:block}.exam-subject small{color:#929bad;margin-top:4px;font-size:10px}.countdown{text-align:center;min-width:44px}.countdown b{color:#3569e8;font:800 18px Manrope;display:block}.empty-state{text-align:center;color:#a0a9b8;padding:28px 10px}.empty-state>div{color:#8da5dc;margin-bottom:9px}.empty-state b{color:#526079;font-size:12px;display:block}.empty-state p{margin:5px 0 0;font-size:10px}.quick-row{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.quick-row button{border:1px solid var(--line);text-align:left;background:#fff;border-radius:11px;align-items:center;gap:12px;padding:13px 15px;display:flex}.quick-icon{border-radius:9px;place-items:center;width:36px;height:36px;display:grid}.quick-icon svg{width:18px}.quick-row button>div:nth-child(2){flex:1}.quick-row b,.quick-row span{display:block}.quick-row span{color:#929bad;margin-top:4px;font-size:10px}.content footer{color:#a0a8b7;justify-content:space-between;padding:30px 2px 8px;font-size:10px;display:flex}.content footer button{color:#7185b6;background:0 0;border:0;font-size:10px}.footer-dot{color:#c2cad7;padding:0 5px}.soft-tag{color:#6178ae;background:#f0f4ff;border-radius:20px;padding:6px 9px;font-size:10px}.data-row{border-top:1px solid #f0f2f6;align-items:center;gap:13px;min-height:67px;padding:10px 2px;display:flex}.data-list .data-row:first-child{border-top:1px solid #f0f2f6}.muted-row .data-primary b{color:#98a2b2;text-decoration:line-through}.check-button{color:#fff;background:#fff;border:1px solid #dbe2ee;border-radius:7px;flex:none;place-items:center;width:22px;height:22px;display:grid}.check-button.checked{background:#39b47f;border-color:#39b47f}.status{border-radius:20px;padding:5px 8px;font-size:9px}.row-actions{gap:4px;margin-left:5px;display:flex}.row-actions button,.icon-btn{color:#9aa4b5;background:0 0;border:0;border-radius:7px;place-items:center;width:29px;height:29px;display:grid}.row-actions svg{width:14px}.countdown-inline{color:#6380c1;white-space:nowrap;font-size:10px}.grade-ring{color:#3569e8;border:3px solid #dce7ff;border-radius:50%;flex:none;place-items:center;width:42px;height:42px;font:700 11px Manrope;display:grid}.bar-wrap{width:100px}.bar{background:#edf0f5;border-radius:10px;height:6px;overflow:hidden}.bar span{background:#5d83e9;border-radius:10px;height:100%;display:block}.disclaimer{color:#939daf;align-items:center;gap:7px;margin:18px 0 0;font-size:10px;display:flex}.two-stats{grid-template-columns:repeat(2,minmax(180px,1fr));max-width:550px}.progress-panel{margin-bottom:16px}.progress-top{justify-content:space-between;align-items:center;margin-bottom:14px;display:flex}.progress-top h3{margin:0;font:700 14px Manrope}.progress-top p{color:#929bad;margin:5px 0 0;font-size:10px}.progress-top strong{color:#3569e8;font:800 25px Manrope}.bar.big{height:9px}.topic-symbol{color:#6687dd;background:#f0f4ff;border-radius:9px;place-items:center;width:35px;height:35px;display:grid}.status-select{color:#68758b;background:#fff;border:1px solid #e5eaf2;border-radius:7px;padding:7px 9px;font-size:10px}.mistake-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mistake-card{border:1px solid #edf0f5;border-radius:10px;padding:14px}.mistake-top{justify-content:space-between;align-items:center;display:flex}.mistake-card h4{color:#35415a;margin:13px 0;font:700 12px Manrope}.correction{background:#f8faff;border-radius:8px;padding:10px}.correction p{color:#778399;white-space:pre-wrap;margin:5px 0 0;font-size:10px;line-height:1.5}.review-toggle{color:#5579d4;background:0 0;border:0;align-items:center;gap:6px;padding:11px 0 0;font-size:10px;font-weight:700;display:flex}.modal-backdrop{z-index:30;background:#0e1937a6;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:15px;width:min(540px,100%);max-height:90vh;padding:24px;overflow:auto;box-shadow:0 20px 70px #0c18394d}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:22px;display:flex}.modal-head h2{letter-spacing:-.5px;margin:7px 0 0;font:800 22px Manrope}.form-grid{grid-template-columns:1fr 1fr;gap:15px;display:grid}.field{flex-direction:column;gap:7px;min-width:0;display:flex}.field.full{grid-column:1/-1}.field span{color:#68758b;font-size:10px;font-weight:700}.field input,.field select,.field textarea{color:#26324b;background:#fff;border:1px solid #e2e7ef;border-radius:8px;outline:none;width:100%;padding:10px 11px;font-size:12px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#7192ed;box-shadow:0 0 0 3px #3569e815}.modal-actions{justify-content:flex-end;gap:9px;margin-top:24px;display:flex}.toast{z-index:50;color:#fff;background:#17284b;border-radius:9px;align-items:center;gap:9px;padding:12px 16px;font-size:12px;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 8px 25px #0b173b30}.toast svg{color:#69d2a2}.menu-btn,.close-mobile,.scrim{display:none}.landing{color:#17223b;background:#fff}.landing-nav{justify-content:space-between;align-items:center;max-width:1180px;height:76px;margin:auto;padding:0 28px;display:flex}.landing-nav .brand,.landing-footer .brand,.privacy-page .brand{color:#17223b}.hero{grid-template-columns:1fr 1fr;align-items:center;gap:45px;max-width:1180px;margin:auto;padding:72px 28px 92px;display:grid}.pill{color:#4771d9;letter-spacing:1px;background:#eef3ff;border-radius:30px;align-items:center;gap:7px;padding:8px 11px;font-size:9px;font-weight:800;display:inline-flex}.hero h1{letter-spacing:-2.8px;margin:22px 0 17px;font:800 clamp(38px,5vw,62px)/1.1 Manrope,sans-serif}.hero h1 em{color:#3569e8;font-style:normal}.hero-copy>p{color:#7d889e;max-width:480px;font-size:15px;line-height:1.8}.hero-actions{align-items:center;gap:22px;margin-top:27px;display:flex}.quiet-link{color:#65738d;font-size:12px;font-weight:700}.hero-foot{color:#9aa4b4;align-items:center;gap:8px;margin-top:28px;font-size:10px;display:flex}.hero-foot svg{color:#3bb181}.hero-preview{padding:18px 0;position:relative}.preview-window{background:#fff;border:1px solid #e8edf5;border-radius:15px;overflow:hidden;transform:rotate(1.2deg);box-shadow:0 25px 75px #172e601c}.preview-top{border-bottom:1px solid #edf0f5;align-items:center;gap:12px;height:39px;padding:0 15px;display:flex}.preview-dots{gap:4px;display:flex}.preview-dots i{background:#d6dce7;border-radius:50%;width:6px;height:6px}.preview-top>span{letter-spacing:1px;color:#a2adbf;font-size:8px}.preview-inner{padding:23px 25px 25px}.preview-greeting{letter-spacing:1.3px;color:#8b9abb;font-size:8px;font-weight:800}.preview-inner h3{margin:8px 0 4px;font:800 21px Manrope}.preview-inner>p{color:#8b95a7;margin:0;font-size:10px}.preview-stats{grid-template-columns:1fr 1fr;gap:10px;margin:20px 0;display:grid}.preview-stats>div{border:1px solid #edf0f5;border-radius:8px;padding:11px}.preview-stats span,.preview-stats small{color:#9aa4b5;font-size:8px;display:block}.preview-stats b{margin:4px 0;font:800 20px Manrope;display:block}.preview-line{justify-content:space-between;margin:15px 0 8px;font-size:9px;display:flex}.preview-line span{color:#5d7fd5}.preview-task{color:#59657d;border-top:1px solid #f0f2f6;align-items:center;gap:9px;height:35px;font-size:9px;display:flex}.preview-task small{color:#a0a9b8;margin-left:auto}.preview-check{color:#39b47f;border:1px solid #dfe5ee;border-radius:5px;place-items:center;width:15px;height:15px;display:grid}.floating-note{background:#fff;border:1px solid #e9edf4;border-radius:10px;align-items:center;gap:10px;padding:12px 15px;display:flex;position:absolute;bottom:0;left:-22px;box-shadow:0 12px 30px #172e6018}.floating-note>div{color:#31a978;background:#eaf8f1;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.floating-note b,.floating-note small{display:block}.floating-note b{font-size:10px}.floating-note small{color:#98a2b3;margin-top:3px;font-size:9px}.features{background:#f7f9fd;padding:76px 28px 86px}.section-title{text-align:center}.section-title>span,.cta>span{letter-spacing:1.5px;color:#6e8de0;font-size:9px;font-weight:800}.section-title h2,.cta h2{letter-spacing:-1px;margin:10px 0;font:800 31px Manrope}.section-title p,.cta p{color:#8994a7;font-size:12px}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;max-width:1080px;margin:38px auto 0;display:grid}.feature-card{background:#fff;border:1px solid #edf0f5;border-radius:11px;padding:22px}.feature-card>div{color:#4775e7;background:#edf2ff;border-radius:10px;place-items:center;width:38px;height:38px;display:grid}.feature-card h3{margin:16px 0 7px;font:700 13px Manrope}.feature-card p{color:#8994a7;margin:0;font-size:11px;line-height:1.6}.cta{color:#fff;text-align:center;background:#18294c;padding:65px 20px}.cta h2{font-size:33px}.cta p{color:#b4c0d6;margin-bottom:24px}.light-button{color:#315fc7;background:#fff;border-color:#fff}.light-button:hover{background:#edf2ff}.landing-footer{justify-content:space-between;align-items:center;gap:15px;max-width:1180px;min-height:82px;margin:auto;padding:15px 28px;display:flex}.landing-footer .brand{font-size:17px}.landing-footer .brand-mark{width:29px;height:29px}.landing-footer>span,.landing-footer>a:last-child{color:#98a2b3;font-size:9px}.privacy-page{background:#f8faff;min-height:100vh;padding:30px max(24px,50vw - 380px)}.privacy-content{background:#fff;border:1px solid #e9edf4;border-radius:15px;max-width:720px;margin:35px auto;padding:38px}.privacy-content h1{letter-spacing:-1px;margin:10px 0;font:800 35px Manrope}.privacy-content .lead{color:#7e899e;font-size:15px;line-height:1.7}.privacy-content h2{margin:26px 0 8px;font:700 16px Manrope}.privacy-content p,.privacy-content li{color:#68758b;font-size:12px;line-height:1.8}.privacy-content ul{padding-left:20px}.privacy-content .button{margin-top:15px}.privacy-page footer{text-align:center;color:#a1a9b8;padding:5px;font-size:10px}@media (width<=1050px){.content{padding:34px 25px}.topbar{padding:0 25px}.stats-grid{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr 1fr}.hero{gap:25px}.hero h1{font-size:49px}}@media (width<=760px){.sidebar{transition:transform .2s;transform:translate(-100%)}.sidebar.show{transform:translate(0)}.scrim{z-index:9;background:#0b153766;display:block;position:fixed;inset:0}.close-mobile{color:#fff;background:0 0;border:0;place-items:center;margin-left:auto;display:grid}.sidebar .brand{padding-bottom:30px}.main{margin-left:0}.topbar{height:60px;padding:0 17px}.menu-btn{color:#53617a;background:0 0;border:0;place-items:center;display:grid}.breadcrumb{margin-left:12px;margin-right:auto}.top-actions{gap:10px}.local-badge{font-size:0}.local-badge span{width:8px;height:8px}.content{padding:27px 17px 15px}.page-head{flex-direction:column;align-items:flex-start}.page-head h1{font-size:27px}.welcome-banner{min-height:155px;padding:23px}.banner-art{width:100px}.art-circle{width:72px;height:72px}.stats-grid{gap:10px}.stat-card{gap:9px;padding:13px 11px}.stat-icon{width:31px;height:31px}.stat-card strong{font-size:19px}.stat-card span,.stat-card small{font-size:9px}.overview-grid,.quick-row,.mistake-grid{grid-template-columns:1fr}.data-row{gap:8px}.status-select{max-width:115px}.bar-wrap{display:none}.countdown-inline{font-size:9px}.landing-nav{padding:0 18px}.hero{grid-template-columns:1fr;gap:32px;padding:46px 22px 68px}.hero h1{font-size:47px}.hero-preview{width:100%;max-width:520px;margin:auto}.floating-note{left:-5px}.features{padding:55px 20px}.feature-grid{grid-template-columns:1fr 1fr;gap:10px}.feature-card{padding:16px}.feature-card h3{font-size:12px}.section-title h2{font-size:25px}.landing-footer{flex-wrap:wrap;padding:18px}.landing-footer>span{order:3;width:100%}.privacy-content{margin:25px auto;padding:25px 20px}.privacy-content h1{font-size:29px}}@media (width<=420px){.stats-grid{grid-template-columns:1fr 1fr}.stat-card{display:block}.stat-icon{margin-bottom:8px}.feature-grid,.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.two-stats{grid-template-columns:1fr}.page-head .button{width:100%}.status{display:none}.data-row .row-actions{margin-left:auto}.data-primary span{max-width:160px}}.form-error{color:#c54242;margin:13px 0 0;font-size:12px;font-weight:600}.eyebrow,.breadcrumb,.page-head p,.stat-card span,.stat-card small,.panel-head p,.row-main span,.data-primary span,.duration,.exam-subject small,.countdown small,.empty-state,.quick-row span,.content footer,.disclaimer,.progress-top p,.hero-copy>p,.hero-foot,.preview-top>span,.preview-inner>p,.preview-stats span,.preview-stats small,.floating-note small,.section-title p,.feature-card p,.landing-footer>span,.landing-footer>a:last-child,.privacy-content .lead,.empty-state p,.correction p,.preview-task small,.privacy-page footer{color:#566176}.muted-row .data-primary b{color:#526078}.form-error{color:#a72d2d}.text-link,.preview-line span{color:#244f9e}.soft-tag{color:#455b8a}.status.green-status{color:#146b4b}.status.blue-status{color:#244c9c}.countdown-inline,.date-tile span,.preview-greeting{color:#526078}.correction b{color:#455b8a}.review-toggle{color:#31549e}.pill{color:#3156a5}.section-title>span{color:#405a94}.cta>span{color:#b4c0d6}.landing .brand-blue,.privacy-page .brand-blue{color:#3569e8}.storage-warning{color:#26324b;background:#fff9ed;border:1px solid #d9a54e;border-left:4px solid #9a5e00;border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin:0 0 22px;padding:16px 18px;display:flex}.storage-warning b{font-size:13px}.storage-warning p{color:#526078;margin:5px 0 0;font-size:12px;line-height:1.5}.storage-actions{flex-wrap:wrap;gap:8px;display:flex}.storage-warning .button{white-space:nowrap}.storage-warning .button:disabled{opacity:.55;cursor:not-allowed}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #174db8}.modal[role=dialog]{outline:none}.modal[role=dialog]:focus-visible{outline-offset:2px;outline:3px solid #174db8}@media (width<=600px){.storage-warning{flex-direction:column;align-items:stretch}.storage-actions{flex-direction:column}.storage-warning .button{width:100%}}:root{color:#17233b;--navy:#0b1730;--blue:#2563eb;--line:#e7ecf4;--panel:#fff;--muted:#526176;background:#f4f7fc;font-family:Inter,Arial,sans-serif}body{color:#17233b;background:#f4f7fc;font-family:Inter,Arial,sans-serif}h1,h2,h3,h4,.brand,.stat-card strong,.countdown b,.grade-ring,.progress-top strong{font-family:Plus Jakarta Sans,Inter,sans-serif}.sidebar{background:#0b1730;width:264px;padding:27px 18px;box-shadow:8px 0 30px #0b17300d}.sidebar .brand{padding-bottom:42px;font-size:22px}.brand-mark{background:#2563eb;border-radius:12px}.sidebar .brand-blue{color:#9bbaff}.workspace-label{color:#9aa9c3;padding-bottom:14px}.nav-item{color:#bdc8dc;border-radius:10px;height:48px;font-size:13px;transition:background .18s,color .18s,transform .18s}.nav-item:hover{color:#fff;background:#152748;transform:translate(2px)}.nav-item.active{color:#fff;background:#1b3158;box-shadow:inset 3px 0 #60a5fa}.tip-card{background:#142440;border-color:#243758;border-radius:14px;padding:17px}.tip-card p{color:#c2cde0}.privacy-note{color:#b9c6dc}.main{background:#f4f7fc;min-width:0;margin-left:264px}.topbar{z-index:8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffed;border-bottom-color:#e6ebf3;height:72px;padding:0 clamp(22px,4vw,52px);position:sticky;top:0}.breadcrumb{color:#526176}.breadcrumb b{color:#17233b}.local-badge{color:#526176}.content{max-width:1320px;padding:clamp(24px,3.6vw,48px) clamp(20px,4vw,52px) 24px}.page-head{align-items:center;margin-bottom:30px}.page-head h1{letter-spacing:-1.3px;font-size:clamp(28px,3vw,36px)}.page-head p{font-size:14px;line-height:1.6}.eyebrow,.section-kicker{letter-spacing:1.3px;color:#526176;font-size:10px;font-weight:800}.button{background:#2563eb;border-color:#2563eb;border-radius:10px;height:auto;min-height:44px;padding:0 18px;font-size:13px;transition:background .16s,transform .16s,box-shadow .16s;box-shadow:0 5px 14px #2563eb24}.button:hover{background:#1d4ed8;transform:translateY(-1px);box-shadow:0 7px 18px #2563eb30}.button.secondary{color:#334155;background:#fff;border-color:#d7dfeb}.welcome-banner{background:linear-gradient(112deg,#0b1730 0%,#142a52 56%,#214b91 100%);border-radius:18px;min-height:190px;padding:32px 36px;box-shadow:0 14px 32px #142b5317}.welcome-banner h2{letter-spacing:-.7px;font-size:29px}.welcome-banner p{color:#d4deee;font-size:13px}.banner-kicker{color:#c9dafb}.art-circle{color:#e4edff;border-color:#9bb7e9}.stats-grid{gap:16px;margin:20px 0}.stat-card{background:#fff;border-color:#e5eaf2;border-radius:15px;padding:19px;transition:transform .18s,box-shadow .18s;box-shadow:0 3px 12px #13234407}.stat-card:hover,.panel:hover{box-shadow:0 10px 28px #1527470c}.stat-icon{border-radius:12px;width:40px;height:40px}.stat-icon.blue,.quick-icon.blue{color:#2563eb;background:#eaf1ff}.stat-icon.purple,.quick-icon.purple{color:#6546b7;background:#f0edff}.stat-icon.green{color:#176b4a;background:#e8f7ef}.stat-icon.orange,.quick-icon.orange{color:#9a4d13;background:#fff1e6}.stat-card span,.stat-card small{color:#526176;font-size:11px;line-height:1.45}.stat-card strong{color:#17233b;font-size:25px}.topic-progress-card{background:#fff;border:1px solid #e5eaf2;border-radius:15px;grid-template-columns:minmax(190px,1fr) minmax(160px,1.4fr) auto;align-items:center;gap:22px;margin:0 0 20px;padding:19px 22px;display:grid;box-shadow:0 3px 12px #13234407}.topic-progress-card h3{color:#17233b;margin:5px 0;font-size:21px}.topic-progress-card h3 span{color:#526176;font:500 13px Inter,sans-serif}.topic-progress-card p{color:#526176;margin:0;font-size:12px}.topic-progress-track{background:#eaf0f8;border-radius:20px;height:10px;overflow:hidden}.topic-progress-track span{border-radius:inherit;background:linear-gradient(90deg,#2563eb,#60a5fa);height:100%;transition:width .35s;display:block}.overview-grid{gap:18px}.panel{border-color:#e5eaf2;border-radius:16px;padding:23px;transition:box-shadow .18s;box-shadow:0 3px 12px #13234407}.panel-head{margin-bottom:18px}.panel-head h3{color:#17233b;font-size:15px}.panel-head p{color:#526176;font-size:11px}.text-link{color:#1d4ed8;min-height:40px;padding:0 6px;font-size:11px}.compact-row,.exam-row{padding:13px 0}.date-tile{background:#f4f7ff;border-color:#dce5f3;border-radius:11px;width:48px;height:48px}.date-tile b{color:#17233b;font-size:18px}.date-tile span{color:#526176;font-size:10px}.row-main b,.data-primary b{color:#17233b;font-size:12px}.row-main span,.data-primary span{color:#526176;font-size:11px}.duration{color:#526176;white-space:nowrap;font-size:11px}.exam-subject b{color:#17233b;font-size:12px}.exam-subject small{color:#526176;font-size:10px}.countdown b{color:#1d4ed8;font-size:20px}.countdown small{color:#526176;font-size:10px}.empty-state{color:#526176;padding:34px 12px}.empty-state>div{color:#4169aa}.empty-state b{color:#17233b;font-size:13px}.empty-state p{color:#526176;font-size:11px;line-height:1.55}.empty-action{margin-top:15px}.quick-actions{margin-top:20px;padding:4px 0 0}.quick-actions-heading{justify-content:space-between;align-items:end;margin:0 0 12px;display:flex}.quick-actions-heading h3{margin:5px 0 0;font-size:18px}.quick-actions-heading>span{color:#526176;font-size:12px}.quick-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0}.quick-row button{background:#fff;border-color:#e5eaf2;border-radius:14px;min-height:78px;padding:14px;transition:transform .16s,border-color .16s,box-shadow .16s}.quick-row button:hover{border-color:#b7cdf8;transform:translateY(-2px);box-shadow:0 10px 24px #15274710}.quick-row b{color:#17233b;font-size:12px}.quick-row span{color:#526176;font-size:10px}.quick-row button>svg{color:#526176;width:17px}.quick-icon{border-radius:12px;width:40px;height:40px}.content footer{color:#526176;padding-top:32px}.table-panel{margin-top:2px}.soft-tag{color:#334d80;background:#edf3ff;font-size:10px;font-weight:700}.data-row{gap:14px;min-height:72px}.row-actions button,.icon-btn{color:#526176;border-radius:9px}.row-actions button:hover,.icon-btn:hover{color:#174db8;background:#eff4ff}.status{font-size:10px;font-weight:700}.green-status{color:#145c40;background:#e9f7ef}.blue-status{color:#244c9c;background:#eaf1ff}.disclaimer{color:#526176;font-size:11px;line-height:1.5}.progress-top h3{font-size:16px}.progress-top p{color:#526176}.bar.big{background:#eaf0f8;height:10px}.bar.big span{background:#2563eb}.status-select{color:#334155;border-color:#d7dfeb;min-height:40px;font-size:11px}.topic-symbol{color:#2456ae;background:#edf3ff}.mistake-grid{gap:15px}.mistake-card{border-color:#e5eaf2;border-radius:14px;padding:18px;box-shadow:0 3px 12px #13234407}.mistake-card h4{color:#17233b;margin:15px 0;font-size:14px;line-height:1.5}.correction{background:#f3f6fb;border:1px solid #e7edf5;border-radius:10px;padding:13px}.correction b{color:#334d80;font-size:11px}.correction p{color:#334155;font-size:12px;line-height:1.65}.review-toggle{color:#1d4ed8;font-size:11px}.review-toggle.reviewed{color:#145c40}.modal{border-radius:18px;padding:27px;box-shadow:0 24px 80px #08152c52}.field span{color:#334155;font-size:11px}.field input,.field select,.field textarea{border-color:#d7dfeb;min-height:44px;font-size:13px}.toast{background:#0b1730;border-radius:12px;padding:14px 18px}.menu-btn{border-radius:9px}.menu-btn:focus-visible{outline-offset:2px;outline:3px solid #2563eb}.onboarding-backdrop{z-index:40;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#071225a6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.onboarding-dialog{background:#fff;border:1px solid #e2e9f3;border-radius:20px;outline:none;width:min(660px,100%);max-height:min(88vh,820px);padding:27px;overflow:auto;box-shadow:0 28px 90px #07122555}.onboarding-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.onboarding-mark{color:#1d4ed8;background:#eaf1ff;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.onboarding-kicker{letter-spacing:1.3px;color:#405a94;font-size:10px;font-weight:800}.onboarding-dialog>h2{letter-spacing:-.8px;color:#17233b;margin:8px 0;font:800 27px Plus Jakarta Sans,sans-serif}.onboarding-intro{color:#526176;margin:0 0 20px;font-size:13px;line-height:1.6}.onboarding-tools{gap:8px;display:grid}.onboarding-tool{background:#fff;border:1px solid #e7ecf4;border-radius:12px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px;display:grid}.onboarding-tool-icon{color:#1d4ed8;background:#eff4ff;border-radius:10px;place-items:center;width:36px;height:36px;display:grid}.onboarding-tool h3{color:#17233b;margin:0 0 3px;font-size:13px}.onboarding-tool p{color:#526176;margin:0;font-size:11px;line-height:1.4}.onboarding-open{color:#1d4ed8;background:0 0;border:0;border-radius:8px;align-items:center;gap:3px;min-height:40px;padding:0 8px;font-size:11px;font-weight:700;display:inline-flex}.onboarding-open:hover{background:#eff4ff}.onboarding-footer{border-top:1px solid #e7ecf4;justify-content:space-between;align-items:center;gap:12px;margin-top:17px;padding-top:15px;display:flex}.onboarding-footer>span{color:#526176;font-size:10px;line-height:1.5}.exam-card-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.exam-card{background:#fff;border:1px solid #e5eaf2;border-radius:16px;min-width:0;padding:19px;box-shadow:0 3px 12px #13234407}.exam-card.upcoming{border-color:#bed0f5;box-shadow:0 7px 22px #2563eb0c}.exam-card-main{grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:13px;display:grid}.exam-card-date{color:#1d4ed8;text-transform:uppercase;background:#edf3ff;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;height:62px;display:flex}.exam-card-date span{letter-spacing:.7px;font-size:10px;font-weight:700}.exam-card-date b{font:800 23px Plus Jakarta Sans,sans-serif}.exam-board{color:#334155;background:#f1f4f8;border-radius:6px;padding:4px 7px;font-size:9px;font-weight:700;display:inline-block}.exam-card-subject h3{color:#17233b;margin:5px 0 3px;font-size:16px}.exam-card-subject p{color:#526176;margin:0;font-size:11px}.exam-countdown{text-align:right;min-width:62px}.exam-countdown b{color:#1d4ed8;font:800 22px Plus Jakarta Sans,sans-serif;display:block}.exam-countdown span{color:#526176;white-space:nowrap;font-size:9px}.exam-card.past .exam-card-date{color:#526176;background:#f1f3f7}.exam-card.past .exam-countdown b{color:#526176;font-size:15px}.exam-notes{color:#334155;background:#f7f9fc;border-radius:9px;margin:13px 0 0;padding:10px 12px;font-size:11px;line-height:1.5}.exam-card-footer{border-top:1px solid #edf0f5;justify-content:space-between;align-items:center;margin-top:12px;padding-top:10px;display:flex}.exam-status{color:#244c9c;background:#eaf1ff;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.exam-status.past-label{color:#526176;background:#f1f3f7}.exam-empty{grid-column:1/-1}.grade-trend{margin-bottom:16px}.grade-trend .panel-head{align-items:center}.grade-trend .panel-head h3{margin:5px 0 4px;font-size:16px}.grade-trend .panel-head p{font-size:10px}.trend-range{color:#244c9c;white-space:nowrap;background:#eff4ff;border-radius:18px;padding:7px 10px;font-size:10px;font-weight:700}.grade-chart{width:100%;height:auto;max-height:190px;display:block;overflow:visible}.chart-gridline{stroke:#e8edf5;stroke-width:1px}.chart-line{fill:none;stroke:#2563eb;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.chart-point{fill:#fff;stroke:#2563eb;stroke-width:3px}.chart-value{fill:#17233b;font:700 11px Inter,sans-serif}.grade-chart-labels{color:#526176;justify-content:space-between;font-size:10px;display:flex}.grade-trend-summary{color:#334155;margin:10px 0 0;font-size:11px;font-weight:600}.topic-progress-detail{margin-bottom:16px}.topic-row{position:relative}.topic-row.topic-confident{background:linear-gradient(90deg,#f2fbf6 0%,#fff 25%)}.topic-row.topic-outstanding{background:linear-gradient(90deg,#fff9ef 0%,#fff 25%)}.topic-state{text-align:center;border-radius:20px;min-width:92px;padding:6px 9px;font-size:10px;font-weight:700}.topic-state.confident{color:#145c40;background:#e9f7ef}.topic-state.learning{color:#244c9c;background:#eaf1ff}.topic-state.outstanding{color:#7a4b12;background:#fff2d9}.mistakes-summary{border-bottom:1px solid #e7ecf4;justify-content:space-between;align-items:center;margin-bottom:18px;padding:2px 0 16px;display:flex}.mistakes-summary h3{margin:5px 0;font-size:18px}.mistakes-summary p{color:#526176;margin:0;font-size:11px}.mistake-summary-icon{color:#9a4d13;background:#fff1e6;border-radius:13px;place-items:center;width:43px;height:43px;display:grid}.mistake-card.unresolved-card{border-left:4px solid #d97706}.mistake-card.reviewed-card{background:#fbfefc;border-left:4px solid #26805d}.mistake-card-actions{align-items:center;gap:6px;display:flex}.mistake-status{white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:9px;font-weight:700}.mistake-status.unresolved{color:#7a4b12;background:#fff2d9}.mistake-status.reviewed{color:#145c40;background:#e9f7ef}@media (width<=1100px){.sidebar{width:244px}.main{margin-left:244px}.content{padding:32px 28px 20px}.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.overview-grid,.quick-row{grid-template-columns:1fr 1fr}.quick-row button:last-child{grid-column:1/-1}.exam-card-grid{grid-template-columns:1fr}}@media (width<=760px){.sidebar{width:min(310px,86vw);max-height:100dvh;padding:23px 17px;overflow-y:auto}.main{margin-left:0}.topbar{height:64px;padding:0 16px}.content{padding:25px 17px 18px}.page-head{gap:14px;margin-bottom:22px}.page-head .button{width:auto}.welcome-banner{min-height:165px;padding:24px}.welcome-banner h2{font-size:25px}.banner-art{width:90px}.overview-grid{grid-template-columns:1fr}.topic-progress-card{grid-template-columns:1fr auto;gap:12px;padding:17px}.topic-progress-track{grid-area:2/1/auto/-1}.topic-progress-card>.text-link{grid-area:1/2}.quick-row{grid-template-columns:1fr 1fr}.quick-row button:last-child{grid-column:auto}.data-row{flex-wrap:wrap;padding:13px 4px}.data-primary{flex-basis:calc(100% - 110px)}.data-row .status,.data-row .topic-state{margin-left:35px}.data-row .row-actions{margin-left:auto}.bar-wrap{display:none}.exam-card-grid,.mistake-grid{grid-template-columns:1fr}.onboarding-backdrop{padding:12px}.onboarding-dialog{border-radius:16px;max-height:92dvh;padding:20px}}@media (width<=520px){.top-actions{gap:8px}.local-badge{font-size:0}.local-badge span{width:9px;height:9px}.content{padding:21px 13px 14px}.welcome-banner{padding:20px}.banner-art{display:none}.stats-grid{gap:9px}.stat-card{border-radius:12px;padding:13px 11px}.stat-card span,.stat-card small{font-size:10px}.stat-card strong{font-size:22px}.topic-progress-card{grid-template-columns:1fr;padding:15px}.topic-progress-card>.text-link{grid-area:auto/1;justify-self:start}.topic-progress-track{grid-area:auto/1}.quick-actions-heading>span{display:none}.quick-row{grid-template-columns:1fr}.quick-row button:last-child{grid-column:auto}.panel{border-radius:14px;padding:17px}.panel-head{align-items:flex-start}.data-row .status,.data-row .topic-state{margin-left:0}.data-primary{flex:55%}.exam-card{padding:15px}.exam-card-main{grid-template-columns:50px minmax(0,1fr);gap:10px}.exam-card-date{height:56px}.exam-countdown{text-align:left;grid-column:2;align-items:baseline;gap:5px;display:flex}.exam-countdown b{font-size:17px}.exam-countdown span{font-size:10px}.exam-card-subject h3{font-size:14px}.onboarding-dialog>h2{font-size:24px}.onboarding-tool{grid-template-columns:34px minmax(0,1fr);gap:9px}.onboarding-open{grid-column:2;justify-self:start;min-height:36px;padding-left:0}.onboarding-tool-icon{width:34px;height:34px}.onboarding-footer{flex-direction:column;align-items:flex-start}.onboarding-footer .button{width:100%}.grade-trend .panel-head{gap:6px}.trend-range{font-size:9px}.modal{padding:19px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}