@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-arabic-400-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-arabic-400-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-arabic-500-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/plex-arabic-500-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plex-arabic-600-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/plex-arabic-600-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-arabic-700-arabic.woff2) format("woff2");unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+1EE00-1EEF1}@font-face{font-family:IBM Plex Sans Arabic;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/plex-arabic-700-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Poppins;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/poppins-600-latin.woff2) format("woff2")}@font-face{font-family:Poppins;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/poppins-700-latin.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/tajawal-400.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/tajawal-500.woff2) format("woff2")}@font-face{font-family:Tajawal;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/tajawal-700.woff2) format("woff2")}:root{--teal: #1a73e8;--teal-dark: #145fcb;--teal-tint: #e8f1fe;--brand-gradient: linear-gradient(135deg, #2a82f0, #145fcb);--brand-green: #00c4a7;--brand-green-tint: #dcfaf3;--mint: #2ce0be;--amber: #f59e0b;--bg: #f4f6fb;--surface: #ffffff;--ink: #111827;--muted: #7a828d;--line: #e4e9f0;--danger: #e11d48;--radius: 16px;--shadow: 0 1px 3px rgba(16, 24, 40, .06);--shadow-lg: 0 8px 24px rgba(16, 24, 40, .1);--font-brand: "Poppins", "IBM Plex Sans Arabic", sans-serif;font-family:IBM Plex Sans Arabic,-apple-system,BlinkMacSystemFont,SF Pro Text,SF Arabic,Segoe UI,Tahoma,Noto Naskh Arabic,system-ui,sans-serif}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);-webkit-tap-highlight-color:transparent}#root{min-height:100vh}.app{max-width:640px;margin:0 auto;min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.header{position:sticky;top:0;z-index:10;background:var(--brand-gradient);color:#fff;padding:12px 16px;display:flex;align-items:center;gap:12px;box-shadow:var(--shadow)}.header .title{font-size:1.15rem;font-weight:700;margin:0}.header-logo{display:block;height:44px;width:auto;flex-shrink:0}.header-right{margin-inline-start:auto;display:flex;align-items:center;gap:10px}.header-icon-btn{background:#ffffff26;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;cursor:pointer;flex-shrink:0}.header-icon-btn:active{background:#ffffff47}.header-icon-btn svg{display:block}.sync-pill{display:inline-flex;align-items:center;gap:6px;border:none;border-radius:999px;padding:6px 12px;font-size:.78rem;font-weight:600;font-family:inherit;cursor:pointer;white-space:nowrap;background:#ffffff2e;color:#fff}.sync-dot{width:8px;height:8px;border-radius:50%;flex:none}.sync-ok .sync-dot{background:var(--mint);box-shadow:0 0 0 3px #2ce0be47}.sync-pending .sync-dot{background:#ffd466;box-shadow:0 0 0 3px #ffd46647}.sync-busy .sync-dot{background:#fff;opacity:.85}.sync-off .sync-dot{background:#ffffff8c}.info-box{background:#fffbeb;border:1px solid #fde68a;color:#78350f;border-radius:12px;padding:12px 14px;font-size:.86rem;line-height:1.7;text-align:start;margin-bottom:12px}.welcome-card code{background:#f1f5f9;border-radius:6px;padding:1px 5px;font-size:.85em}.content{padding:18px;flex:1}.card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px;margin-bottom:14px}.section-title{display:flex;align-items:center;justify-content:space-between;margin:4px 0 12px}.section-title h2{font-size:1.05rem;margin:0}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.list-item{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:14px 16px;display:flex;align-items:center;gap:12px;cursor:pointer;border:1px solid transparent;transition:border-color .15s}.list-item:active{border-color:var(--teal-tint)}.list-item .primary{font-weight:600}.list-item .secondary{font-size:.85rem;color:var(--muted);margin-top:2px}.list-item .chevron{margin-inline-start:auto;color:var(--muted);display:grid;place-items:center}.list-item .chevron svg{display:block}.roster-badge{min-width:34px;height:34px;padding:0 6px;border-radius:10px;background:var(--teal-tint);color:var(--teal-dark);font-weight:700;display:grid;place-items:center;font-size:.9rem}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--teal-tint);color:var(--teal-dark);font-size:.78rem;font-weight:600}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:12px;padding:12px 18px;font-size:.98rem;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--teal);color:#fff}.btn-primary:active{background:var(--teal-dark)}.btn-primary:disabled{background:#94a3b8;cursor:not-allowed}.btn-ghost{background:var(--surface);color:var(--teal-dark);border:1px solid var(--line)}.btn-block{width:100%}.btn-danger{background:transparent;color:var(--danger);border:1px solid #fecaca}.btn-sm{padding:8px 12px;font-size:.85rem;border-radius:10px}.gender-pick{display:flex;gap:8px;margin-bottom:14px}.gender-pick .btn{flex:1}.field{margin-bottom:14px}.field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:6px;color:var(--ink)}.input,.textarea,.select{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--surface);color:var(--ink)}.input:focus,.textarea:focus,.select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-tint)}.textarea{min-height:180px;resize:vertical;line-height:1.9}.hint{font-size:.82rem;color:var(--muted);margin-top:6px}.error{color:var(--danger);font-size:.85rem;margin-top:6px}.success-box{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46;border-radius:12px;padding:12px 14px;font-size:.86rem;line-height:1.7;text-align:start}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;z-index:60;opacity:0;pointer-events:none;transition:opacity .25s ease}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.drawer{position:fixed;top:0;bottom:0;right:0;width:min(340px,88vw);background:var(--bg);z-index:61;transform:translate(100%);transition:transform .25s ease;display:flex;flex-direction:column;overflow-y:auto;box-shadow:-4px 0 24px #0f172a2e;padding-top:env(safe-area-inset-top,0px)}.drawer.is-open{transform:translate(0)}.drawer-head{display:flex;align-items:center;gap:10px;padding:22px 18px;background:var(--brand-gradient);color:#fff}.drawer-avatar{width:44px;height:44px;border-radius:50%;background:#fff3;color:#fff;display:grid;place-items:center;font-weight:700;font-size:1.05rem;flex:none}.drawer-identity{min-width:0;line-height:1.3}.drawer-identity-name{font-weight:700;font-size:1rem}.drawer-identity-email{color:#ffffffc7;font-size:.76rem;text-align:end;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.drawer-close{background:#ffffff29;border:none;color:#fff;width:40px;height:40px;border-radius:10px;display:grid;place-items:center;cursor:pointer;margin-inline-start:auto;flex:none}.drawer-close:active{background:#ffffff4d}.drawer-body{padding:14px 16px 4px}.drawer-logout{margin-top:2px}.account-line{display:flex;align-items:center;gap:8px;font-size:.95rem}.account-card-btn{text-align:inherit;color:inherit;font:inherit;border:none;transition:box-shadow .15s ease,transform .05s ease}.account-card-btn:hover{box-shadow:var(--shadow-lg, var(--shadow))}.account-card-btn:active{transform:scale(.995)}.account-line+.account-line{margin-top:6px}.account-email{color:var(--muted);font-size:.85rem;justify-content:flex-end}.subscription-status{border-radius:12px;padding:12px 14px;font-weight:700;font-size:.95rem;margin-bottom:14px}.subscription-status.is-active{background:#ecfdf5;border:1px solid #a7f3d0;color:#065f46}.subscription-status.is-off{background:#fef2f2;border:1px solid #fecaca;color:#b91c1c}.empty{text-align:center;padding:40px 20px;color:var(--muted)}.empty-icon{display:flex;justify-content:center;margin-bottom:10px;color:#cbd5e1}.review-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}.review-row:last-child{border-bottom:none}.review-row .num{min-width:28px;color:var(--muted);font-size:.85rem;text-align:center}.review-row .input{flex:1;padding:8px 12px}.review-row .remove{background:transparent;border:none;color:var(--danger);font-size:1.3rem;cursor:pointer;width:34px;height:34px;border-radius:8px}.review-row .remove:active{background:#fee2e2}.update-banner{position:fixed;top:0;inset-inline:0;z-index:100;background:var(--teal-dark);color:#fff;display:flex;align-items:center;justify-content:center;gap:14px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;font-size:.9rem;font-weight:600;box-shadow:0 2px 10px #0f172a40;animation:sheet-up .2s ease-out}.update-banner-dismiss{background:transparent;color:#fff;border:none;font-size:1rem;line-height:1;padding:6px 8px;cursor:pointer;opacity:.8;font-family:inherit}.update-banner-dismiss:active{opacity:1}.update-banner-btn{background:#fff;color:var(--teal-dark);border:none;border-radius:999px;padding:6px 16px;font-size:.85rem;font-weight:700;font-family:inherit;cursor:pointer;white-space:nowrap}.update-banner-btn:active{background:var(--teal-tint)}.version-stamp{margin-top:auto;padding:14px 18px 18px;text-align:center;color:var(--muted);font-size:.72rem;opacity:.7;letter-spacing:.02em}.version-sha{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;display:inline-block}.version-stamp-btn{background:transparent;border:none;color:inherit;font:inherit;letter-spacing:inherit;padding:4px 8px;cursor:pointer;border-radius:8px}.version-stamp-btn:active{background:var(--teal-tint)}.version-check-msg{margin-top:6px;font-size:.72rem;color:var(--teal-dark);opacity:.95}.action-bar{display:flex;gap:10px;margin-top:16px}.action-bar .btn{flex:1}.cert-preview{margin:0 0 12px}.cert-preview canvas{display:block;width:100%;height:auto;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.cert-actions{display:flex;gap:8px;flex-wrap:wrap}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:flex-end;justify-content:center;z-index:50;padding:0}.modal{background:var(--surface);width:100%;max-width:640px;border-radius:20px 20px 0 0;padding:20px;max-height:90vh;overflow-y:auto;animation:sheet-up .2s ease-out}@keyframes sheet-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal h3{margin:0 0 16px;font-size:1.1rem}.welcome{min-height:100vh;display:grid;place-items:center;padding:24px;background:linear-gradient(160deg,#2a82f0,#145fcb)}.welcome-card{background:var(--surface);border-radius:22px;padding:28px 26px;width:100%;max-width:400px;box-shadow:0 10px 30px #1018282e;text-align:center}.welcome-card .logo{font-size:3rem;margin-bottom:8px}.welcome-card .brand-mark{display:block;width:72px;height:72px;margin:0 auto 8px}.welcome-card .brand-word{direction:ltr;margin:0 0 4px;font-family:var(--font-brand);font-size:1.9rem;font-weight:700;letter-spacing:-.03em;color:var(--teal)}.welcome-card h1{margin:0 0 4px;font-size:1.5rem;color:var(--teal-dark)}.welcome-card p{color:var(--muted);margin:0 0 22px;font-size:.95rem}.grade-input{width:90px;text-align:center}.grade-value{font-weight:700;color:var(--teal-dark)}.grade-max{color:var(--muted);font-size:.85rem}.scanner-frame{position:relative;width:100%;aspect-ratio:1 / 1;max-height:70vh;background:#0f172a;border-radius:var(--radius);overflow:hidden;display:grid;place-items:center}.scanner-video{width:100%;height:100%;object-fit:cover;display:block}.scanner-reticle{position:absolute;top:18%;right:18%;bottom:18%;left:18%;border:3px solid rgba(44,224,190,.85);border-radius:18px;box-shadow:0 0 0 100vmax #0b122066;pointer-events:none}.scanner-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;gap:8px;text-align:center;padding:24px;color:#fff;background:#0f172ab8;font-size:.95rem;line-height:1.7}.scanner-overlay p{margin:0;max-width:320px}.scanner-overlay .emoji{font-size:2.4rem}.scanner-overlay-error{color:#fecaca}.scanner-overlay-error .emoji{color:#fff}.result-accept{background:linear-gradient(160deg,var(--teal) 0%,var(--teal-dark) 100%);color:#fff;text-align:center}.composite-hero{padding:12px 8px}.composite-label{font-size:.95rem;opacity:.9}.composite-value{font-size:4rem;font-weight:800;line-height:1.1;margin:4px 0}.composite-formula{font-size:.9rem;opacity:.85;direction:ltr}.detail-list{margin:0;padding:0}.detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 2px;border-bottom:1px solid var(--line)}.detail-row:last-child{border-bottom:none}.detail-row dt{color:var(--muted);font-size:.9rem}.detail-row dd{margin:0;font-weight:700;color:var(--ink);text-align:end;word-break:break-word}.scan-classbar{display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--surface);color:var(--ink);border-radius:16px;padding:10px 14px;font-size:.88rem;margin-bottom:12px;box-shadow:var(--shadow)}.scan-classbar strong{font-weight:700}.scan-progress{background:var(--surface);border-radius:12px;box-shadow:var(--shadow);padding:10px 14px;margin-bottom:12px}.scan-progress-head{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.scan-progress-count{font-size:1rem;color:var(--muted)}.scan-progress-count strong{font-size:1.5rem;font-weight:800;color:var(--teal-dark)}.scan-progress-label{font-size:.85rem;color:var(--muted)}.scan-progress-head .btn{margin-inline-start:auto}.scan-progress-unscanned{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid var(--line)}.scan-unscanned-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.85rem;color:var(--ink)}.scan-unscanned-chip .roster{background:var(--teal-tint);color:var(--teal-dark);font-weight:700;border-radius:999px;padding:1px 8px;font-size:.78rem}.scan-confirm{border-radius:var(--radius);padding:16px;margin-top:12px;box-shadow:var(--shadow);animation:sheet-up .16s ease-out}.scan-confirm-idle{background:var(--surface);color:var(--muted);text-align:center;font-size:.9rem}.scan-confirm-idle p{margin:0}.scan-confirm-ok{background:linear-gradient(180deg,#effcf7,#fff);border:1.5px solid #b6ecdd;box-shadow:0 8px 24px #00c4a71f;color:var(--ink)}.scan-confirm-top{display:flex;align-items:center;gap:12px}.scan-confirm-roster{min-width:46px;height:46px;padding:0 8px;border-radius:50%;background:var(--teal-tint);color:var(--teal-dark);font-weight:700;font-size:1.05rem;display:grid;place-items:center;flex:none}.scan-confirm-name{flex:1;font-size:1.4rem;font-weight:700;line-height:1.25;letter-spacing:-.3px;min-width:0}.scan-confirm-status{align-self:flex-start;background:var(--brand-green);color:#fff;border-radius:999px;padding:6px 12px;font-size:.82rem;font-weight:700;white-space:nowrap;flex:none}.scan-confirm-score{display:flex;align-items:baseline;gap:12px;margin-top:14px}.scan-confirm-composite{font-size:3.4rem;font-weight:800;line-height:1;color:var(--teal-dark)}.scan-confirm-cm{display:inline-block;background:var(--teal-tint);color:var(--teal-dark);font-weight:700;font-size:.85rem;padding:7px 12px;border-radius:10px}.scan-confirm-la{margin-top:12px;padding-top:10px;border-top:1px solid #d9f3ea;font-size:.88rem;font-weight:600;color:#374151}.scan-confirm-error{background:#fef2f2;border:1.5px solid #fca5a5;text-align:center}.scan-confirm-error-icon{font-size:2.4rem;line-height:1}.scan-confirm-error-text{font-size:1.2rem;font-weight:700;color:#b91c1c;margin-top:6px}.scan-confirm-notin{background:#fff7ed;border-color:#fdba74}.scan-confirm-notin .scan-confirm-error-text{color:#9a3412}.scan-confirm-blocked{background:#eef2f7;border-color:#cbd5e1}.scan-confirm-blocked .scan-confirm-error-text{color:#334155}.scan-confirm-error .hint{margin-top:6px}.scan-confirm-error .btn{margin-top:12px}.scan-decision{margin-top:12px;border:2px solid var(--amber)}.scan-decision h3{margin:0 0 8px;font-size:1.02rem}.scan-warn-line{background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:.88rem;line-height:1.7}.scan-decision-danger{border-color:var(--danger)}.scan-decision-danger h3{color:var(--danger)}.scan-warn-line-danger{background:#fef2f2;border-color:#fecaca;color:#b91c1c}.scan-composite-badge{min-width:42px;padding:4px 10px;border-radius:999px;background:var(--teal);color:#fff;font-weight:800;font-size:.95rem;text-align:center}.scan-updated-tag{color:var(--amber);font-size:.8rem;font-weight:700}.record-summary{display:flex;gap:10px;margin-bottom:14px}.record-stat{flex:1;background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);padding:12px 8px;text-align:center;display:flex;flex-direction:column;gap:2px}.record-stat-num{font-size:1.5rem;font-weight:800;color:var(--teal-dark);line-height:1.1}.record-stat-ok{color:#166534}.record-stat-muted{color:var(--muted)}.record-stat-label{font-size:.8rem;color:var(--muted)}.record-table-wrap{padding:4px;overflow-x:auto}.record-table{width:100%;border-collapse:collapse;font-size:.9rem}.record-table th,.record-table td{padding:10px 8px;text-align:start;border-bottom:1px solid var(--line);white-space:nowrap}.record-table thead th{color:var(--muted);font-size:.8rem;font-weight:700;position:sticky;top:0;background:var(--surface)}.record-table tbody tr{cursor:pointer}.record-table tbody tr:last-child td{border-bottom:none}.record-table tbody tr.is-selected,.record-table tbody tr:active{background:var(--teal-tint)}.record-table .col-roster{width:34px;color:var(--muted);text-align:center}.record-table .col-name{font-weight:600;white-space:normal;min-width:90px}.record-table .col-score{text-align:center}.record-table .col-lesson{color:var(--ink)}.record-table .col-scan{color:var(--muted);font-size:.82rem}.record-score-badge{display:inline-block;min-width:36px;padding:3px 9px;border-radius:999px;background:var(--teal);color:#fff;font-weight:800;font-size:.88rem;text-align:center}.record-dash{color:#cbd5e1;font-weight:700}.result-reject{text-align:center}.result-reject .result-icon{font-size:2.8rem;margin-bottom:6px}.result-reject h3{margin:0 0 8px;color:var(--danger)}.result-reason{color:var(--ink);background:#fef2f2;border:1px solid #fecaca;border-radius:12px;padding:12px 14px;margin:0 0 16px;font-size:.95rem;line-height:1.7}.pill-danger{background:#fee2e2;color:var(--danger)}.input-cell{width:68px;min-width:68px;padding:4px 6px;text-align:center;font-weight:700}.noor-cell{display:flex;flex-direction:column;align-items:center;gap:4px}.noor-cell .btn-sm{padding:1px 8px;font-size:.72rem}.record-table th .secondary{font-weight:500;font-size:.72rem;opacity:.75}.chip-btn{display:inline-flex;align-items:center;gap:4px;padding:2px 10px;margin:2px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit;font:inherit;font-size:.8rem;cursor:pointer}.chip-btn:hover{background:var(--teal-tint)}.hist-row{display:grid;grid-template-columns:minmax(90px,1.4fr) 2fr auto;grid-template-areas:"label track count" "names names names";align-items:center;gap:6px 8px;padding:6px 0;border-bottom:1px solid var(--line)}.hist-row:last-child{border-bottom:none}.hist-label{grid-area:label;font-size:.82rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hist-track{grid-area:track;height:12px;border-radius:999px;background:var(--line);overflow:hidden}.hist-bar{height:100%;background:var(--brand-green);border-radius:999px}.hist-count{grid-area:count;font-weight:800;font-size:.85rem}.hist-names{grid-area:names}.quad-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}@media (max-width: 520px){.quad-grid{grid-template-columns:1fr}}.quad{border:1px solid var(--line);border-radius:12px;padding:10px}.quad-advanced{border-color:#86efac;background:#f0fdf4}.quad-behind{border-color:#fca5a5;background:#fef2f2}.quad-fastWeak,.quad-slowStrong{background:var(--card)}.quad-head{display:flex;justify-content:space-between;align-items:center;gap:6px}.quad-hint{font-size:.75rem;opacity:.7;margin:2px 0 6px}.heat-wrap{overflow-x:auto}.heat-table{border-collapse:separate;border-spacing:0;font-size:.72rem}.heat-table th,.heat-table td{border:1px solid var(--line);padding:3px 5px;text-align:center;min-width:34px;white-space:nowrap}.heat-table thead th{vertical-align:bottom;height:108px}.heat-col-label{display:block;writing-mode:vertical-rl;transform:rotate(180deg);max-height:100px;overflow:hidden;text-overflow:ellipsis;font-weight:500}.heat-sticky{position:sticky;inset-inline-start:0;z-index:1;background:var(--card);text-align:start;min-width:110px}.heat-table thead .heat-sticky{z-index:2;height:auto}.print-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.lesson-block{border-top:1px solid var(--line);padding-top:12px;margin-top:12px}.lesson-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.lesson-meta{text-align:end}.station-list{list-style:none;margin:8px 0 0;padding:0}.station-list li{display:grid;grid-template-columns:1fr 90px 46px;align-items:center;gap:8px;padding:3px 0;font-size:.84rem}.station-bar{height:8px;border-radius:999px;background:var(--line);overflow:hidden}.station-fill{display:block;height:100%;background:var(--brand-green);border-radius:999px}.station-score{text-align:end;font-weight:700}@media print{.header,.drawer,.drawer-backdrop,.no-print,.btn{display:none!important}.app,.content{padding:0;margin:0;background:#fff}.print-card{border:none;box-shadow:none;padding:0}.lesson-block{break-inside:avoid;page-break-inside:avoid}.station-fill{-webkit-print-color-adjust:exact;print-color-adjust:exact}}.excuse-list{max-height:46vh;overflow-y:auto;margin:10px 0 0}.excuse-list .list-item{cursor:pointer;align-items:flex-start;gap:10px}.excuse-check{width:20px;height:20px;margin-top:2px;accent-color:var(--teal);flex:none}.period-tabs{display:flex;background:#e8edf4;border-radius:12px;padding:4px;margin-bottom:14px}.period-tab{position:relative;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:transparent;padding:9px 16px;font-size:.88rem;font-weight:600;font-family:inherit;color:#5b6470;cursor:pointer;border-radius:9px;text-align:center;white-space:nowrap}.period-tab-active{color:var(--teal-dark);background:#fff;font-weight:700;box-shadow:0 1px 2px #1018281a}.period-tab-dot{display:inline-block;width:8px;height:8px;margin-inline-start:6px;vertical-align:middle;border-radius:999px;background:var(--danger)}.drift-banner{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:10px;padding:10px 12px;margin:0 0 12px;font-size:.9rem;line-height:1.7}.drift-banner .btn{flex:none}.cut-suggestions{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.home-greeting{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.home-greeting-hi{font-size:.82rem;color:var(--muted)}.home-greeting-name{font-weight:700;font-size:1.15rem}.home-greeting-date{text-align:end}.home-greeting-day{font-weight:600;font-size:.86rem}.scan-hero{width:100%;border:none;cursor:pointer;text-align:start;border-radius:22px;padding:22px;background:var(--brand-gradient);color:#fff;box-shadow:0 16px 32px #145fcb52;display:flex;align-items:center;gap:16px;font-family:inherit;margin-bottom:18px}.scan-hero:active{transform:scale(.99)}.scan-hero-icon{width:64px;height:64px;border-radius:18px;background:#ffffff29;display:grid;place-items:center;flex:none}.scan-hero-text{min-width:0}.scan-hero-word{display:block;font-family:var(--font-brand);font-weight:700;font-size:1.5rem;letter-spacing:.5px;direction:ltr;text-align:end}.scan-hero-sub{display:block;font-size:.88rem;opacity:.92;margin-top:2px}.scan-hero-chevron{margin-inline-start:auto;flex:none}.home-section-head{display:flex;align-items:center;justify-content:space-between;margin:0 2px 10px;font-weight:700;font-size:.88rem;color:#374151}.home-tools-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px}.home-tool-card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px;cursor:pointer;text-align:start;display:flex;flex-direction:column;gap:10px;font-family:inherit;color:inherit}.home-tool-card:active{border-color:var(--teal-tint);background:#fbfdff}.home-tool-top{display:flex;align-items:center;justify-content:space-between}.home-tool-icon{width:38px;height:38px;border-radius:11px;background:var(--teal-tint);color:var(--teal-dark);display:grid;place-items:center}.home-tool-icon.is-exams{background:#fdeede;color:#b45309}.home-tool-bucket{font-size:.66rem;color:#0a7f6c;background:var(--brand-green-tint);padding:4px 8px;border-radius:999px;font-weight:600}.home-tool-bucket.is-exams{color:#b45309;background:#fdeede}.home-tool-title{font-weight:700;font-size:.95rem}.home-browse-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.home-browse-card{position:relative;border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px;cursor:pointer;display:flex;align-items:center;gap:10px;font-family:inherit;color:inherit}.home-browse-card:active{border-color:var(--teal-tint);background:#fbfdff}.home-browse-icon{width:38px;height:38px;border-radius:11px;background:#eef1f6;color:#374151;display:grid;place-items:center;flex:none}.home-browse-title{font-weight:700;font-size:.9rem}.home-browse-badge{position:absolute;top:10px;inset-inline-end:12px;background:var(--danger);color:#fff;font-size:.7rem;font-weight:700;min-width:18px;height:18px;border-radius:999px;display:grid;place-items:center;padding:0 4px}.hub-card{width:100%;border:1px solid var(--line);cursor:pointer;text-align:start;background:var(--surface);border-radius:18px;padding:18px;display:flex;align-items:center;gap:14px;box-shadow:var(--shadow);font-family:inherit;color:inherit;margin-bottom:12px}.hub-card:active{border-color:var(--teal-tint);background:#fbfdff}.hub-card-icon{width:52px;height:52px;border-radius:14px;background:var(--teal-tint);color:var(--teal-dark);display:grid;place-items:center;flex:none}.hub-card-text{min-width:0}.hub-card-title{display:block;font-weight:700;font-size:1rem}.hub-card-sub{display:block;font-size:.8rem;color:var(--muted);margin-top:2px}.hub-card-chevron{margin-inline-start:auto;color:#c3cbd6;flex:none}.input-invalid{border-color:var(--danger);background:#fef2f2}.alert-item{border-inline-start:4px solid var(--line);padding:8px 12px;margin-top:8px;border-radius:8px;background:var(--bg)}.alert-item.alert-high{border-inline-start-color:var(--danger);background:#fef2f2}.alert-item.alert-medium{border-inline-start-color:var(--amber);background:#fffbeb}.alert-item.alert-low{border-inline-start-color:var(--teal)}.alert-title{font-weight:600;font-size:.9rem}.alert-hint{font-size:.82rem;color:var(--muted);margin-top:2px}