:root{--navy:#0d2850;--navy-2:#153967;--blue:#1c5ca8;--gold:#c99a3c;--teal:#199c92;--bg:#f4f6f9;--surface:#fff;--surface-2:#f8fafc;--text:#13213a;--muted:#6e7b91;--border:#e1e6ee;--shadow:0 16px 40px rgba(20,38,70,.08);--danger:#b84148;--success:#167b64;--radius:18px}
html[data-theme=dark]{--bg:#09111f;--surface:#111d2e;--surface-2:#152337;--text:#edf3fb;--muted:#95a5ba;--border:#26364c;--shadow:0 16px 40px rgba(0,0,0,.25);--navy:#08182f;--navy-2:#17365f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.6 "DM Sans",sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}h1,h2,h3,strong{font-family:Manrope,sans-serif}h1{font-size:clamp(2rem,3vw,3rem);letter-spacing:-.04em;line-height:1.12;margin:.25rem 0}h2{letter-spacing:-.025em;line-height:1.25}p{margin:.4rem 0}.muted{color:var(--muted)}.tiny{font-size:.78rem}.center{text-align:center}.eyebrow{font-size:.7rem;font-weight:800;letter-spacing:.16em;color:var(--blue)}html[data-theme=dark] .eyebrow{color:#68a7ec}.app-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;background:linear-gradient(180deg,var(--navy),#091d39);color:#fff;padding:28px 20px;display:flex;flex-direction:column;z-index:30}.brand{display:flex;align-items:center;gap:12px;font:800 1.05rem/1 Manrope}.brand small{display:block;font:600 .57rem/1.5 "DM Sans";letter-spacing:.17em;opacity:.62;margin-top:4px}.brand-mark{width:42px;height:42px;border:1px solid rgba(255,255,255,.45);display:grid;place-items:center;border-radius:12px;background:rgba(255,255,255,.08);color:#fff}.nav-group{display:grid;gap:5px;margin-top:36px}.nav-link{display:flex;gap:12px;align-items:center;padding:11px 13px;border-radius:11px;color:#c9d5e7;font-weight:600;transition:.2s}.nav-link:hover{background:rgba(255,255,255,.09);color:#fff;transform:translateX(2px)}.nav-link span{width:20px;text-align:center}.nav-link b{margin-left:auto;background:var(--gold);color:#13213a;border-radius:20px;padding:1px 7px;font-size:.7rem}.nav-label{font-size:.62rem;letter-spacing:.16em;color:#8295ae;margin:28px 13px -24px}.sidebar-foot{margin-top:auto;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}.user-chip{display:flex;gap:10px;align-items:center}.user-chip>span{width:37px;height:37px;display:grid;place-items:center;background:#fff;color:var(--navy);border-radius:50%;font-weight:800}.user-chip small{display:block;color:#91a5bf}.link-button{background:none;border:0;padding:12px 0 0;color:#9db0c9;cursor:pointer}.main-column{min-width:0}.topbar{height:78px;background:color-mix(in srgb,var(--surface) 92%,transparent);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 4vw;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.topbar .eyebrow{margin:0}.topbar strong{font-size:.92rem}.theme-toggle{margin-left:auto;width:65px;height:34px;border:1px solid var(--border);border-radius:24px;background:var(--surface-2);display:flex;align-items:center;justify-content:space-around;color:var(--text);cursor:pointer}.theme-toggle span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%}html[data-theme=light] .sun,html[data-theme=dark] .moon{background:var(--surface);box-shadow:0 2px 7px rgba(0,0,0,.12)}.mobile-menu{display:none}.page-wrap{max-width:1500px;margin:auto;padding:42px 4vw 70px}.page-heading{display:flex;justify-content:space-between;gap:30px;align-items:flex-start;margin-bottom:28px}.page-heading p:not(.eyebrow){color:var(--muted);font-size:1rem}.page-heading.narrow{max-width:980px}.date-pill,.badge,.status-pill,.filter{border-radius:99px;padding:7px 12px;font-size:.72rem;font-weight:700}.date-pill{background:var(--surface);border:1px solid var(--border);color:var(--muted)}.hero-card{min-height:285px;background:linear-gradient(120deg,#123b70,#0c274c);border-radius:24px;color:#fff;display:grid;grid-template-columns:1.2fr .8fr;overflow:hidden;box-shadow:var(--shadow)}.hero-copy{padding:44px 48px;position:relative;z-index:2}.hero-copy h2{font-size:clamp(1.7rem,2.6vw,2.55rem);margin:16px 0 10px}.hero-copy p{color:#c1d0e4;max-width:600px}.badge{display:inline-block;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-size:.62rem;letter-spacing:.14em}.hero-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,rgba(79,139,205,.3),transparent 60%)}.crest{width:115px;height:115px;border:1px solid rgba(255,255,255,.4);border-radius:28px;display:grid;place-items:center;font:800 2.2rem Manrope;background:rgba(255,255,255,.06);box-shadow:inset 0 0 30px rgba(255,255,255,.06)}.ring{position:absolute;border:1px solid rgba(255,255,255,.12);border-radius:50%}.ring-a{width:260px;height:260px}.ring-b{width:390px;height:390px}.button{border:0;border-radius:11px;padding:11px 17px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font-weight:700;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(20,55,100,.12)}.button-primary{background:var(--blue);color:#fff}.button-secondary{background:var(--surface);color:var(--text);border:1px solid var(--border)}.button-light{margin-top:24px;background:#fff;color:var(--navy)}.button-wide{width:100%;padding:13px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:22px 0}.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:22px;display:flex;align-items:center;gap:15px;box-shadow:0 8px 30px rgba(25,42,70,.04)}.metric-card small{display:block;color:var(--muted)}.metric-card strong{font-size:1.7rem}.metric-icon{width:45px;height:45px;display:grid;place-items:center;border-radius:13px}.metric-icon.blue{background:#e9f2ff;color:var(--blue)}.metric-icon.gold{background:#fff5dd;color:#a36f11}.metric-icon.teal{background:#e4faf6;color:var(--teal)}.content-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.panel{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:26px;box-shadow:0 8px 30px rgba(25,42,70,.035);margin-bottom:22px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.panel-head h2{margin:2px 0}.panel-head>a{color:var(--blue);font-weight:700}.video-placeholder{min-height:260px;border-radius:14px;background:linear-gradient(135deg,var(--surface-2),color-mix(in srgb,var(--navy-2) 20%,var(--surface)));display:grid;place-items:center;text-align:center;color:var(--muted);padding:30px}.play-button{width:62px;height:62px;border-radius:50%;background:var(--blue);color:#fff;display:grid;place-items:center;padding-left:4px;box-shadow:0 8px 25px rgba(28,92,168,.3)}.compact-list{display:grid}.compact-list>a,.static-row{display:flex;align-items:center;gap:11px;padding:14px 0;border-top:1px solid var(--border)}.compact-list>a:first-child,.static-row:first-child{border-top:0}.compact-list a>div,.static-row>div{flex:1}.compact-list small,.static-row small{display:block;color:var(--muted)}.status-dot{width:9px;height:9px;border-radius:50%;background:#94a3b8}.status-dot.corrected{background:var(--success)}.status-dot.processing,.status-dot.pending{background:#d49422}.status-dot.error{background:var(--danger)}.flash-stack{display:grid;gap:8px;margin-bottom:18px}.flash{padding:12px 15px;border-radius:10px;background:#edf4ff;border:1px solid #cbdffa;color:#194f8f}.flash.error{background:#fff0f1;border-color:#f2c9cc;color:#9d3038}.flash.success{background:#eaf8f3;border-color:#bfe8d9;color:#176c58}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.filter{background:var(--surface);border:1px solid var(--border)}.filter.active{background:var(--navy);color:#fff;border-color:var(--navy)}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:24px;display:flex;flex-direction:column;gap:20px}.resource-card>div{flex:1}.resource-card h3{margin:.3rem 0}.resource-card p{color:var(--muted)}.resource-card small{color:var(--blue);font-weight:800;letter-spacing:.1em}.file-icon{width:52px;height:62px;border-radius:8px 15px 8px 8px;background:#edf3fc;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:.75rem}.category-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.category-card{min-height:220px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:28px;display:grid;grid-template-columns:55px 1fr auto;gap:18px;transition:.2s}.category-card:hover,.exercise-card:hover{transform:translateY(-2px);border-color:#8eb4df;box-shadow:var(--shadow)}.category-card h2{margin:.35rem 0}.category-card p:not(.eyebrow){color:var(--muted)}.category-number{color:#98a8bb;font:800 1.1rem Manrope}.arrow{align-self:center;color:var(--blue);font-size:1.3rem}.exercise-stack{display:grid;gap:13px}.exercise-card{background:var(--surface);border:1px solid var(--border);border-radius:15px;padding:22px;display:grid;grid-template-columns:48px 1fr auto;gap:18px;transition:.2s}.exercise-card.locked{opacity:.68;background:var(--surface-2)}.exercise-index{font:800 1rem Manrope;color:#9aa9bb}.exercise-card h3{margin:0}.exercise-card p{color:var(--muted);margin:5px 0 12px}.status-pill{display:inline-block;padding:4px 9px;background:#edf1f6;color:#617187}.status-pill.corrected{background:#e5f7f0;color:#13715a}.status-pill.processing,.status-pill.pending{background:#fff4dc;color:#946215}.status-pill.error{background:#fdebed;color:#a8343c}.status-pill.available{background:#e8f1fd;color:#225c9e}.status-pill.retake{background:#f3eafa;color:#794e9e}.back-link{display:inline-block;color:var(--muted);font-weight:700;margin-bottom:16px}.writing-layout{display:grid;grid-template-columns:350px 1fr;gap:22px;align-items:start}.subject-card,.writing-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:27px}.subject-card{position:sticky;top:103px}.subject-card blockquote{margin:15px 0 25px;font:700 1.18rem/1.55 Manrope;border-left:3px solid var(--gold);padding-left:18px}.subject-card small{color:var(--muted)}.instructions{background:var(--surface-2);border-radius:11px;padding:14px;margin-bottom:20px}.writing-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.writing-head h2{margin:0}.writing-head span{color:var(--muted);font-size:.8rem}.writing-card textarea{width:100%;min-height:470px;resize:vertical;border:1px solid var(--border);border-radius:12px;padding:20px;background:var(--surface-2);color:var(--text);line-height:1.85;outline:none}.writing-card textarea:focus{border-color:#6e9dd3;box-shadow:0 0 0 3px rgba(28,92,168,.1)}.submit-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:16px}.submit-bar p{color:var(--muted);font-size:.82rem}.locked-state,.processing-card,.empty-state{text-align:center;padding:45px 25px;color:var(--muted)}.locked-state span{width:54px;height:54px;background:#e5f7f0;color:var(--success);border-radius:50%;display:grid;place-items:center;margin:auto;font-size:1.4rem}.locked-state h2,.processing-card h2{color:var(--text)}.score-banner{background:linear-gradient(120deg,var(--navy-2),var(--navy));color:#fff;border-radius:var(--radius);padding:28px 35px;display:grid;grid-template-columns:150px 1fr;align-items:center;margin-bottom:22px}.score-banner small{display:block;color:#aebfd3}.score-banner strong{font-size:3rem}.score-banner strong span{font-size:1rem;color:#aebfd3}.score-banner p{font-size:1.06rem;color:#dce6f2}.correction-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.feedback-list{list-style:none;padding:0;margin:0}.feedback-list li{padding:10px 0 10px 27px;border-top:1px solid var(--border);position:relative}.feedback-list li:before{position:absolute;left:2px}.feedback-list.positive li:before{content:"✓";color:var(--success)}.feedback-list.improve li:before{content:"→";color:var(--gold)}.lead{font-size:1.07rem}.copy-text{white-space:normal;line-height:1.85}.loader{display:block;width:50px;height:50px;border:4px solid var(--border);border-top-color:var(--blue);border-radius:50%;margin:auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.message-list{display:grid;gap:9px}.message-row{background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:17px 20px;display:grid;grid-template-columns:44px 1fr auto;gap:15px;align-items:center}.message-row.unread{border-left:4px solid var(--blue)}.message-avatar{width:44px;height:44px;border-radius:12px;background:var(--navy);color:#fff;display:grid;place-items:center;font-weight:800}.message-row>div>div{display:flex;justify-content:space-between;gap:20px}.message-row time,.message-row p{color:var(--muted);font-size:.83rem}.message-sender{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:24px}.message-sender small{display:block;color:var(--muted)}.message-body{max-width:920px}.center-panel{max-width:700px;margin:8vh auto;text-align:center;padding:55px}.big-icon{width:65px;height:65px;border-radius:18px;background:var(--navy);color:#fff;display:grid;place-items:center;margin:0 auto 18px;font:800 1.4rem Manrope}.admin-metrics{grid-template-columns:repeat(4,1fr)}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;text-align:left}th{font-size:.68rem;letter-spacing:.1em;color:var(--muted);text-transform:uppercase}th,td{padding:14px 12px;border-bottom:1px solid var(--border);vertical-align:middle}td a{color:var(--blue);font-weight:700}.table-sub{display:block;color:var(--muted)}.actions{display:flex;justify-content:flex-end;gap:12px}.actions form{display:inline}.actions button{border:0;background:none;color:var(--danger);cursor:pointer}.form-panel{max-width:900px}.form-panel form{display:grid;gap:18px}.form-panel label{display:grid;gap:7px;font-weight:700}.form-panel label small{font-weight:400;color:var(--muted)}input,textarea,select{width:100%;border:1px solid var(--border);border-radius:10px;padding:11px 13px;background:var(--surface-2);color:var(--text);outline:none}input:focus,textarea:focus,select:focus{border-color:#6e9dd3;box-shadow:0 0 0 3px rgba(28,92,168,.1)}input[type=checkbox]{width:auto}.check-label{display:flex!important;grid-template-columns:auto 1fr!important;align-items:center}.form-actions{display:flex;justify-content:flex-end;gap:10px}.settings-layout{display:grid;grid-template-columns:1fr 330px;gap:22px}.security-note{align-self:start;position:sticky;top:105px}.security-note .big-icon{margin-left:0}.search-bar{display:flex;gap:10px;margin-bottom:20px;max-width:700px}.retake-list{display:grid}.retake-list form{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:12px 0;border-top:1px solid var(--border)}.retake-list small{display:block;color:var(--muted)}.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr}.login-showcase{background:linear-gradient(145deg,#0b2447,#123d73);color:#fff;padding:48px 6vw;display:flex;flex-direction:column;position:relative;overflow:hidden}.login-showcase:after{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-230px;bottom:-130px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}.showcase-copy{margin:auto 0;position:relative;z-index:2}.showcase-copy .eyebrow{color:#8fb9ea}.showcase-copy h1{font-size:clamp(2.7rem,5vw,5rem);max-width:800px}.showcase-copy em{font-style:normal;color:#9fc8f5}.showcase-copy>p:last-child{color:#bdcce0;font-size:1.1rem;max-width:560px}.showcase-stat{position:relative;z-index:2;border-left:2px solid var(--gold);padding-left:16px}.showcase-stat span{display:block;color:#9eb1c9}.login-panel{background:var(--surface);display:grid;place-items:center;padding:50px;position:relative}.login-theme{position:absolute;right:30px;top:25px}.auth-card{width:min(440px,100%)}.auth-card h2{font-size:2.1rem;margin:.2rem 0}.auth-card>label{display:grid;gap:7px;margin:18px 0;font-weight:700}.login-separator{display:flex;align-items:center;gap:12px;color:var(--muted);margin:18px 0}.login-separator:before,.login-separator:after{content:"";height:1px;background:var(--border);flex:1}.errorlist{color:var(--danger);font-size:.8rem;margin:3px 0}.mobile-menu{border:0;background:none;font-size:1.4rem;margin-right:12px;color:var(--text)}
@media(max-width:1050px){.app-shell{grid-template-columns:220px 1fr}.resource-grid{grid-template-columns:1fr 1fr}.content-grid,.settings-layout{grid-template-columns:1fr}.security-note{position:static}.admin-metrics{grid-template-columns:1fr 1fr}.writing-layout{grid-template-columns:1fr}.subject-card{position:static}.login-page{grid-template-columns:1fr}.login-showcase{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-280px;width:260px;transition:.25s}.sidebar.open{left:0;box-shadow:0 0 0 100vw rgba(0,0,0,.4)}.mobile-menu{display:block}.page-wrap{padding:28px 18px 60px}.topbar{padding:0 18px}.hero-card{grid-template-columns:1fr}.hero-copy{padding:32px 25px}.hero-art{display:none}.metric-grid,.category-grid,.resource-grid,.correction-grid{grid-template-columns:1fr}.content-grid{display:block}.page-heading{display:block}.page-heading>.button,.date-pill{margin-top:15px}.writing-card,.subject-card,.panel{padding:20px}.submit-bar{display:block}.submit-bar button{width:100%}.score-banner{grid-template-columns:1fr;padding:24px}.message-row{grid-template-columns:40px 1fr}.message-row>.arrow{display:none}.message-row>div>div{display:block}.login-panel{padding:35px 20px}.admin-metrics{grid-template-columns:1fr 1fr}.category-card{grid-template-columns:42px 1fr}.category-card>.arrow{display:none}}