:root{--ink:#172033;--muted:#6f7787;--line:#e6e9ef;--bg:#f5f7fb;--card:#fff;--accent:#4257d6;--accent2:#6477ef;--green:#1b8b67;--yellow:#a76b00;--red:#c43d4f;--shadow:0 12px 35px rgba(23,32,51,.08)}
*{box-sizing:border-box}html{font-family:Vazirmatn,system-ui,sans-serif;background:var(--bg);color:var(--ink)}body{margin:0;background:linear-gradient(180deg,#eef1f8 0,#f7f8fb 360px);min-height:100vh}.app-shell{max-width:860px;margin:auto;padding:18px 14px 40px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:6px 2px 20px}.brand{font-weight:800;font-size:24px;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:var(--ink);color:#fff;font-size:19px;margin-left:7px}.subtitle{font-size:12px;color:var(--muted);margin-top:2px}.teacher-chip{font-size:12px;background:#fff;border:1px solid var(--line);padding:8px 11px;border-radius:999px;color:#4f5869}.hero-card{background:linear-gradient(135deg,#182238,#334166);color:#fff;border-radius:25px;padding:24px;display:flex;justify-content:space-between;gap:18px;align-items:end;box-shadow:var(--shadow);margin-bottom:14px}.hero-card h1{font-size:26px;line-height:1.45;margin:8px 0}.hero-card p{color:#dce2f2;font-size:13px;line-height:2;margin:0;max-width:600px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.2px;color:var(--accent2)}.hero-card .eyebrow{color:#c8d0ff}.hero-stat{min-width:100px;text-align:center;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.12);padding:15px 10px;border-radius:18px}.hero-stat strong{display:block;font-size:30px}.hero-stat span{font-size:10px;color:#dce2f2}.panel,.dashboard-section{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:20px;margin-bottom:14px;box-shadow:0 6px 22px rgba(23,32,51,.04)}.section-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:18px}.section-head>div:first-child{display:flex;gap:11px}.step{flex:none;width:31px;height:31px;border-radius:10px;background:#edf0ff;color:var(--accent);display:grid;place-items:center;font-weight:800}.section-head h2,.dashboard-head h2{margin:0;font-size:17px}.section-head p{margin:3px 0 0;color:var(--muted);font-size:11px;line-height:1.8}.count-pill{background:#f1f3f7;color:#5d6574;padding:6px 10px;border-radius:999px;font-size:11px;white-space:nowrap}label{display:block;font-size:12px;font-weight:700;margin:12px 0 7px}input,textarea{font:inherit;width:100%;border:1px solid var(--line);background:#fbfcfe;border-radius:13px;padding:11px 13px;outline:none;color:var(--ink)}textarea{resize:vertical;line-height:1.9}input:focus,textarea:focus{border-color:#9ba8f7;box-shadow:0 0 0 3px #eef0ff}.muted{color:#9aa1af;font-weight:400}.student-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.student-btn{border:1px solid var(--line);background:#fbfcfe;border-radius:12px;padding:9px 5px;font:inherit;font-size:11px;color:#4c5566;cursor:pointer}.student-btn.active{background:#eef0ff;border-color:#9aa7f5;color:#3448bf;font-weight:700}.selected-student{margin-top:12px;padding:10px 12px;border-radius:12px;background:#f7f8fb;color:var(--muted);font-size:12px}.upload-box{border:1.5px dashed #bdc5d7;border-radius:18px;padding:24px 12px;text-align:center;cursor:pointer;background:#fbfcff}.upload-box input{display:none}.upload-icon{font-size:31px;margin-bottom:5px}.upload-box strong{display:block;font-size:13px}.upload-box span{display:block;color:var(--muted);font-size:10px;margin-top:3px}.preview-wrap{margin-top:12px;position:relative}.preview-wrap img{width:100%;max-height:440px;object-fit:contain;background:#f2f4f8;border-radius:15px;display:block}.ghost-btn{position:absolute;top:8px;left:8px;border:0;background:rgba(23,32,51,.75);color:#fff;border-radius:10px;padding:7px 10px;font:inherit;font-size:10px}.primary-btn{width:100%;margin-top:13px;border:0;border-radius:14px;background:var(--accent);color:#fff;padding:13px;font:inherit;font-weight:700;cursor:pointer}.primary-btn:disabled{opacity:.4;cursor:not-allowed}.progress-panel{display:flex;align-items:center;gap:14px;background:#f8f9ff}.loader{width:32px;height:32px;border:3px solid #dfe3fb;border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}.progress-panel h2{margin:0;font-size:15px}.progress-panel p{margin:3px 0;color:var(--muted);font-size:11px}.result-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.result-header h2{margin:3px 0 0;font-size:18px}.status-badge{font-size:11px;padding:7px 10px;border-radius:999px;background:#f1f3f7}.status-good{background:#e8f7f1;color:var(--green)}.status-review{background:#fff4df;color:var(--yellow)}.status-bad{background:#fdecef;color:var(--red)}.result-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:15px 0}.summary-box{background:#f7f8fb;border-radius:13px;padding:11px;text-align:center}.summary-box strong{display:block;font-size:20px}.summary-box span{font-size:9px;color:var(--muted)}.answer-item{border:1px solid var(--line);border-radius:14px;padding:13px;margin-top:9px}.answer-top{display:flex;justify-content:space-between;gap:8px}.answer-label{font-weight:700;font-size:12px}.answer-state{font-size:10px;font-weight:700}.answer-text{font-size:11px;color:#555e6e;line-height:1.9;margin-top:6px}.answer-item.good{border-right:4px solid var(--green)}.answer-item.review{border-right:4px solid #e2a62b}.answer-item.bad{border-right:4px solid var(--red)}.teacher-note{margin-top:13px;background:#f6f7fb;padding:12px;border-radius:13px;font-size:11px;line-height:2;color:#596172}.dashboard-section{padding-bottom:12px}.dashboard-head{align-items:center}.text-btn{border:0;background:transparent;color:#7d8492;font:inherit;font-size:10px;cursor:pointer}.dashboard-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.dash-card{background:#f7f8fb;border-radius:15px;padding:12px;text-align:center}.dash-card strong{font-size:23px;display:block}.dash-card span{font-size:9px;color:var(--muted)}.results-table{margin-top:12px}.row{display:flex;justify-content:space-between;align-items:center;padding:10px 4px;border-bottom:1px solid #f0f1f5;font-size:11px}.dot{width:8px;height:8px;border-radius:50%;display:inline-block;margin-left:6px}.dot.good{background:var(--green)}.dot.review{background:#e2a62b}.dot.bad{background:var(--red)}footer{text-align:center;color:#9298a5;font-size:9px;padding:12px}.hidden{display:none!important}@media(min-width:650px){.student-grid{grid-template-columns:repeat(6,1fr)}.app-shell{padding-left:24px;padding-right:24px}}@media(max-width:470px){.hero-card{padding:19px}.hero-card h1{font-size:21px}.hero-stat{min-width:78px}.student-grid{grid-template-columns:repeat(4,1fr)}.panel,.dashboard-section{padding:16px}}