.auth-page{--auth-primary: #2563EB;--auth-primary-dark: #1D4ED8;--auth-secondary: #4F46E5;--auth-success: #10B981;--auth-bg: #F8FAFC;--auth-ink: #0F172A;--auth-ink-soft: #64748B;--auth-line: #E2E8F0;--auth-field-bg: #F8FAFC;--auth-warn: #B45309;--auth-warn-bg: #FFFBEB;--auth-warn-line: #FDE68A;--auth-font: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:32px 16px;overflow:hidden;font-family:var(--auth-font);color:var(--auth-ink);background:var(--auth-bg);background-image:none}.auth-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none}.auth-blob{position:absolute;border-radius:42% 58% 60% 40%/45% 42% 58% 55%;filter:blur(28px);will-change:transform;animation:auth-drift 24s ease-in-out infinite}.auth-blob:nth-child(1){width:380px;height:380px;top:-110px;left:-90px;background:#2563eb29}.auth-blob:nth-child(2){width:300px;height:300px;bottom:-110px;right:-70px;background:#4f46e529;animation-delay:-8s}.auth-blob:nth-child(3){width:190px;height:190px;top:58%;left:7%;background:#10b98124;animation-delay:-14s}.auth-blob:nth-child(4){width:150px;height:150px;top:9%;right:16%;background:#2563eb1f;animation-delay:-19s}@keyframes auth-drift{0%,to{transform:translate(0) scale(1) rotate(0)}33%{transform:translate(24px,-28px) scale(1.08) rotate(12deg)}66%{transform:translate(-18px,20px) scale(.95) rotate(-10deg)}}.auth-shell{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr 1fr;width:min(1000px,100%);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 30px 64px -28px #0f172a4d,0 8px 24px -12px #0f172a24;animation:auth-rise .55s cubic-bezier(.22,.9,.28,1) both}@keyframes auth-rise{0%{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@media (prefers-reduced-motion: reduce){.auth-blob,.auth-shell,.auth-illustration{animation:none}}.auth-visual{position:relative;padding:46px 40px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(150deg,var(--auth-secondary) 0%,#3B57E4 52%,var(--auth-primary) 100%);overflow:hidden}.auth-visual:before{content:"";position:absolute;width:460px;height:460px;border-radius:50%;right:-200px;top:-120px;background:#ffffff14}.auth-visual>*{position:relative;z-index:1}.auth-brand{display:flex;align-items:center;gap:14px}.auth-logo{flex-shrink:0;width:54px;height:54px;border-radius:16px;background:#ffffff29;display:flex;align-items:center;justify-content:center}.auth-logo img{width:34px;height:34px;object-fit:contain}.auth-brand h1{margin:0;font-family:var(--auth-font);font-size:21px;font-weight:600;letter-spacing:.2px;color:#fff}.auth-brand p{margin:2px 0 0;font-size:12px;font-weight:400;color:#ffffffc7}.auth-tagline{margin:30px 0 0;font-size:12.5px;line-height:1.65;color:#fffc}.auth-tagline strong{display:block;margin-bottom:8px;font-size:22px;font-weight:600;line-height:1.3;letter-spacing:-.2px;color:#fff}.auth-features{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:11px}.auth-features li{display:flex;align-items:center;gap:11px;font-size:13px;color:#fffffff0}.auth-features .auth-tick{flex-shrink:0;width:26px;height:26px;border-radius:9px;background:#ffffff2e;color:#fff;display:inline-flex;align-items:center;justify-content:center}.auth-illustration{width:100%;max-width:320px;height:auto;margin:auto auto 0;padding-top:24px;animation:auth-hover 6s ease-in-out infinite}@keyframes auth-hover{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.auth-pane{padding:48px 44px 30px;display:flex;flex-direction:column}.auth-brand-compact{display:none}.auth-pane-head h2{margin:0;font-family:var(--auth-font);font-size:22px;font-weight:600;color:var(--auth-ink)}.auth-pane-head p{margin:5px 0 26px;font-size:13px;color:var(--auth-ink-soft)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field label{display:block;margin-bottom:7px;font-size:12.5px;font-weight:500;color:var(--auth-ink)}.auth-control{position:relative;display:flex;align-items:center}.auth-control svg.auth-icon{position:absolute;left:17px;color:var(--auth-ink-soft);pointer-events:none;transition:color .15s ease}.auth-control input{width:100%;height:52px;padding:0 18px 0 46px;border:1.5px solid var(--auth-line);border-radius:999px;background:var(--auth-field-bg);font-family:inherit;font-size:14px;color:var(--auth-ink);transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.auth-control input.has-toggle{padding-right:50px}.auth-control input::placeholder{color:#94a3b8}.auth-control input:hover{border-color:#cbd5e1}.auth-control input:focus{outline:none;background:#fff;border-color:var(--auth-primary);box-shadow:0 0 0 4px #2563eb24}.auth-control:focus-within svg.auth-icon{color:var(--auth-primary)}.auth-toggle{position:absolute;right:8px;width:38px;height:38px;border:none;border-radius:50%;background:transparent;color:var(--auth-ink-soft);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease}.auth-toggle:hover{background:#eff6ff;color:var(--auth-primary)}.auth-toggle:focus-visible{outline:2px solid var(--auth-primary);outline-offset:1px}.auth-caps{display:flex;align-items:center;gap:7px;margin:8px 0 0;padding:7px 12px;border:1px solid var(--auth-warn-line);border-radius:10px;background:var(--auth-warn-bg);color:var(--auth-warn);font-size:11.5px;animation:auth-fade .2s ease-out both}@keyframes auth-fade{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.auth-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:2px}.auth-check{display:inline-flex;align-items:center;gap:9px;font-size:12.5px;color:var(--auth-ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none}.auth-check input{width:17px;height:17px;margin:0;accent-color:var(--auth-primary);cursor:pointer}.auth-link{border:none;background:none;padding:0;font-family:inherit;font-size:12.5px;font-weight:500;color:var(--auth-primary);cursor:pointer}.auth-link:hover{text-decoration:underline}.auth-submit{width:100%;height:52px;margin-top:10px;border:none;border-radius:999px;background:linear-gradient(110deg,var(--auth-primary) 0%,var(--auth-secondary) 50%,var(--auth-primary) 100%);background-size:220% 100%;background-position:0% 0;color:#fff;font-family:inherit;font-size:15px;font-weight:600;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:10px;box-shadow:0 12px 24px -12px #2563ebbf;transition:transform .16s ease,box-shadow .16s ease,background-position .6s ease}.auth-submit:hover:not(:disabled){transform:translateY(-2px);background-position:100% 0;box-shadow:0 18px 32px -12px #2563ebd9}.auth-submit:active:not(:disabled){transform:translateY(0)}.auth-submit svg{transition:transform .16s ease}.auth-submit:hover:not(:disabled) svg{transform:translate(4px)}.auth-submit:disabled{opacity:.65;cursor:not-allowed;box-shadow:none}.auth-error{display:flex;align-items:center;gap:9px;margin-bottom:18px;padding:11px 15px;border:1px solid #FECACA;border-radius:14px;background:#fef2f2;color:#b91c1c;font-size:12.5px;animation:auth-fade .2s ease-out both}.auth-hint{margin:20px 0 0;padding:11px 15px;border-radius:14px;background:#f1f5fd;font-size:11.5px;line-height:1.6;text-align:center;color:var(--auth-ink-soft)}.auth-hint strong{color:var(--auth-primary);font-weight:600}.auth-footer{margin-top:auto;padding-top:24px;text-align:center;font-size:11px;line-height:1.7;color:#94a3b8}.auth-footer span{display:block}.auth-footer .auth-version{font-family:var(--font-mono, monospace);letter-spacing:.4px}@media (max-width: 860px){.auth-shell{grid-template-columns:1fr;width:min(430px,100%);border-radius:18px}.auth-visual{display:none}.auth-brand-compact{display:flex;align-items:center;gap:12px;margin-bottom:26px}.auth-brand-compact .auth-logo{width:46px;height:46px;border-radius:14px;background:linear-gradient(140deg,var(--auth-secondary),var(--auth-primary))}.auth-brand-compact h1{margin:0;font-family:var(--auth-font);font-size:17px;font-weight:600;color:var(--auth-ink)}.auth-brand-compact p{margin:1px 0 0;font-size:11.5px;color:var(--auth-ink-soft)}.auth-pane{padding:36px 26px 24px}}.dash{--d-blue: #2563EB;--d-green: #16A34A;--d-orange: #F59E0B;--d-red: #DC2626;--d-ink: #0F172A;--d-ink-soft: #64748B;--d-muted: #94A3B8;--d-line: #E9EDF4;--d-surface: #FFFFFF;--d-radius: 14px;--d-shadow: 0 4px 14px rgba(15, 23, 42, .06);--d-shadow-hover: 0 10px 22px rgba(15, 23, 42, .1);--d-font: "Poppins", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--d-font);color:var(--d-ink);display:flex;flex-direction:column;gap:14px}.dash *{box-sizing:border-box}.dash-warn{padding:10px 14px;border:1px solid #FDE68A;border-radius:var(--d-radius);background:#fffbeb;color:#b45309;font-size:12.5px}.dash-head{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.dash-hello h2{margin:0;font-family:var(--d-font);font-size:19px;font-weight:600}.dash-hello p{margin:2px 0 0;font-size:12px;color:var(--d-ink-soft)}.dash-head-tools{display:flex;align-items:center;gap:8px}.icon-btn{position:relative;width:38px;height:38px;flex-shrink:0;border:1px solid var(--d-line);border-radius:11px;background:var(--d-surface);color:var(--d-ink-soft);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease,border-color .15s ease}.icon-btn:hover{color:var(--d-blue);border-color:#c7d7fb}.bell-wrap{position:relative}.bell-count{position:absolute;top:4px;right:4px;min-width:16px;height:16px;padding:0 4px;border-radius:8px;background:var(--d-red);color:#fff;font-size:9.5px;font-weight:600;line-height:16px;text-align:center}.bell-panel{position:absolute;top:46px;right:0;z-index:30;width:300px;padding:8px;border:1px solid var(--d-line);border-radius:var(--d-radius);background:var(--d-surface);box-shadow:0 16px 36px #0f172a24}.bell-panel-head{padding:6px 10px 8px;font-size:11.5px;font-weight:600;color:var(--d-ink-soft)}.dash-search{position:relative;display:flex;align-items:center;width:min(320px,46vw)}.dash-search .dash-search-icon{position:absolute;left:13px;color:var(--d-muted);pointer-events:none}.dash-search input{width:100%;height:38px;padding:0 32px 0 38px;border:1px solid var(--d-line);border-radius:11px;background:var(--d-surface);font-family:inherit;font-size:12.5px;color:var(--d-ink);transition:border-color .15s ease,box-shadow .15s ease}.dash-search input::placeholder{color:var(--d-muted)}.dash-search input:focus{outline:none;border-color:var(--d-blue);box-shadow:0 0 0 3px #2563eb1f}.dash-search-clear{position:absolute;right:9px;border:none;background:none;padding:2px;color:var(--d-muted);cursor:pointer;display:flex}.dash-results{position:absolute;top:44px;left:0;right:0;z-index:30;max-height:320px;overflow-y:auto;padding:6px;border:1px solid var(--d-line);border-radius:var(--d-radius);background:var(--d-surface);box-shadow:0 16px 36px #0f172a24}.dash-results-empty{padding:13px;font-size:12px;color:var(--d-ink-soft);text-align:center}.dash-result{width:100%;display:flex;align-items:center;gap:10px;padding:8px 9px;border:none;border-radius:10px;background:none;font-family:inherit;text-align:left;cursor:pointer}.dash-result:hover{background:#f5f8fe}.res-kind{flex-shrink:0;padding:2.5px 7px;border-radius:7px;font-size:9.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;background:#eff4fe;color:#1d4ed8}.res-kind.kind-staff{background:#f1f5f9;color:#475569}.res-kind.kind-payment{background:#ecfdf3;color:#15803d}.res-body{display:flex;flex-direction:column;min-width:0}.res-body strong{font-size:12.5px;font-weight:500}.res-body em{font-size:10.5px;font-style:normal;color:var(--d-ink-soft)}.res-body strong,.res-body em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kpi-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.kpi{display:flex;flex-direction:column;gap:3px;padding:13px 14px;border:1px solid var(--d-line);border-radius:var(--d-radius);background:var(--d-surface);box-shadow:var(--d-shadow);font-family:inherit;text-align:left;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.kpi.is-clickable{cursor:pointer}.kpi.is-clickable:hover{transform:translateY(-2px);box-shadow:var(--d-shadow-hover);border-color:#d5e0f7}.kpi-top{display:flex;align-items:center;gap:8px;margin-bottom:3px}.kpi-icon{width:28px;height:28px;flex-shrink:0;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:var(--kpi-soft, #EFF4FE);color:var(--kpi-color, var(--d-blue))}.kpi-label{font-size:11.5px;font-weight:500;color:var(--d-ink-soft)}.kpi-value{font-size:21px;font-weight:600;line-height:1.2;letter-spacing:-.4px}.kpi-note{font-size:10.5px;color:var(--d-muted)}.kpi-note.note-up{color:var(--d-green)}.kpi-note.note-warn{color:#b45309}.kpi-blue{--kpi-color: #2563EB;--kpi-soft: #EFF4FE}.kpi-green{--kpi-color: #16A34A;--kpi-soft: #ECFDF3}.kpi-orange{--kpi-color: #D97706;--kpi-soft: #FEF6E7}.kpi-red{--kpi-color: #DC2626;--kpi-soft: #FEF2F2}.qa-card{padding:14px 16px 16px;border:1px solid var(--d-line);border-radius:var(--d-radius);background:var(--d-surface);box-shadow:var(--d-shadow)}.qa-card h3{margin:0 0 11px;font-family:var(--d-font);font-size:13px;font-weight:600;color:var(--d-ink)}.qa-row{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.qa{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 10px;border:1px solid var(--d-line);border-radius:11px;background:var(--d-surface);font-family:inherit;font-size:12.5px;font-weight:500;color:var(--d-ink);cursor:pointer;transition:border-color .15s ease,background .15s ease,transform .15s ease}.qa:hover:not(:disabled){transform:translateY(-1px);border-color:#c7d7fb;background:#f8faff}.qa:disabled{opacity:.5;cursor:not-allowed}.qa-icon{display:inline-flex;color:var(--qa-color, var(--d-blue))}.qa-blue{--qa-color: #2563EB}.qa-green{--qa-color: #16A34A}.qa-grey{--qa-color: #94A3B8}.dash-grid{display:grid;gap:14px}.dash-grid.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-card{display:flex;flex-direction:column;padding:15px 16px;border:1px solid var(--d-line);border-radius:var(--d-radius);background:var(--d-surface);box-shadow:var(--d-shadow);min-width:0}.dash-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:12px}.dash-card-title{display:flex;align-items:center;gap:9px;min-width:0}.dash-card-icon{width:28px;height:28px;flex-shrink:0;border-radius:9px;background:#eff4fe;color:var(--d-blue);display:inline-flex;align-items:center;justify-content:center}.dash-card h3{margin:0;font-family:var(--d-font);font-size:13.5px;font-weight:600}.dash-card-head p{margin:1px 0 0;font-size:11px;color:var(--d-ink-soft)}.dash-card-action{flex-shrink:0;border:none;background:none;padding:0;font-family:inherit;font-size:11.5px;font-weight:500;color:var(--d-blue);cursor:pointer}.dash-card-action:hover{text-decoration:underline}.dash-card-body{flex:1;min-width:0}.chart{width:100%;height:auto;display:block;overflow:visible}.chart-axis{font-size:9px;fill:var(--d-muted);font-family:var(--d-font)}.chart-axis.is-muted{fill:#c3cbd8}.chart-empty{padding:26px 12px;border:1px dashed var(--d-line);border-radius:12px;font-size:11.5px;color:var(--d-muted);text-align:center}.donut-wrap{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.donut{width:116px;height:116px;flex-shrink:0}.donut-total{font-size:15px;font-weight:600;fill:var(--d-ink);font-family:var(--d-font)}.donut-caption{font-size:8.5px;fill:var(--d-muted);font-family:var(--d-font)}.donut-legend{list-style:none;margin:0;padding:0;flex:1;min-width:104px}.donut-legend li{display:flex;align-items:center;gap:8px;padding:3px 0;font-size:11.5px}.donut-legend .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.donut-legend .legend-label{flex:1;color:var(--d-ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.donut-legend .legend-value{font-weight:600}.row-list{list-style:none;margin:0;padding:0}.row-list li{display:flex;align-items:center;gap:10px;padding:8px 2px;border-bottom:1px solid #F4F6FA}.row-list li:last-child{border-bottom:none}.avatar{width:32px;height:32px;flex-shrink:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600}.avatar.tone-blue{background:#eff4fe;color:#1d4ed8}.avatar.tone-warn{background:#fef6e7;color:#b45309}.row-body{flex:1;min-width:0;display:flex;flex-direction:column}.row-body strong{font-size:12.5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-body em{font-size:10.5px;font-style:normal;color:var(--d-ink-soft)}.row-amount{flex-shrink:0;font-size:12.5px;font-weight:600;color:#b45309}.row-when{flex-shrink:0;font-size:10.5px;color:var(--d-muted)}.alert-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.alert-item{display:flex;align-items:center;gap:10px;padding:7px 8px;border-radius:10px}.alert-item:hover{background:#f8fafc}.alert-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0;background:var(--d-muted)}.tone-warn .alert-dot{background:var(--d-orange)}.tone-danger .alert-dot{background:var(--d-red)}.tone-info .alert-dot{background:var(--d-blue)}.tone-ok .alert-dot{background:var(--d-green)}.alert-text{flex:1;min-width:0;display:flex;flex-direction:column;border:none;background:none;padding:0;font-family:inherit;text-align:left;cursor:pointer}.alert-text:disabled{cursor:default}.alert-text strong{font-size:12px;font-weight:500}.alert-text em{font-size:10.5px;font-style:normal;color:var(--d-ink-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.alert-text:not(:disabled):hover strong{color:var(--d-blue)}@media (max-width: 1280px){.kpi-row,.qa-row{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 1080px){.dash-grid.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 780px){.kpi-row,.qa-row{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-grid.grid-3{grid-template-columns:minmax(0,1fr)}.dash-search,.dash-head-tools{width:100%}}.stu-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stu-stat{position:relative;display:flex;flex-direction:column;gap:0;padding:9px 14px 10px;border:1px solid var(--color-border, #E5E7EB);border-radius:12px;background:var(--color-surface);box-shadow:0 2px 8px #0f172a0a;overflow:hidden}.stu-stat-top{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:500;color:var(--color-ink-soft)}.stu-stat-top svg{color:#2563eb;flex-shrink:0}.stu-stat.is-active .stu-stat-top svg{color:#22c55e}.stu-stat.is-inactive .stu-stat-top svg{color:#94a3b8}.stu-stat.is-new .stu-stat-top svg{color:#f59e0b}.stu-stat-note{font-size:10.5px;line-height:1.3;color:#94a3b8}.stu-stat-note.is-up{color:#16a34a;font-weight:500}.stu-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#2563eb}.stu-stat.is-active:before{background:#22c55e}.stu-stat.is-inactive:before{background:#94a3b8}.stu-stat.is-new:before{background:#f59e0b}.stu-stat-value{font-size:21px;font-weight:600;line-height:1.15;letter-spacing:-.5px;color:var(--color-ink)}.stu-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.stu-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-width:0}.stu-filter-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stu-search-wrap{position:relative;display:flex;align-items:center;width:420px;max-width:100%;flex-shrink:0}.stu-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.stu-search{width:100%;height:40px;padding:0 30px 0 34px;border:1.5px solid #CBD5E1;border-radius:10px;background:var(--color-surface);font-family:var(--font-body);font-size:13px;color:var(--color-ink);box-shadow:0 1px 3px #0f172a0d}.stu-search::placeholder{color:#94a3b8}.stu-search:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.stu-search:focus+.stu-search-icon,.stu-search-wrap:focus-within .stu-search-icon{color:#2563eb}.stu-search-clear{position:absolute;right:8px;width:20px;height:20px;border:none;border-radius:50%;background:#e5e7eb;color:#475569;font-size:13px;line-height:1;cursor:pointer}.stu-search-clear:hover{background:#cbd5e1}.stu-filter-row select{height:34px;padding:0 10px;border:1px solid var(--color-border, #E5E7EB);border-radius:8px;background:var(--color-surface);font-family:var(--font-body);font-size:12.5px;color:var(--color-ink)}.stu-filter-row select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.stu-clear{height:34px;padding:0 12px;border:none;border-radius:8px;background:none;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--color-primary);cursor:pointer}.stu-clear:hover{text-decoration:underline}.stu-tools{display:flex;gap:8px;flex-shrink:0}.stu-count{margin-bottom:8px;font-size:11.5px;color:var(--color-ink-soft)}.stu-table-wrap{overflow-x:auto;overflow-y:auto;max-height:62vh}.stu-table{width:100%;min-width:980px}.stu-table thead th{position:sticky;top:0;z-index:5;height:44px;background:#e8f0fe;border-bottom:1px solid #C7D7FB;font-size:11.5px;font-weight:600;letter-spacing:.3px;color:#1d4ed8;white-space:nowrap}.stu-table thead th button,.stu-table thead th svg{color:inherit}.stu-table tbody tr{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.stu-table tbody tr:hover{background:#f5f8ff;box-shadow:inset 3px 0 #2563eb}.stu-table tbody td{padding-top:9px;padding-bottom:9px}.stu-table .col-photo{width:46px}.stu-table .col-menu{width:44px;text-align:right}.stu-table .mono{font-family:var(--font-mono);font-size:12px}.stu-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;background:#dbeafe;color:#1d4ed8;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0}.stu-avatar img{width:100%;height:100%;object-fit:cover}.stu-avatar.tone-0{background:#dbeafe;color:#1d4ed8}.stu-avatar.tone-1{background:#ede9fe;color:#6d28d9}.stu-avatar.tone-2{background:#dcfce7;color:#15803d}.stu-avatar.tone-3{background:#ffedd5;color:#c2410c}.stu-avatar.tone-4{background:#fce7f3;color:#be185d}.stu-name{display:block;border:none;background:none;padding:0;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-primary);text-align:left;cursor:pointer}.stu-name:hover{text-decoration:underline}.stu-sub{display:block;margin-top:1px;font-size:10.5px;line-height:1.45;color:var(--color-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.att{display:inline-block;padding:3px 9px;border-radius:999px;font-size:11px;font-weight:600;white-space:nowrap;cursor:default}.att-good{background:#dcfce7;color:#15803d}.att-ok{background:#ffedd5;color:#c2410c}.att-low{background:#fee2e2;color:#dc2626}.att-none{background:#f1f5f9;color:#94a3b8;font-weight:500;padding:3px 9px;border-radius:999px;font-size:11px;white-space:nowrap}.row-menu{position:relative;display:inline-block}.row-menu-btn{width:28px;height:28px;border:1px solid transparent;border-radius:8px;background:none;font-size:16px;line-height:1;color:var(--color-ink-soft);cursor:pointer}.row-menu-btn:hover{background:var(--color-primary-soft);border-color:var(--color-ledger-line);color:var(--color-primary-dark)}.row-menu-panel{position:absolute;top:32px;right:0;z-index:40;min-width:178px;padding:5px;border:1px solid var(--color-ledger-line);border-radius:12px;background:var(--color-surface);box-shadow:0 14px 34px #0f172a29;text-align:left}.row-menu-panel button{display:block;width:100%;padding:7px 10px;border:none;border-radius:8px;background:none;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink);text-align:left;cursor:pointer}.row-menu-panel button:hover:not(:disabled){background:#f1f5fd;color:var(--color-primary-dark)}.row-menu-panel button:disabled{color:#a9b2c3;cursor:not-allowed}.row-menu-panel button.is-danger{color:#b91c1c}.row-menu-panel button.is-danger:hover{background:#fef2f2;color:#b91c1c}.row-menu-sep{height:1px;margin:4px 6px;background:var(--color-ledger-line)}@media (max-width: 1100px){.stu-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.stu-search-wrap{width:100%}.stu-pager{justify-content:center}.stu-filters,.stu-tools{width:100%}}.stu-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:9px 12px;border:1px solid #C7D7FB;border-radius:10px;background:#f5f8ff;flex-wrap:wrap}.stu-pager-size{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:#475569}.stu-pager-size select{height:30px;padding:0 8px;border:1px solid #C7D7FB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;color:#1d4ed8;font-weight:500;cursor:pointer}.stu-pager-size select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.stu-pager-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stu-pager-nums{display:flex;align-items:center;gap:3px}.stu-pager button{min-width:30px;height:30px;padding:0 9px;border:1px solid #C7D7FB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#1d4ed8;cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.stu-pager button:hover:not(:disabled):not(.is-current){background:#dbeafe;border-color:#93b4f8}.stu-pager button.is-current{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600;cursor:default}.stu-pager button:disabled{opacity:.45;cursor:not-allowed}.stu-pager-gap{padding:0 2px;color:#7c93b8;font-size:12.5px}.stf-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.stf-stat{position:relative;display:flex;flex-direction:column;padding:9px 14px 10px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0f172a0a;overflow:hidden}.stf-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#2563eb}.stf-stat.is-teaching:before{background:#22c55e}.stf-stat.is-nonteaching:before{background:#f59e0b}.stf-stat.is-dept:before{background:#8b5cf6}.stf-stat-label{font-size:11.5px;font-weight:500;color:var(--color-ink-soft)}.stf-stat-value{font-size:21px;font-weight:600;line-height:1.15;letter-spacing:-.5px;color:var(--color-ink)}.stf-stat-note{font-size:10.5px;color:#94a3b8}.stf-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.stf-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.stf-search-wrap{position:relative;display:flex;align-items:center;width:400px;max-width:100%;flex-shrink:0}.stf-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.stf-search{width:100%;height:40px;padding:0 30px 0 34px;border:1.5px solid #CBD5E1;border-radius:10px;background:#fff;font-family:var(--font-body);font-size:13px;color:var(--color-ink);box-shadow:0 1px 3px #0f172a0d}.stf-search::placeholder{color:#94a3b8}.stf-search:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.stf-search-wrap:focus-within .stf-search-icon{color:#2563eb}.stf-search-clear{position:absolute;right:8px;width:20px;height:20px;border:none;border-radius:50%;background:#e5e7eb;color:#475569;font-size:13px;line-height:1;cursor:pointer}.stf-search-clear:hover{background:#cbd5e1}.stf-filters select{height:34px;padding:0 10px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink)}.stf-filters select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.stf-clear{height:34px;padding:0 10px;border:none;background:none;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#2563eb;cursor:pointer}.stf-clear:hover{text-decoration:underline}.stf-tools{display:flex;gap:8px;flex-shrink:0}.stf-tools .btn{display:inline-flex;align-items:center;gap:6px}.stf-tabs{display:flex;gap:4px;margin-bottom:10px;padding:4px;border:1px solid #E5E7EB;border-radius:10px;background:#f8fafc;flex-wrap:wrap}.stf-tab{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border:none;border-radius:7px;background:transparent;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#475569;cursor:pointer;transition:background .12s ease,color .12s ease}.stf-tab:hover:not(.is-active){background:#f1f5f9;color:#1d4ed8}.stf-tab.is-active{background:#2563eb;color:#fff;font-weight:600}.stf-tab-count{padding:1px 6px;border-radius:999px;background:#e5e7eb;font-size:10.5px;font-weight:600;color:#475569}.stf-tab.is-active .stf-tab-count{background:#ffffff40;color:#fff}.stf-count{margin-bottom:8px;font-size:11.5px;color:var(--color-ink-soft)}.stf-table-wrap{overflow-x:auto;overflow-y:auto;max-height:62vh}.stf-table{width:100%;min-width:940px}.stf-table thead th{position:sticky;top:0;z-index:5;height:44px;background:#f8fafc;border-bottom:1px solid #E5E7EB;font-size:11.5px;font-weight:600;letter-spacing:.3px;color:#475569;white-space:nowrap}.stf-table thead th button,.stf-table thead th svg{color:inherit}.stf-table tbody tr{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.stf-table tbody tr:hover{background:#f1f5f9;box-shadow:inset 3px 0 #2563eb}.stf-table tbody td{padding-top:9px;padding-bottom:9px;vertical-align:middle}.stf-table .col-photo{width:46px}.stf-table .col-menu{width:44px;text-align:right}.stf-table .mono{font-family:var(--font-mono)}.stf-muted{color:#94a3b8}.stf-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;background:#dbeafe;color:#1d4ed8}.stf-avatar img{width:100%;height:100%;object-fit:cover}.stf-avatar.tone-0{background:#dbeafe;color:#1d4ed8}.stf-avatar.tone-1{background:#ede9fe;color:#6d28d9}.stf-avatar.tone-2{background:#dcfce7;color:#15803d}.stf-avatar.tone-3{background:#ffedd5;color:#c2410c}.stf-avatar.tone-4{background:#fce7f3;color:#be185d}.stf-name{display:block;border:none;background:none;padding:0;font-family:var(--font-body);font-size:13px;font-weight:600;color:#2563eb;text-align:left;cursor:pointer}.stf-name:hover{text-decoration:underline}.stf-sub{display:block;margin-top:1px;font-size:10.5px;color:var(--color-ink-soft)}.stf-joined{display:inline-flex;flex-direction:column;font-size:12.5px}.stf-type{display:block;margin-top:2px;font-size:10px;font-weight:600;letter-spacing:.2px;color:#c2410c}.stf-type.is-teaching{color:#15803d}.stf-phone{display:inline-flex;align-items:center;gap:6px}.stf-phone a{font-size:12.5px;color:var(--color-ink);text-decoration:none}.stf-phone a:hover{color:#2563eb;text-decoration:underline}.stf-phone button{width:24px;height:24px;border:1px solid transparent;border-radius:6px;background:none;color:#94a3b8;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;transition:opacity .12s ease,color .12s ease,background .12s ease}.stf-table tbody tr:hover .stf-phone button{opacity:1}.stf-phone button:hover{background:#dbeafe;border-color:#c7d7fb;color:#1d4ed8}.stf-phone button:focus-visible{opacity:1;outline:2px solid #2563EB;outline-offset:1px}.stf-menu{position:relative;display:inline-block}.stf-menu-btn{width:28px;height:28px;border:1px solid transparent;border-radius:8px;background:none;font-size:16px;line-height:1;color:var(--color-ink-soft);cursor:pointer}.stf-menu-btn:hover{background:#dbeafe;border-color:#c7d7fb;color:#1d4ed8}.stf-menu-panel{position:absolute;top:32px;right:0;z-index:40;min-width:150px;padding:5px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;box-shadow:0 14px 34px #0f172a29;text-align:left}.stf-menu-panel button{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:none;border-radius:8px;background:none;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink);text-align:left;cursor:pointer}.stf-menu-panel button svg{color:#64748b;flex-shrink:0}.stf-menu-panel button:hover{background:#f1f5f9;color:#1d4ed8}.stf-menu-panel button:hover svg{color:#1d4ed8}.stf-menu-panel button.is-danger{color:#ef4444}.stf-menu-panel button.is-danger svg{color:#ef4444}.stf-menu-panel button.is-danger:hover{background:#fef2f2;color:#dc2626}.stf-menu-sep{height:1px;margin:4px 6px;background:#e5e7eb}.stf-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:9px 12px;border:1px solid #C7D7FB;border-radius:10px;background:#f5f8ff;flex-wrap:wrap}.stf-pager-size{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:#475569}.stf-pager-size select{height:30px;padding:0 8px;border:1px solid #C7D7FB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#1d4ed8;cursor:pointer}.stf-pager-size select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.stf-pager-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.stf-pager-nums{display:flex;align-items:center;gap:3px}.stf-pager button{min-width:30px;height:30px;padding:0 9px;border:1px solid #C7D7FB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#1d4ed8;cursor:pointer;transition:background .12s ease,border-color .12s ease}.stf-pager button:hover:not(:disabled):not(.is-current){background:#dbeafe;border-color:#93b4f8}.stf-pager button.is-current{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600;cursor:default}.stf-pager button:disabled{opacity:.45;cursor:not-allowed}.stf-pager-gap{padding:0 2px;color:#7c93b8;font-size:12.5px}@media (max-width: 1100px){.stf-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.stf-search-wrap,.stf-filters,.stf-tools{width:100%}.stf-pager{justify-content:center}.stf-phone button{opacity:1}}.modal-staff .field{gap:8px}.modal-staff .form-grid{gap:22px 18px}.cls-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:14px}.cls-stat{position:relative;display:flex;flex-direction:column;padding:9px 14px 10px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0f172a0a;overflow:hidden}.cls-stat:before{content:"";position:absolute;inset:0 auto 0 0;width:3px;background:#2563eb}.cls-stat.is-sections:before{background:#8b5cf6}.cls-stat.is-students:before{background:#22c55e}.cls-stat.is-teachers:before{background:#f59e0b}.cls-stat-label{font-size:11.5px;font-weight:500;color:var(--color-ink-soft)}.cls-stat-value{font-size:21px;font-weight:600;line-height:1.15;letter-spacing:-.5px;color:var(--color-ink)}.cls-stat-note{font-size:10.5px;color:#94a3b8}.cls-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.cls-filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.cls-search-wrap{position:relative;display:flex;align-items:center;width:400px;max-width:100%;flex-shrink:0}.cls-search-icon{position:absolute;left:12px;color:#94a3b8;pointer-events:none}.cls-search{width:100%;height:40px;padding:0 30px 0 34px;border:1.5px solid #CBD5E1;border-radius:10px;background:#fff;font-family:var(--font-body);font-size:13px;color:var(--color-ink);box-shadow:0 1px 3px #0f172a0d}.cls-search::placeholder{color:#94a3b8}.cls-search:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb24}.cls-search-wrap:focus-within .cls-search-icon{color:#2563eb}.cls-search-clear{position:absolute;right:8px;width:20px;height:20px;border:none;border-radius:50%;background:#e5e7eb;color:#475569;font-size:13px;line-height:1;cursor:pointer}.cls-search-clear:hover{background:#cbd5e1}.cls-filters select{height:34px;padding:0 10px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink)}.cls-filters select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.cls-clear{height:34px;padding:0 10px;border:none;background:none;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#2563eb;cursor:pointer}.cls-clear:hover{text-decoration:underline}.cls-tools{display:flex;gap:8px;flex-shrink:0}.cls-tools .btn{display:inline-flex;align-items:center;gap:6px}.cls-count{margin-bottom:8px;font-size:11.5px;color:var(--color-ink-soft)}.cls-table-wrap{overflow-x:auto;overflow-y:auto;max-height:62vh}.cls-table{width:100%;min-width:940px}.cls-table thead th{position:sticky;top:0;z-index:5;height:44px;background:#f8fafc;border-bottom:1px solid #E5E7EB;font-size:11.5px;font-weight:600;letter-spacing:.3px;color:#475569;white-space:nowrap}.cls-table thead th button,.cls-table thead th svg{color:inherit}.cls-table tbody tr{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.cls-table tbody tr:hover{background:#f1f5f9;box-shadow:inset 3px 0 #2563eb}.cls-table tbody td{padding-top:9px;padding-bottom:9px;vertical-align:middle}.cls-table .col-photo{width:46px}.cls-table .col-menu{width:44px;text-align:right}.cls-table .mono{font-family:var(--font-mono)}.cls-muted{color:#94a3b8}.cls-avatar{width:32px;height:32px;border-radius:50%;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:600;flex-shrink:0;background:#dbeafe;color:#1d4ed8}.cls-avatar img{width:100%;height:100%;object-fit:cover}.cls-avatar.tone-0{background:#dbeafe;color:#1d4ed8}.cls-avatar.tone-1{background:#ede9fe;color:#6d28d9}.cls-avatar.tone-2{background:#dcfce7;color:#15803d}.cls-avatar.tone-3{background:#ffedd5;color:#c2410c}.cls-avatar.tone-4{background:#fce7f3;color:#be185d}.cls-sub{display:block;margin-top:1px;font-size:10.5px;color:var(--color-ink-soft)}.cls-menu{position:relative;display:inline-block}.cls-menu-btn{width:28px;height:28px;border:1px solid transparent;border-radius:8px;background:none;font-size:16px;line-height:1;color:var(--color-ink-soft);cursor:pointer}.cls-menu-btn:hover{background:#dbeafe;border-color:#c7d7fb;color:#1d4ed8}.cls-menu-panel{position:absolute;top:32px;right:0;z-index:40;min-width:150px;padding:5px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;box-shadow:0 14px 34px #0f172a29;text-align:left}.cls-menu-panel button{display:flex;align-items:center;gap:9px;width:100%;padding:7px 10px;border:none;border-radius:8px;background:none;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink);text-align:left;cursor:pointer}.cls-menu-panel button svg{color:#64748b;flex-shrink:0}.cls-menu-panel button:hover{background:#f1f5f9;color:#1d4ed8}.cls-menu-panel button:hover svg{color:#1d4ed8}.cls-menu-panel button.is-danger{color:#ef4444}.cls-menu-panel button.is-danger svg{color:#ef4444}.cls-menu-panel button.is-danger:hover{background:#fef2f2;color:#dc2626}.cls-menu-sep{height:1px;margin:4px 6px;background:#e5e7eb}.cls-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:9px 12px;border:1px solid #C7D7FB;border-radius:10px;background:#f5f8ff;flex-wrap:wrap}.cls-pager-size{display:inline-flex;align-items:center;gap:7px;font-size:11.5px;font-weight:500;color:#475569}.cls-pager-size select{height:30px;padding:0 8px;border:1px solid #C7D7FB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#1d4ed8;cursor:pointer}.cls-pager-size select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb24}.cls-pager-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.cls-pager-nums{display:flex;align-items:center;gap:3px}.cls-pager button{min-width:30px;height:30px;padding:0 9px;border:1px solid #C7D7FB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#1d4ed8;cursor:pointer;transition:background .12s ease,border-color .12s ease}.cls-pager button:hover:not(:disabled):not(.is-current){background:#dbeafe;border-color:#93b4f8}.cls-pager button.is-current{background:#2563eb;border-color:#2563eb;color:#fff;font-weight:600;cursor:default}.cls-pager button:disabled{opacity:.45;cursor:not-allowed}.cls-pager-gap{padding:0 2px;color:#7c93b8;font-size:12.5px}@media (max-width: 1100px){.cls-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){.cls-search-wrap,.cls-filters,.cls-tools{width:100%}.cls-pager{justify-content:center}}.cls-name{display:block;border:none;background:none;padding:0;font-family:var(--font-body);font-size:13px;font-weight:600;color:#2563eb;text-align:left;cursor:pointer}.cls-name:hover{text-decoration:underline}.cls-teacher{display:inline-flex;align-items:center;gap:8px}.cls-teacher-name{border:none;background:none;padding:0;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink);cursor:pointer}.cls-teacher-name:hover{color:#2563eb;text-decoration:underline}.cls-unassigned{font-size:12px;color:#94a3b8;font-style:italic}.cls-strength{display:inline-block;padding:3px 10px;border-radius:999px;background:#dcfce7;color:#15803d;font-size:11.5px;font-weight:600;white-space:nowrap}.cls-strength.is-empty{background:#f1f5f9;color:#94a3b8}.cls-detail-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:16px}.cls-detail-meta div{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border:1px solid #E5E7EB;border-radius:10px;background:#f8fafc}.cls-detail-meta span{font-size:10.5px;color:var(--color-ink-soft)}.cls-detail-meta strong{font-size:13px;font-weight:600;color:var(--color-ink)}.cls-detail-head{margin:0 0 8px;font-size:12.5px;font-weight:600;color:var(--color-ink)}.cls-roll{list-style:none;margin:0;padding:0;max-height:300px;overflow-y:auto}.cls-roll li{display:flex;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px solid #F1F5F9}.cls-roll li:last-child{border-bottom:none}.cls-roll-body{flex:1;min-width:0;display:flex;flex-direction:column}.cls-roll-body strong{font-size:12.5px;font-weight:500}.cls-roll-body em{font-size:10.5px;font-style:normal;color:var(--color-ink-soft)}@media (max-width: 640px){.cls-detail-meta{grid-template-columns:minmax(0,1fr)}}.att-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.att-filters{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap}.att-field{display:flex;flex-direction:column;gap:4px}.att-field>span{font-size:10.5px;font-weight:600;letter-spacing:.3px;text-transform:uppercase;color:var(--color-ink-soft)}.att-field select,.att-field input{height:36px;padding:0 10px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink)}.att-field select:focus,.att-field input:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f}.att-search{position:relative;display:flex;align-items:center;gap:7px;height:36px;padding:0 10px;border:1px solid #E5E7EB;border-radius:8px;background:#fff;color:#94a3b8;width:230px}.att-search:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1f;color:#2563eb}.att-search input{flex:1;min-width:0;border:none;background:none;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink)}.att-search input:focus{outline:none}.att-search button{border:none;background:none;padding:2px;color:#94a3b8;cursor:pointer;display:flex}.att-toolbar .btn{display:inline-flex;align-items:center;gap:6px}.att-classbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:10px;padding:11px 16px;border:1px solid #E5E7EB;border-radius:12px;background:#fff;box-shadow:0 2px 8px #0f172a0a}.att-classbar-id{display:flex;flex-direction:column;gap:2px;min-width:0}.att-classbar-id strong{font-size:15px;font-weight:600;color:var(--color-ink)}.att-classbar-id span{font-size:11.5px;color:var(--color-ink-soft)}.att-progress{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.att-progress-top{display:flex;align-items:baseline;gap:6px}.att-progress-top span{font-size:11px;color:var(--color-ink-soft)}.att-progress-top strong{font-size:13px;font-weight:600;color:var(--color-ink)}.att-progress-bar{width:180px;height:8px;border-radius:999px;background:#e9eef6;overflow:hidden}.att-progress-bar i{display:block;height:100%;border-radius:999px;background:#2563eb;transition:width .25s ease}.att-progress-bar i.is-done{background:#22c55e}.att-progress-pct{font-size:12px;font-weight:600;color:var(--color-ink);min-width:34px}.att-locked{display:flex;align-items:center;gap:10px;margin-bottom:10px;padding:10px 14px;border:1px solid #FDE68A;border-radius:12px;background:#fffbeb;color:#b45309;font-size:12.5px}.att-locked svg{flex-shrink:0}.att-locked span{flex:1}.att-locked .btn{flex-shrink:0}.att-summary{display:flex;align-items:center;gap:12px;margin-bottom:12px;padding:11px 14px;border:1px solid #BBF7D0;border-radius:12px;background:#f0fdf4}.att-summary-tick{width:26px;height:26px;flex-shrink:0;border-radius:50%;background:#22c55e;color:#fff;display:inline-flex;align-items:center;justify-content:center}.att-summary div{flex:1;display:flex;flex-direction:column;gap:1px;min-width:0}.att-summary strong{font-size:12.5px;color:#15803d}.att-summary span{font-size:11.5px;color:#3f8a5b}.att-summary>button{border:none;background:none;color:#3f8a5b;cursor:pointer;display:flex;padding:2px}.att-bulk{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:10px}.att-bulk-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.att-bulk-selected{padding:5px 10px;border:1px solid #C7D7FB;border-radius:999px;background:#f5f8ff}.att-bulk-selected>span{font-size:11.5px;font-weight:600;color:#1d4ed8}.att-bulk-btn{height:30px;padding:0 12px;border:1px solid #E5E7EB;border-radius:999px;background:#fff;font-family:var(--font-body);font-size:12px;font-weight:500;color:var(--color-ink);cursor:pointer;transition:background .12s ease,border-color .12s ease,color .12s ease}.att-bulk-btn:hover{background:#f1f5f9}.att-bulk-btn.is-present:hover{background:#dcfce7;border-color:#86efac;color:#15803d}.att-bulk-btn.is-absent:hover{background:#fee2e2;border-color:#fca5a5;color:#b91c1c}.att-bulk-btn.is-late:hover{background:#fef3c7;border-color:#fcd34d;color:#b45309}.att-bulk-btn.is-half_day:hover{background:#ede9fe;border-color:#c4b5fd;color:#6d28d9}.att-bulk-btn.is-excused:hover{background:#f1f5f9;border-color:#cbd5e1;color:#475569}.att-table-wrap{overflow-x:auto;overflow-y:auto;max-height:58vh}.att-table{width:100%;min-width:900px}.att-table thead th{position:sticky;top:0;z-index:5;height:44px;background:#f8fafc;border-bottom:1px solid #E5E7EB;font-size:11.5px;font-weight:600;letter-spacing:.3px;color:#475569;white-space:nowrap}.att-table thead th button,.att-table thead th svg{color:inherit}.att-table tbody tr{cursor:pointer;transition:background .12s ease,box-shadow .12s ease}.att-table tbody tr:hover{background:#f1f5f9;box-shadow:inset 3px 0 #2563eb}.att-table tbody tr.is-selected{background:#f5f8ff}.att-table tbody tr.is-unmarked td:first-child{box-shadow:inset 3px 0 #f59e0b}.att-table tbody td{padding-top:8px;padding-bottom:8px;vertical-align:middle}.att-table .col-check{width:40px}.att-table .col-photo{width:44px}.att-table .col-pct{width:96px}.att-table .col-status{width:340px}.att-table .mono{font-family:var(--font-mono);font-size:12px}.att-table input[type=checkbox]{width:15px;height:15px;accent-color:#2563EB;cursor:pointer}.att-name{font-size:13px;font-weight:500}.att-avatar{width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:10.5px;font-weight:600;background:#dbeafe;color:#1d4ed8}.att-avatar.tone-0{background:#dbeafe;color:#1d4ed8}.att-avatar.tone-1{background:#ede9fe;color:#6d28d9}.att-avatar.tone-2{background:#dcfce7;color:#15803d}.att-avatar.tone-3{background:#ffedd5;color:#c2410c}.att-avatar.tone-4{background:#fce7f3;color:#be185d}.att-pct{font-size:12px;font-weight:600}.att-pct.is-good{color:#15803d}.att-pct.is-ok{color:#b45309}.att-pct.is-low{color:#b91c1c}.att-pct-none{color:#94a3b8}.att-seg{display:inline-flex;border:1px solid #E5E7EB;border-radius:8px;overflow:hidden;background:#fff}.att-seg-btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 11px;border:none;border-right:1px solid #E5E7EB;background:#fff;font-family:var(--font-body);font-size:11.5px;font-weight:500;color:#64748b;cursor:pointer;transition:background .12s ease,color .12s ease}.att-seg-btn:last-child{border-right:none}.att-seg-btn:disabled{cursor:not-allowed;opacity:.6}.att-seg-short{display:none}.att-seg-btn:hover:not(:disabled):not(.is-on){background:#f1f5f9;color:var(--color-ink)}.att-seg-btn.is-present.is-on{background:#22c55e;color:#fff}.att-seg-btn.is-absent.is-on{background:#ef4444;color:#fff}.att-seg-btn.is-late.is-on{background:#f59e0b;color:#fff}.att-seg-btn.is-half_day.is-on{background:#8b5cf6;color:#fff}.att-seg-btn.is-excused.is-on{background:#94a3b8;color:#fff}.att-savebar{position:sticky;bottom:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:12px;padding:10px 14px;border:1px solid #E5E7EB;border-radius:12px;background:#fffffff7;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:0 -6px 20px #0f172a14}.att-savebar-counts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.att-chip{padding:3px 10px;border-radius:999px;font-size:11.5px;font-weight:600;background:#f1f5f9;color:#475569}.att-chip.is-present{background:#dcfce7;color:#15803d}.att-chip.is-absent{background:#fee2e2;color:#b91c1c}.att-chip.is-late{background:#fef3c7;color:#b45309}.att-chip.is-half_day{background:#ede9fe;color:#6d28d9}.att-chip.is-excused{background:#f1f5f9;color:#475569}.att-chip.is-unmarked{background:#fff7ed;color:#c2410c;border:1px dashed #FDBA74}.att-save{min-width:200px}@media (max-width: 1180px){.att-seg-btn{padding:0 9px}.att-seg-label{display:none}.att-seg-short{display:inline;font-size:12px;font-weight:700}.att-table .col-status{width:210px}}@media (max-width: 720px){.att-search,.att-filters{width:100%}.att-progress-bar{width:120px}.att-savebar{justify-content:center}.att-save{width:100%}}.marks-shell{display:grid;grid-template-columns:280px minmax(0,1fr) 300px;gap:20px;align-items:start}.marks-rail{display:flex;flex-direction:column;gap:16px}.marks-rail>.field{margin-bottom:0}.marks-rail-count{font-size:12px;color:var(--color-ink-soft);padding-bottom:4px;border-bottom:1px solid var(--color-ledger-line)}.marks-student-list{display:flex;flex-direction:column;max-height:60vh;overflow-y:auto}.marks-student{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:0;border-left:3px solid transparent;background:none;cursor:pointer;padding:10px 10px 10px 12px;font-family:var(--font-body);border-bottom:1px solid var(--color-ledger-line)}.marks-student:hover{background:var(--color-bg)}.marks-student.is-active{background:var(--color-primary-soft);border-left-color:var(--color-primary)}.marks-student .who{display:flex;flex-direction:column;min-width:0;flex:1}.marks-student .nm{font-size:13px;font-weight:600;color:var(--color-ink)}.marks-student .sub{font-size:11px;color:var(--color-ink-soft)}.marks-student .dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;border:1px solid var(--color-ledger-line)}.marks-student .dot.is-on{background:var(--color-success);border-color:var(--color-success)}.avatar{width:34px;height:34px;border-radius:50%;flex-shrink:0;overflow:hidden;background:var(--color-primary-soft);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700}.avatar img{width:100%;height:100%;object-fit:cover}.avatar.lg{width:64px;height:64px;font-size:20px}.marks-main{display:flex;flex-direction:column;gap:20px;min-width:0}.marks-header{display:flex;gap:16px;align-items:flex-start}.marks-header-body{flex:1;min-width:0}.marks-header-name{display:flex;align-items:center;gap:10px}.marks-header-name h3{margin:0;font-size:18px}.marks-header-meta{display:flex;flex-wrap:wrap;gap:4px 16px;margin-top:6px;font-size:12.5px;color:var(--color-ink)}.marks-header-meta.soft{color:var(--color-ink-soft);font-size:12px}.marks-header-actions{display:flex;gap:8px;flex-shrink:0}.marks-table td{vertical-align:middle}.cell-input{width:100%;padding:6px 8px;border:1px solid var(--color-ledger-line);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:13px}.cell-input.is-over{border-color:var(--color-danger);background:var(--color-danger-soft)}.marks-total td{font-weight:700;background:var(--color-bg)}.marks-add{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding-top:14px;border-top:1px solid var(--color-ledger-line)}.marks-add input{flex:0 0 260px}.marks-note{font-size:11.5px;color:var(--color-ink-soft)}.marks-empty{padding:28px;text-align:center;color:var(--color-ink-soft);font-size:13px}.grade{display:inline-block;min-width:28px;text-align:center;padding:2px 7px;border-radius:6px;font-size:11.5px;font-weight:700}.g-a1,.g-a2{background:#dcfce7;color:#166534}.g-b1,.g-b2{background:#fef3c7;color:#92400e}.g-c1,.g-c2{background:#ffedd5;color:#9a3412}.g-d{background:#fee2e2;color:#991b1b}.g-e{background:#fecaca;color:#7f1d1d}.rail-title{margin:0 0 14px;font-size:14px;font-family:var(--font-display)}.donut-wrap{position:relative;display:flex;justify-content:center}.donut{width:150px;height:150px}.donut-track{fill:none;stroke:var(--color-ledger-line);stroke-width:12}.donut-value{fill:none;stroke-width:12;stroke-linecap:round;stroke:var(--color-success);transition:stroke-dasharray .4s ease}.donut-value.g-b1,.donut-value.g-b2{stroke:#d97706}.donut-value.g-c1,.donut-value.g-c2{stroke:#ea580c}.donut-value.g-d,.donut-value.g-e{stroke:var(--color-danger)}.donut-center{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none}.donut-pct{font-size:20px;font-weight:700;font-family:var(--font-display)}.donut-label{font-size:10.5px;color:var(--color-ink-soft)}.rail-stats{margin:18px 0 0}.rail-stats>div{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:9px 0;border-bottom:1px solid var(--color-ledger-line)}.rail-stats dt{font-size:12.5px;color:var(--color-ink-soft)}.rail-stats dd{margin:0;font-size:13px;font-weight:600}.legend-row{display:grid;grid-template-columns:34px 56px 1fr;align-items:center;gap:10px;padding:5px 0;font-size:11.5px}.legend-range{font-family:var(--font-mono);color:var(--color-ink-soft)}.legend-label{color:var(--color-ink)}.bar{display:block;height:8px;border-radius:4px;background:var(--color-ledger-line);overflow:hidden}.bar-fill{display:block;height:100%;background:var(--color-primary)}@media (max-width: 1240px){.marks-shell{grid-template-columns:260px minmax(0,1fr)}.marks-shell>.marks-rail:last-child{grid-column:1 / -1;flex-direction:row}.marks-shell>.marks-rail:last-child>.card{flex:1}}@media (max-width: 900px){.marks-shell{grid-template-columns:minmax(0,1fr)}.marks-shell>.marks-rail:last-child{flex-direction:column}}@media print{.sidebar,.topbar,.marks-header-actions,.marks-add,.form-tabs{display:none!important}.marks-shell{grid-template-columns:minmax(0,1fr)}}:root{--color-bg: #F8FAFC;--color-surface: #FFFFFF;--color-ledger-line: #E5E7EB;--color-ink: #1E293B;--color-ink-soft: #64748B;--color-primary: #2563EB;--color-primary-dark: #1D4ED8;--color-primary-soft: #DBEAFE;--color-emerald: #0F766E;--color-indigo: #4F46E5;--color-accent: #F59E0B;--color-accent-soft: #FEF3C7;--color-success: #22C55E;--color-success-soft: #DCFCE7;--color-danger: #EF4444;--color-danger-soft: #FEE2E2;--chrome-bg: #EAF2FF;--chrome-line: #D6E4FA;--sidebar-bg: var(--chrome-bg);--sidebar-active: #2563EB;--sidebar-hover: #DBEAFE;--icon-students: #2563EB;--icon-students-soft: #DBEAFE;--icon-staff: #8B5CF6;--icon-staff-soft: #EDE9FE;--icon-classes: #10B981;--icon-classes-soft: #D1FAE5;--icon-fees: #F59E0B;--icon-fees-soft: #FEF3C7;--font-display: "Poppins", "Segoe UI", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Mono", "SFMono-Regular", monospace;--radius-sm: 8px;--radius-md: 14px;--shadow-card: 0 8px 24px rgba(0, 0, 0, .08)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:14px;line-height:1.5}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:600;margin:0 0 4px;color:var(--color-ink)}.app-shell{display:flex;flex-direction:column;min-height:100vh}.top-row{display:flex;flex-shrink:0}.brand-corner{width:232px;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 16px;height:92px;background:var(--sidebar-bg);border-right:1px solid var(--chrome-line);border-bottom:1px solid var(--chrome-line)}.brand-logo{width:100%;flex:1;min-height:0;object-fit:contain;border-radius:6px;background:#fff}.brand-corner-tagline{font-size:10.5px;font-weight:400;letter-spacing:1px;text-transform:uppercase;color:var(--color-ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;flex-shrink:0}.body-row{flex:1;display:flex;min-height:0}.sidebar{width:232px;flex-shrink:0;background:var(--sidebar-bg);color:var(--color-ink);padding:18px 0;display:flex;flex-direction:column;border-right:1px solid var(--chrome-line)}.sidebar-brand{font-family:var(--font-display);font-size:16px;font-weight:600;padding:0 20px 14px;border-bottom:1px solid var(--chrome-line);margin-bottom:10px;letter-spacing:.2px;color:var(--color-ink)}.sidebar-brand span{display:block;font-family:var(--font-body);font-size:11px;font-weight:400;letter-spacing:1.5px;text-transform:uppercase;color:#64748b;margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:3px;padding:0 12px}.sidebar-link{position:relative;display:flex;align-items:center;gap:12px;padding:10px 12px 10px 14px;border-radius:10px;font-size:13.5px;font-weight:500;color:#475569}.sidebar-link svg{width:20px;height:20px;flex-shrink:0;color:var(--color-primary);opacity:.8}.sidebar-link:hover{background:var(--sidebar-hover);color:var(--color-primary-dark)}.sidebar-link:hover svg{opacity:1}.sidebar-link.active{background:var(--sidebar-active);color:#fff;font-weight:600}.sidebar-link.active:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--color-primary-dark)}.sidebar-link.active svg{color:#fff;opacity:1}.sidebar-footer{margin-top:auto;padding:12px 20px 0;border-top:1px solid var(--chrome-line)}.role-badge{font-family:var(--font-body);font-size:10px;font-weight:700;letter-spacing:.5px;padding:3px 8px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary-dark);text-transform:uppercase}.content{padding:28px;flex:1;min-width:0;overflow-y:auto}.page-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:20px}.page-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-ink-soft);margin-bottom:4px}.card{background:var(--color-surface);border:1px solid var(--color-ledger-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.card-pad{padding:20px}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-bottom:22px}.stat-card{background:var(--color-surface);border:1px solid var(--color-ledger-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:18px 20px;position:relative;display:flex;align-items:center;gap:14px}.stat-icon{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-icon svg{width:22px;height:22px}.stat-card .stat-label{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.2px;color:var(--color-ink-soft)}.stat-card .stat-value{font-family:var(--font-body);font-size:26px;font-weight:700;color:var(--color-ink);margin-top:2px}table{width:100%;border-collapse:collapse;font-size:13.5px}thead th{text-align:left;font-family:var(--font-body);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase;color:var(--color-ink-soft);padding:10px 14px;border-bottom:1px solid var(--color-ledger-line);background:#f1f5f9}thead th:hover{color:var(--color-primary-dark);background:#e2e8f0}tbody td{padding:11px 14px;border-bottom:1px solid var(--color-ledger-line)}tbody tr:nth-child(2n) td{background:#f8fafc}tbody tr:hover td{background:#dbeafe}.btn{font-family:var(--font-body);font-size:13px;font-weight:600;padding:9px 16px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-accent{background:var(--color-success);color:#fff}.btn-accent:hover{background:#16a34a}.btn-ghost{background:transparent;border-color:var(--color-ledger-line);color:var(--color-ink)}.btn-ghost:hover{background:var(--color-bg)}.btn-danger{background:var(--color-danger-soft);color:var(--color-danger)}.btn-danger:hover{background:var(--color-danger);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.field{display:flex;flex-direction:column;gap:5px}.field label{font-size:12px;font-weight:600;color:var(--color-ink-soft)}.field input,.field select,.field textarea{font-family:var(--font-body);font-size:13.5px;padding:8px 10px;border:1px solid var(--color-ledger-line);border-radius:var(--radius-sm);background:#fff}.field input:focus,.field select:focus,.field textarea:focus{outline:2px solid var(--color-primary);outline-offset:1px}.field-hint{font-size:11px;color:var(--color-ink-soft)}.field-hint-ok{color:var(--color-success, #16A34A);font-weight:600}.field-hint-bad{color:var(--color-danger);font-weight:600}.input-prefix{position:relative;display:flex;align-items:center}.input-prefix-icon{position:absolute;left:10px;font-size:13.5px;color:var(--color-ink-soft);pointer-events:none}.input-prefix input{padding-left:26px;width:100%}.pill{display:inline-block;font-family:var(--font-mono);font-size:10.5px;letter-spacing:.5px;text-transform:uppercase;padding:3px 9px;border-radius:999px;border:1px solid currentColor}.pill-active{color:#16a34a;background:var(--color-success-soft);border-color:var(--color-success)}.pill-warn{color:#b45309;background:var(--color-accent-soft);border-color:var(--color-accent)}.pill-danger{color:var(--color-danger);background:var(--color-danger-soft);border-color:var(--color-danger)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);display:flex;align-items:flex-start;justify-content:center;padding:48px 16px;z-index:50;overflow-y:auto}.modal{background:#fff;border-radius:var(--radius-md);width:100%;max-width:960px;padding:24px;box-shadow:0 12px 40px #00000040}.modal-header{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.modal-heading{min-width:0}.modal-subtitle{display:flex;flex-wrap:wrap;align-items:center;gap:6px 16px;margin-top:6px;font-size:12.5px;color:var(--color-ink-soft)}.modal-subtitle .meta-value{font-family:var(--font-mono);color:var(--color-ink)}.modal-avatar{width:44px;height:44px;border-radius:50%;flex-shrink:0;background:var(--color-primary-soft);color:var(--color-primary-dark);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;font-family:var(--font-display)}.modal-header-right{display:flex;align-items:center;gap:12px;flex-shrink:0}.modal-backdrop-lg{align-items:center;padding:16px;overflow:hidden}.modal-lg{max-width:1280px;height:min(90vh,calc(100vh - 32px))}.modal-staff{max-width:760px;height:min(85vh,calc(100vh - 32px))}.modal-lg,.modal-staff{padding:0;display:flex;flex-direction:column}.modal-lg .modal-header,.modal-staff .modal-header{flex-shrink:0;margin-bottom:0;padding:20px 24px 16px;border-bottom:1px solid var(--color-ledger-line)}.modal-lg .modal-body,.modal-staff .modal-body{flex:1;min-height:0;overflow-y:auto;padding:20px 24px 24px}.modal-lg .modal-footer,.modal-staff .modal-footer{flex-shrink:0;display:flex;align-items:center;gap:10px;padding:14px 24px;border-top:1px solid var(--color-ledger-line);background:var(--color-bg);border-radius:0 0 var(--radius-md) var(--radius-md)}.form-tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid var(--color-ledger-line);margin-bottom:20px}.form-tab{display:flex;align-items:center;gap:6px;white-space:nowrap;border:0;background:none;cursor:pointer;font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--color-ink-soft);padding:10px 14px;border-bottom:2px solid transparent;margin-bottom:-1px}.form-tab:hover{color:var(--color-ink);background:var(--color-bg);border-radius:8px 8px 0 0}.form-tab.is-active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.form-tab:disabled{opacity:.45;cursor:not-allowed}.form-tab .tab-mark{font-size:11px;line-height:1;color:var(--color-ink-soft)}.form-tab .tab-mark.is-done{color:var(--color-success)}.form-tab .tab-mark.is-missing{color:var(--color-danger)}.form-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.form-card{border:1px solid var(--color-ledger-line);border-radius:12px;padding:24px;background:var(--color-surface)}.form-card.is-wide{grid-column:1 / -1}.form-card h4{margin:0 0 18px;font-size:14px;font-family:var(--font-display)}.form-card .form-grid{gap:20px}.req{color:var(--color-danger);margin-left:2px}.field.is-invalid input,.field.is-invalid select,.field.is-invalid textarea{border-color:var(--color-danger);background:var(--color-danger-soft)}.form-quick-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}.form-photo{display:flex;flex-direction:column;align-items:center;gap:6px}.form-photo-frame{width:72px;height:72px;border-radius:12px;border:1px dashed var(--color-ledger-line);background:var(--color-bg);overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:10px;color:var(--color-ink-soft);text-align:center;padding:4px}.form-photo-frame img{width:100%;height:100%;object-fit:cover}.form-photo-caption{font-size:10.5px;color:var(--color-ink-soft)}.form-card{padding:0;overflow:hidden}.form-card-head{display:flex;align-items:center;gap:8px;padding:12px 20px;background:var(--chrome-bg);border-bottom:1px solid var(--color-ledger-line);font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--color-primary-dark)}.form-card-body{padding:24px}.form-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.form-grid-3 .span-2{grid-column:span 2}.form-grid-3 .span-3{grid-column:1 / -1}.form-cards.is-photo-row{grid-template-columns:280px minmax(0,1fr)}.photo-well{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}.photo-well-frame{width:150px;height:150px;border-radius:50%;border:1px solid var(--color-ledger-line);background:var(--color-bg);overflow:hidden;display:flex;align-items:center;justify-content:center}.photo-well-frame img{width:100%;height:100%;object-fit:cover}.photo-well-frame .placeholder{font-size:44px;color:var(--color-ledger-line)}.photo-well-hint{font-size:11px;color:var(--color-ink-soft)}.photo-well.is-sm .photo-well-frame{width:88px;height:88px}.photo-well.is-sm .photo-well-frame .placeholder{font-size:30px}.parent-photos{display:flex;gap:28px;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--color-ledger-line)}.toggle-group{display:flex;gap:0}.toggle-group button{flex:1;border:1px solid var(--color-ledger-line);background:#fff;font-family:var(--font-body);font-size:13px;padding:8px 12px;cursor:pointer;color:var(--color-ink-soft)}.toggle-group button:first-child{border-radius:var(--radius-sm) 0 0 var(--radius-sm)}.toggle-group button:last-child{border-radius:0 var(--radius-sm) var(--radius-sm) 0;border-left:0}.toggle-group button.is-on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.doc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid var(--color-ledger-line)}.doc-row:last-child{border-bottom:0}.doc-row .doc-name{font-size:13px;display:flex;align-items:center;gap:8px}.doc-row .doc-name .tick{color:var(--color-success)}.doc-row .doc-name .tick.is-empty{color:var(--color-ledger-line)}.form-tabs.is-sticky{position:sticky;top:-20px;z-index:2;background:#fff;padding-top:20px;margin-top:-20px}.form-section{scroll-margin-top:64px;margin-bottom:20px}.doc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.doc-row .doc-actions{display:flex;align-items:center;gap:8px}.doc-row .btn{padding:4px 10px;font-size:12px}.doc-row a{font-size:12px;color:var(--color-primary)}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 24px}.review-item .k{font-size:11px;text-transform:uppercase;letter-spacing:.4px;color:var(--color-ink-soft);font-weight:600}.review-item .v{font-size:13.5px;margin-top:2px}@media (max-width: 1080px){.form-cards,.form-cards.is-photo-row,.doc-list{grid-template-columns:minmax(0,1fr)}.form-grid-3,.review-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.empty-state{text-align:center;padding:60px 20px;color:var(--color-ink-soft)}.error-banner{background:var(--color-danger-soft);color:var(--color-danger);padding:10px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:16px}.login-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.login-card{width:360px;background:var(--color-surface);border:1px solid var(--color-ledger-line);border-radius:var(--radius-md);box-shadow:var(--shadow-card);padding:32px 28px}.login-brand{text-align:center;margin-bottom:24px}.login-brand .stamp{display:inline-block;font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--color-accent);border:1px solid var(--color-accent);border-radius:999px;padding:3px 10px;margin-bottom:8px}.topbar{flex:1;display:flex;align-items:center;gap:14px;height:92px;padding:0 20px;background:var(--chrome-bg);border-bottom:1px solid var(--chrome-line)}.topbar-title{display:flex;flex-direction:column;justify-content:center;gap:5px;min-width:0;margin-top:-8px}.topbar-right{display:flex;align-items:center;gap:14px;margin-left:auto}.topbar-title h2{margin:0;font-family:var(--font-display);font-size:24px;font-weight:600;line-height:1.2;color:var(--color-ink);white-space:nowrap}.topbar-meta{font-size:11.5px;line-height:1.2;color:var(--color-ink-soft);white-space:nowrap}.qa-wrap{position:relative;margin-left:auto;flex-shrink:0}.qa-trigger{display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 13px;border:1px solid var(--color-primary);border-radius:999px;background:var(--color-primary);font-family:var(--font-body);font-size:12.5px;font-weight:500;color:#fff;cursor:pointer;transition:background .15s ease}.qa-trigger:hover,.qa-trigger.is-open{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.qa-caret{transition:transform .15s ease}.qa-trigger.is-open .qa-caret{transform:rotate(180deg)}.qa-menu{position:absolute;top:40px;right:0;z-index:50;min-width:196px;padding:5px;border:1px solid var(--color-ledger-line);border-radius:12px;background:var(--color-surface);box-shadow:0 14px 34px #0f172a29}.qa-menu button{display:flex;align-items:center;gap:9px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:none;font-family:var(--font-body);font-size:12.5px;color:var(--color-ink);text-align:left;cursor:pointer}.qa-menu button svg{color:var(--color-primary);flex-shrink:0}.qa-menu button:hover:not(:disabled){background:#f1f5fd;color:var(--color-primary-dark)}.qa-menu button:disabled{color:#a9b2c3;cursor:not-allowed}.qa-menu button:disabled svg{color:#a9b2c3}.topbar-logout{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;height:32px;padding:0 13px;border:1px solid var(--chrome-line);border-radius:999px;background:#fff;font-family:var(--font-body);font-size:12.5px;font-weight:500;color:var(--color-ink);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.topbar-logout:hover{background:var(--color-danger-soft);border-color:var(--color-danger);color:#b91c1c}@media (max-width: 900px){.topbar-title h2{font-size:15px}.topbar-meta{display:none}}