:root{--navy:#18344e;--steel:#496d89;--red:#b64242;--ink:#243543;--line:#d8e1e8;--muted:#667989;font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:#eef2f5;font-size:14px}*{box-sizing:border-box}body{margin:0}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #e7a93c}button{cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--navy);padding:10px 16px;border-radius:5px;font-weight:600;min-height:40px}button:hover{background:#f0f5f8}button.primary{background:var(--navy);color:white;border-color:var(--navy)}button.danger{color:var(--red)}button:disabled{opacity:.5;cursor:wait}a{color:var(--steel)}h1,h2,h3,p{margin-top:0}h1{font-size:28px;line-height:1.35;font-weight:650;letter-spacing:-.7px}h2{font-size:20px}h3{font-size:16px}p{line-height:1.7}small,.muted{color:var(--muted);font-size:12px;line-height:1.6}.shell{display:grid;grid-template-columns:210px 1fr;min-height:100vh}.sidebar{background:var(--navy);color:#fff;padding:30px 20px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.brand{font-size:24px;letter-spacing:2px;font-weight:700;margin-bottom:6px}.brand small{display:block;font-size:11px;color:#abc0d0;letter-spacing:1px;font-weight:400;margin-top:9px}.nav{display:grid;gap:6px;margin-top:38px}.nav button{background:none;color:#c9d9e6;border:0;text-align:left;font-weight:400}.nav button.active{background:#34546f;color:#fff}.side-foot{margin-top:auto;color:#a9bdcd;font-size:12px;line-height:1.8}.side-foot button{background:none;border-color:#49647a;color:white;margin-top:12px}.main{min-width:0}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 32px;border-bottom:1px solid var(--line);background:#fff}.crumb{color:var(--muted);font-size:13px}.content{padding:30px 32px;max-width:1800px;margin:0 auto}.heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:25px}.heading p{color:var(--muted);margin-bottom:0;max-width:70ch}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.between{justify-content:space-between}.panel{background:white;border:1px solid var(--line);border-radius:7px;padding:24px;margin-bottom:20px}.panel-title{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px}.panel-title h2,.panel-title h3{margin:0}.banner{padding:15px 18px;border-left:3px solid var(--steel);background:#e5edf3;margin-bottom:20px;line-height:1.7}.banner.warning{border-color:var(--red);background:#fff0ed;color:#843b36}.empty{text-align:center;padding:48px 25px;border:1px dashed #c1cdd7;background:#f9fbfc;border-radius:6px}.empty p{color:var(--muted);max-width:65ch;margin:0 auto 20px}.assignment-list{display:grid;gap:12px}.assignment{background:white;border:1px solid var(--line);border-radius:6px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:15px}.assignment:hover{border-color:#8ca6ba}.assignment h3{margin:0 0 9px;font-size:18px}.pill{display:inline-block;padding:4px 9px;border-radius:4px;background:#e9f0f5;color:var(--steel);font-size:12px;white-space:nowrap}.pill.risk{background:#fbe9e7;color:var(--red)}.pill.ok{background:#e3f1ea;color:#31765f}.steps{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:6px;background:white;overflow:hidden;margin-bottom:24px}.steps button{border:0;border-right:1px solid var(--line);border-radius:0;text-align:left;padding:16px;font-weight:400}.steps button.active{background:var(--navy);color:white}.steps b{display:inline-grid;place-items:center;border:1px solid currentColor;border-radius:50%;width:23px;height:23px;margin-right:9px;font-size:12px}.review-grid{display:grid;grid-template-columns:minmax(210px,1fr) minmax(230px,1fr) minmax(260px,1.05fr);gap:16px;align-items:start}.review-grid>.panel{padding:19px;min-width:0}.photo{display:block;width:100%;max-height:650px;object-fit:contain;border:1px solid var(--line);margin:10px 0;background:#f6f8fa}.english{font-family:Georgia,"Times New Roman",serif;line-height:1.9;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.confidence-low{background:#ffded9;color:#a52e2e;border-bottom:2px solid var(--red)}.grade-number{font-family:Georgia,serif;font-size:46px;color:var(--red);line-height:1.1;margin:15px 0}.grade-number small{font:14px sans-serif;color:var(--muted)}label{display:grid;gap:7px;font-weight:550;margin-bottom:15px}label small{font-weight:400}input,textarea,select{background:white;border:1px solid #bdcad4;border-radius:4px;padding:10px 11px;color:var(--ink);width:100%;min-width:0}textarea{resize:vertical;min-height:100px;line-height:1.6}input[type=checkbox]{width:auto}input[type=file]{font-size:12px;padding:12px;border-style:dashed;background:#f8fafc}form .row>label{flex:1;min-width:120px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.check{display:flex;align-items:flex-start;gap:9px;font-weight:400}.check input{margin-top:4px}.question{padding:18px 0;border-bottom:1px solid var(--line);margin-bottom:14px}.question .form-grid{grid-template-columns:70px 90px 1fr}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;font-size:13px;text-align:left}th{font-weight:550;color:var(--muted);background:#f5f8fa}th,td{padding:13px 11px;border-bottom:1px solid var(--line);white-space:nowrap;vertical-align:top}td.wrap{white-space:normal;min-width:180px}td button{padding:5px 10px;min-height:30px;font-size:12px}.queue-list{display:grid;gap:8px;margin-top:18px}.queue-item{display:flex;justify-content:space-between;align-items:center;padding:14px;border:1px solid var(--line);border-radius:4px;gap:10px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding-top:20px;border-top:1px solid var(--line);margin-top:20px}dialog{border:0;border-radius:9px;padding:28px;width:min(820px,calc(100vw - 32px));max-height:90vh;box-shadow:0 24px 70px #18344e40}dialog::backdrop{background:#132b4390}.dialog-close{float:right;padding:4px 10px;min-height:30px}.auth{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:white}.auth-story{padding:8vw;background:var(--navy);color:white;display:flex;flex-direction:column;justify-content:center}.auth-story h1{font-size:40px;max-width:10em;line-height:1.5;margin:45px 0 25px}.auth-story p{color:#bdcfdd;max-width:35em}.auth-rule{width:52px;height:3px;background:#c56b63;margin-bottom:25px}.auth-form{align-self:center;width:min(420px,100%);padding:35px;margin:auto}.auth-form h2{font-size:26px}.auth-form button.primary{width:100%;margin-bottom:12px}.auth-form .switch{width:100%;border:0;font-weight:400}.loading{padding:70px;text-align:center;color:var(--muted)}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:14px 24px;border-radius:5px;z-index:100;max-width:90vw;display:none}#toast.show{display:block}#toast.error{background:#8e3535}.student-shell{max-width:760px;margin:auto;min-height:100vh;padding:24px}.student-header{display:flex;justify-content:space-between;align-items:center;padding:15px 0 28px}.student-header .brand{color:var(--navy);font-size:22px}.tabs{display:flex;gap:8px;margin-bottom:22px}.tabs button.active{background:var(--navy);color:white}.score-strip{display:flex;gap:35px;padding:16px 0;border-bottom:1px solid var(--line);margin-bottom:20px}.score-strip strong{font-size:26px;display:block;margin-bottom:5px}.note{border-left:2px solid #d38982;padding-left:14px;line-height:1.7;margin:16px 0}.qr{width:170px;height:170px}.history{font-size:12px;line-height:1.7;overflow-wrap:anywhere}.print-only{display:none}.screen-review{background:white;position:fixed;inset:0;z-index:80;overflow:auto;padding:50px;font-size:20px}.screen-review h1{font-size:36px}.screen-review .english{font-size:24px}.error-box{color:var(--red);background:#fff0ed;padding:12px;line-height:1.6;margin-bottom:15px}.subtle-button{border:0;background:none;padding:0;min-height:32px;color:var(--steel)}.metrics{display:flex;gap:32px;flex-wrap:wrap;padding:10px 0 22px}.metrics strong{display:block;font-family:Georgia,serif;font-size:32px;margin-bottom:5px}.tags{display:flex;gap:6px;flex-wrap:wrap}.meta{display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font-size:12px}details{margin:12px 0}summary{cursor:pointer;color:var(--steel);padding:8px 0}.inline-error{color:var(--red);line-height:1.5}.review-actions{position:sticky;bottom:0;background:#fff;padding:15px 0;border-top:1px solid var(--line)}
.photo-frame{position:relative;margin:10px 0}.photo-frame .photo{margin:0;max-height:none}.region-box{position:absolute;border:1px dashed #496d89;pointer-events:none}
@media(max-width:1100px){.shell{grid-template-columns:165px 1fr}.sidebar{padding:25px 12px}.content{padding:24px 20px}.topbar{padding:16px 20px}.review-grid{grid-template-columns:1fr 1fr}.review-grid>.panel:last-child{grid-column:1/-1}.brand{font-size:22px}.steps button{padding:14px 10px;font-size:12px}}
@media(max-width:700px){.shell{display:block}.sidebar{position:static;height:auto;padding:18px 18px 0}.sidebar .brand{font-size:21px}.brand small{display:none}.nav{display:flex;margin-top:16px;overflow:auto;gap:0}.nav button{white-space:nowrap;padding:12px 14px;border-radius:0}.side-foot{display:none}.topbar{padding:13px 18px;min-height:60px}.topbar button{font-size:12px;padding:7px 10px;min-height:34px}.content{padding:23px 16px}h1{font-size:24px}.heading{gap:12px;flex-wrap:wrap;margin-bottom:20px}.panel{padding:18px}.assignment{padding:17px}.assignment h3{font-size:16px}.steps button{text-align:center;padding:13px 4px}.steps b{display:block;margin:0 auto 6px}.review-grid{display:block}.form-grid{grid-template-columns:1fr}.question .form-grid{grid-template-columns:70px 90px 1fr}.question .form-grid label:last-child{grid-column:1/-1}.auth{display:block}.auth-story{padding:28px}.auth-story h1{font-size:25px;max-width:none;margin:20px 0 8px}.auth-story p,.auth-rule{display:none}.auth-form{padding:30px 24px}.student-shell{padding:16px}.student-header{padding:10px 0 24px}.metrics{gap:22px}.screen-review{padding:25px;font-size:16px}.dialog-actions{flex-wrap:wrap}dialog{padding:20px}.score-strip{gap:20px}.meta{gap:8px}.qr{width:140px;height:140px}}
@media print{body{background:white}.sidebar,.topbar,.steps,button,.no-print,#toast,.student-header{display:none!important}.shell,.review-grid{display:block}.content{padding:0}.panel{border:0;padding:10px}.print-card{break-after:page;border:1px solid #aaa;padding:24px;margin:0 0 20px}.print-only{display:block}.screen-review{position:static;padding:0}.photo{max-height:500px}.student-shell{max-width:none}.tabs{display:none}.printing-cards>#app{display:none}.printing-cards dialog{display:none}dialog[open]{position:static;max-height:none;width:100%;box-shadow:none}body:has(dialog[open])>#app{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}