@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;min-height:100dvh;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}.screen{display:flex;flex-direction:column;flex:1;min-height:0;min-width:0}.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}@media (min-width: 960px){.app{max-width:none;margin:0;display:grid;grid-template-columns:300px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr)}.header{grid-column:2;grid-row:1}.screen{grid-column:2;grid-row:2;overflow-y:auto}.content{width:100%;max-width:920px;margin:0 auto;padding:28px 32px}.header-menu-btn,.drawer-backdrop{display:none}.drawer{position:sticky;top:0;grid-column:1;grid-row:1 / 3;width:100%;max-width:none;height:100vh;transform:none;box-shadow:none;border-inline-start:1px solid var(--line)}.drawer-close{display:none}.bottom-nav{inset-inline-start:300px;inset-inline-end:0;max-width:920px}}.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-logo{display:block;width:min(260px,78%);height:auto;margin:4px auto 18px}.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)}.rule-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;font-size:.85rem;cursor:pointer}.rule-chip.is-active{background:var(--teal-tint);border-color:var(--teal);color:var(--teal-dark)}.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,.bottom-nav,.class-tabs{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}.card{break-inside:avoid;page-break-inside:avoid}.hist-bar,.record-score-badge,.quad,.heat-table td,.heat-table th,.pill{-webkit-print-color-adjust:exact;print-color-adjust:exact}.portfolio-item{break-inside:avoid;page-break-inside:avoid}.portfolio-status{-webkit-print-color-adjust:exact;print-color-adjust:exact}.portfolio-cover{break-after:avoid;page-break-after:avoid}}.portfolio-cover{text-align:center;padding:8px 0 16px;border-bottom:2px solid var(--line, #e6e9ef);margin-bottom:16px}.portfolio-cover h1{font-size:1.5rem;color:var(--teal, #0f6f6f)}.portfolio-cover-name{font-size:1.15rem;font-weight:700;margin-top:6px}.portfolio-cover-meta{display:flex;flex-wrap:wrap;gap:4px 16px;justify-content:center;color:var(--muted, #64748b);font-size:.9rem;margin-top:8px}.portfolio-cover-summary{margin:12px 0 0;font-size:.98rem}.portfolio-list{list-style:none;margin:0;padding:0}.portfolio-item{border:1px solid var(--line, #e6e9ef);border-radius:10px;padding:10px 12px;margin-bottom:10px}.portfolio-item-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.portfolio-item-title{display:flex;align-items:center;gap:8px;font-weight:700}.portfolio-item-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--teal, #0f6f6f);color:#fff;font-size:.85rem;flex:none}.portfolio-item-tags{display:flex;align-items:center;gap:8px;flex:none}.portfolio-weight{color:var(--muted, #64748b);font-weight:700;font-size:.9rem}.portfolio-status{font-size:.8rem;font-weight:700;border:1px solid currentColor;border-radius:999px;padding:1px 8px}.portfolio-evidence{list-style:none;margin:8px 0 0;padding:0}.portfolio-evidence li{display:flex;align-items:center;gap:6px;padding:3px 0;font-size:.92rem}.portfolio-evidence .ev-ready{color:var(--text, #1e293b)}.portfolio-evidence .ev-ready svg{color:var(--ok, #0a6b3d);flex:none}.portfolio-evidence .ev-pending{color:var(--muted, #64748b)}.portfolio-evidence .ev-pending svg{color:var(--muted, #94a3b8);flex:none}.portfolio-evidence .ev-note{font-size:.8rem;margin-inline-start:4px;font-style:normal;opacity:.85}.portfolio-note{margin:8px 0 0;font-size:.86rem;color:var(--muted, #64748b);border-inline-start:3px solid var(--line, #e6e9ef);padding-inline-start:8px}.portfolio-legend{margin-top:14px;font-size:.82rem;color:var(--muted, #64748b);line-height:1.9}.portfolio-evidence-doc{margin-top:20px}.pe-element{margin-top:18px;padding-top:14px;border-top:2px solid var(--line, #e6e9ef)}.pe-el-title{display:flex;align-items:center;gap:8px;font-size:1.05rem;color:var(--teal, #0f6f6f);margin:0 0 4px}.pe-el-no{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;background:var(--teal, #0f6f6f);color:#fff;font-size:.85rem;flex:none}.pe-el-weight{margin-inline-start:auto;color:var(--muted, #64748b);font-size:.85rem;font-weight:700}.pe-intro{color:var(--muted, #64748b);font-size:.86rem;margin:2px 0 10px}.pe-class{margin:10px 0 0}.pe-class-title{display:flex;align-items:center;gap:6px;font-size:.95rem;margin:0 0 6px}.pe-pill{font-size:.72rem;font-weight:700;background:var(--surface-2, #f1f5f9);border-radius:999px;padding:1px 7px;color:var(--muted, #475569)}.pe-stats{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:.9rem;margin-bottom:8px}.pe-stats b{color:var(--teal, #0f6f6f)}.pe-table{width:100%;border-collapse:collapse;font-size:.86rem;margin:6px 0 4px}.pe-table th,.pe-table td{border:1px solid var(--line, #e6e9ef);padding:4px 8px;text-align:start}.pe-table thead th{background:var(--surface-2, #f6f7f9);font-weight:700}.pe-quads{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pe-quad{border:1px solid var(--line, #e6e9ef);border-radius:8px;padding:6px 8px}.pe-quad-head{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;margin-bottom:4px}.pe-names{display:flex;flex-wrap:wrap;gap:4px}.pe-name{font-size:.82rem;background:var(--surface-2, #f1f5f9);border-radius:6px;padding:1px 7px}.pe-dash{color:var(--muted, #94a3b8)}.pe-alerts{list-style:none;margin:0;padding:0}.pe-alerts li{margin-bottom:8px;font-size:.9rem}.pe-alerts li b{display:block;margin-bottom:4px}.pe-block{margin:8px 0 0}.pe-block-title{font-weight:700;font-size:.88rem;color:var(--teal, #0f6f6f);margin-bottom:4px}.pe-note-line{font-size:.84rem;color:var(--muted, #475569);margin-top:4px}.pe-note-line b{color:var(--text, #1e293b)}.pe-cert-unit{margin:6px 0}.pe-cert-unit-title{display:flex;align-items:center;gap:6px;font-weight:700;font-size:.88rem;margin-bottom:3px}@media print{.pe-element{break-before:page;page-break-before:always}.pe-class,.pe-quad,.pe-table tr{break-inside:avoid;page-break-inside:avoid}.pe-name,.pe-pill{-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}.attn-toolbar{display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:14px}.attn-date-field{display:flex;flex-direction:column;gap:4px}.attn-row{cursor:default;flex-wrap:wrap}.attn-student-btn{flex:1;min-width:120px;display:flex;flex-direction:column;align-items:flex-start;border:none;background:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-align:start}.attn-status-group,.attn-behavior-group,.attn-type-group{display:flex;gap:6px;flex-wrap:wrap}.attn-status-btn,.attn-behavior-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;font-size:1rem;cursor:pointer}.attn-status-btn.is-active.attn-status-present{background:var(--teal-tint);border-color:var(--teal);color:var(--teal-dark)}.attn-status-btn.is-active.attn-status-absent{background:#fef2f2;border-color:var(--danger);color:var(--danger)}.attn-status-btn.is-active.attn-status-absent_excused{background:#fffbeb;border-color:var(--amber);color:#92400e}.attn-type-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;border:1px solid var(--line);background:var(--surface);font:inherit;cursor:pointer}.attn-type-btn.is-active{background:var(--teal-tint);border-color:var(--teal);color:var(--teal-dark)}.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}.dl-progress{margin-top:10px}.dl-progress-track{position:relative;height:6px;border-radius:999px;background:var(--line);overflow:hidden}.dl-progress-fill{height:100%;border-radius:999px;background:var(--teal-dark);transition:width .2s linear}.dl-progress-track.is-indeterminate .dl-progress-fill{position:absolute;top:0;bottom:0;width:40%;animation:dl-progress-slide 1.2s ease-in-out infinite}@keyframes dl-progress-slide{0%{inset-inline-start:-40%}to{inset-inline-start:100%}}@media (prefers-reduced-motion: reduce){.dl-progress-track.is-indeterminate .dl-progress-fill{animation:none;inset-inline-start:0;width:100%;opacity:.45}}.dl-progress-text{font-size:.8rem;color:var(--muted);margin-top:5px}.dl-progress-note{font-size:.76rem;color:var(--muted);margin-top:3px}.dl-spinner{width:13px;height:13px;flex:none;border-radius:50%;border:2px solid currentColor;border-top-color:transparent;opacity:.85;animation:dl-spin .7s linear infinite}@keyframes dl-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion: reduce){.dl-spinner{animation-duration:2.4s}}.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}.btn[aria-busy=true]{opacity:1;cursor:progress}.dist-presets{display:grid;gap:8px}.dist-preset{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 14px;text-align:start;cursor:pointer;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:var(--r-md, 12px)}.dist-preset:hover:not(:disabled){border-color:var(--teal, #2a82f0)}.dist-preset-label{font-weight:600}.dist-preset-hint{font-size:.82rem;color:var(--muted, #64748b)}.dist-head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:10px}.dist-head h2{font-size:1rem;margin:0}.dist-total{font-weight:700;font-size:1.05rem;color:var(--teal, #2a82f0);font-variant-numeric:tabular-nums}.dist-rows{display:grid;gap:6px}.dist-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:var(--r-sm, 10px);background:var(--bg, #f4f6fb)}.dist-row-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:none;border-radius:8px;background:#e2e8f0;color:#475569}.dist-row-icon.is-auto{background:#2ce0be2e;color:#0f766e}.dist-row-text{flex:1;min-width:0;display:flex;flex-direction:column}.dist-row-title{font-weight:600;font-size:.93rem}.dist-row-hint{font-size:.75rem;color:var(--muted, #64748b)}.dist-row-max,.dist-row-input{flex:none;width:52px;padding:6px 4px;text-align:center;font-size:1rem;font-weight:600;font-variant-numeric:tabular-nums;border:1px solid var(--line, #e4e9f0);border-radius:8px;background:#fff;cursor:pointer}.dist-row-max.is-derived{cursor:default;border-style:dashed;background:transparent;color:var(--muted, #64748b)}.dist-absorb{flex:none;padding:5px 9px;font-size:.74rem;cursor:pointer;border:1px solid var(--line, #e4e9f0);border-radius:999px;background:#fff;color:var(--muted, #64748b)}.dist-absorb.is-on{background:#2ce0be2e;color:#0f766e;border-color:transparent;cursor:default;font-weight:600}.dist-row-del{flex:none;padding:6px;border:0;background:transparent;color:var(--muted, #94a3b8);cursor:pointer;border-radius:8px}.dist-row-del:hover:not(:disabled){color:var(--danger, #e11d48);background:#e11d4814}.dist-row-del:disabled{opacity:.3;cursor:default}.dist-balance{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:10px 0;padding:8px 10px;border-radius:var(--r-sm, 10px);font-size:.84rem}.dist-balance.is-ok{background:#2ce0be24;color:#0f766e}.dist-balance.is-off{background:#f59e0b24;color:#92400e}.dist-add{display:grid;gap:8px;margin-top:6px}.dist-add-label{font-size:.78rem;font-weight:600;color:var(--muted, #64748b);margin-top:4px}.dist-add-auto{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:9px 11px;text-align:start;cursor:pointer;background:#fff;border:1px solid var(--line, #e4e9f0);border-radius:var(--r-sm, 10px)}.dist-add-auto:hover:not(:disabled){border-color:var(--teal, #2a82f0)}.dist-add-manual{display:flex;gap:6px;align-items:center}.dist-add-manual input[type=text]{flex:1;min-width:0;padding:8px 10px;border:1px solid var(--line, #e4e9f0);border-radius:8px}.dist-add-manual input[type=number]{padding:8px 4px;border:1px solid var(--line, #e4e9f0);border-radius:8px}.attn-lesson-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.attn-lesson-field .input{padding:8px 10px}.attn-part-group{display:inline-flex;gap:4px;flex:none}.attn-part-btn{width:32px;height:32px;padding:0;font-size:.95rem;line-height:1;border:1px solid var(--line, #e4e9f0);border-radius:9px;background:#fff;cursor:pointer}.attn-part-btn.is-active{background:#2ce0be33;border-color:transparent;box-shadow:inset 0 0 0 1.5px #0f766e}.attn-part-btn:disabled{opacity:.5;cursor:default}.app.has-bottom-nav .content{padding-bottom:calc(76px + env(safe-area-inset-bottom,0px))}.bottom-nav{position:fixed;inset-inline:0;bottom:0;z-index:40;margin:0 auto;max-width:640px;display:grid;grid-template-columns:repeat(4,1fr);background:var(--surface, #fff);border-top:1px solid var(--line, #e4e9f0);padding-bottom:env(safe-area-inset-bottom,0px);box-shadow:0 -2px 12px #1118270d}.bottom-nav-item{display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px 7px;border:0;background:transparent;color:var(--muted, #94a3b8);cursor:pointer;min-height:46px}.bottom-nav-item.is-active{color:var(--teal, #2a82f0)}.bottom-nav-icon{position:relative;display:inline-flex}.bottom-nav-label{font-size:.7rem;font-weight:600}.bottom-nav-dot{position:absolute;top:-1px;inset-inline-end:-3px;width:7px;height:7px;border-radius:50%;background:var(--danger, #e11d48)}.class-switcher{position:relative;flex:1;min-width:0}.class-switcher-btn{display:inline-flex;align-items:center;gap:5px;max-width:100%;padding:5px 10px;border:0;border-radius:999px;background:#ffffff29;color:#fff;font:inherit;font-weight:600;cursor:pointer}.class-switcher-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-switcher-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45}.class-switcher-menu{position:absolute;z-index:46;inset-inline-start:0;top:calc(100% + 6px);min-width:200px;margin:0;padding:5px;list-style:none;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:var(--r-md, 12px);box-shadow:0 10px 28px #11182729}.class-switcher-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:9px 11px;border:0;border-radius:9px;background:transparent;color:var(--ink, #111827);font:inherit;text-align:start;cursor:pointer}.class-switcher-option:hover{background:var(--bg, #f4f6fb)}.class-switcher-option.is-active{font-weight:700;color:var(--teal, #2a82f0)}.class-switcher-empty{padding:10px 12px;color:var(--muted, #64748b);font-size:.85rem}.scan-hero.is-attendance{background:linear-gradient(135deg,#0f766e,#0d5f58)}.today-class{display:flex;align-items:center;gap:10px;width:100%;margin-top:12px;padding:13px 15px;text-align:start;cursor:pointer;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:var(--r-md, 12px)}.today-class-text{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.today-class-name{font-weight:700}.today-class-sub{font-size:.82rem;color:var(--muted, #64748b)}.today-class-chevron{color:var(--muted, #94a3b8);flex:none}.today-waiting{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:14px}.today-waiting-label{font-size:.78rem;font-weight:600;color:var(--muted, #64748b)}.today-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;font-size:.8rem;font-weight:600;border:0;border-radius:999px;background:#e11d481a;color:#9f1239;cursor:pointer}.today-chip.is-quiet{background:#f59e0b24;color:#92400e;cursor:default}.tools-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex:none;margin-inline-end:10px;border-radius:9px;background:var(--bg, #f4f6fb);color:var(--teal, #2a82f0)}.drawer-group-label{margin:18px 2px 8px;font-size:.74rem;font-weight:700;letter-spacing:.02em;color:var(--muted, #94a3b8)}.drawer-body>.drawer-group-label:first-child{margin-top:2px}.class-tabs{display:flex;gap:4px;margin:12px 16px 0;padding:4px;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:999px;overflow-x:auto;scrollbar-width:none}.class-tabs::-webkit-scrollbar{display:none}.class-tab{flex:1 0 auto;padding:7px 12px;border:0;border-radius:999px;background:transparent;color:var(--muted, #64748b);font:inherit;font-size:.82rem;font-weight:600;white-space:nowrap;cursor:pointer}.class-tab.is-active{background:var(--teal, #2a82f0);color:#fff}.class-progress{display:flex;align-items:center;gap:10px;width:100%;margin-top:8px;padding:13px 15px;text-align:start;cursor:pointer;background:var(--surface, #fff);border:1px solid var(--line, #e4e9f0);border-radius:var(--r-md, 12px)}.class-progress.is-active{border-color:var(--teal, #2a82f0)}.class-progress-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.class-progress-head{display:flex;align-items:baseline;justify-content:space-between;gap:8px}.class-progress-name{font-weight:700}.class-progress-pct{font-weight:700;font-size:.86rem;color:var(--teal, #2a82f0);font-variant-numeric:tabular-nums}.class-progress-lesson{font-size:.82rem;color:var(--muted, #64748b);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.class-progress-bar{display:block;height:5px;border-radius:999px;background:var(--bg, #eef2f7);overflow:hidden}.class-progress-fill{display:block;height:100%;border-radius:999px;background:var(--brand-gradient, linear-gradient(90deg, #2a82f0, #145fcb))}.class-progress-meta{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:.76rem;color:var(--muted, #94a3b8)}.class-progress-att.is-done{color:#0f766e;font-weight:600}.class-progress-att.is-todo{color:#92400e;font-weight:600}.part-dist{display:grid;gap:8px}.part-dist-row{display:flex;align-items:center;gap:8px}.part-dist-label{flex:none;width:108px;font-size:.82rem}.part-dist-bar{flex:1;height:8px;border-radius:999px;background:var(--bg, #eef2f7);overflow:hidden}.part-dist-fill{display:block;height:100%;border-radius:999px}.part-dist-fill.is-correct{background:#0f766e}.part-dist-fill.is-assisted{background:#f59e0b}.part-dist-fill.is-needs_support{background:#e11d48}.part-dist-num{flex:none;min-width:68px;text-align:end;font-size:.78rem;color:var(--muted, #64748b);font-variant-numeric:tabular-nums}.part-pct{flex:none;font-weight:700;font-variant-numeric:tabular-nums;color:#0f766e}.part-pct.is-low{color:#9f1239}.part-pct.is-none{color:var(--muted, #94a3b8);font-weight:500}.part-silent{display:inline-flex;align-items:center;gap:4px;color:#92400e;font-weight:600}