@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_b462b272-module__jVoK1W__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_b462b272-module__jVoK1W__variable{--font-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.27spqqad3wyeo.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.3f4zuumv8svu0.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.34r5yzckw0h2s.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.2jyz_zw3a8jit.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.30bdpjkrtcces.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.1v5bejj26fx9h.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_6ed36146-module__KdPPOG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_6ed36146-module__KdPPOG__variable{--font-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--animate-spin:spin 1s linear infinite;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.hidden{display:none}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.w-full{width:100%}.animate-spin{animation:var(--animate-spin)}.border{border-style:var(--tw-border-style);border-width:1px}.italic{font-style:italic}}:root{--ink:#172033;--muted:#687386;--line:#dce2ea;--surface:#fff;--canvas:#f4f6f9;--sidebar:#122b47;--green:#176b87;--green-soft:#e8f3f7;--gold:#d9a91d;--gold-soft:#fff7dc;--red:#b93b43;--red-soft:#fbeaec;--amber:#a35d13;--amber-soft:#fff2dd;--blue:#2d659b;--blue-soft:#eaf2fa}*{box-sizing:border-box}html{background:var(--canvas)}body{color:var(--ink);background:var(--canvas);font-family:var(--font-sans), Arial, sans-serif;letter-spacing:0;margin:0}button,input,select,textarea{font:inherit;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}svg{flex:none;width:18px;height:18px}:focus-visible{outline-offset:3px;outline:3px solid #efb600}.skip-link{z-index:1000;color:#fff;background:#101817;border-radius:5px;padding:10px 14px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}.login-page{background:var(--surface);grid-template-columns:minmax(0,1.15fr) minmax(420px,.85fr);min-height:100vh;display:grid}.login-identity{color:#fff;background:#123a5a;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px clamp(48px,7vw,110px);display:flex}.login-brand,.school-brand{align-items:center;gap:13px;display:flex}.login-brand>span{background:#ffffff1a;border:1px solid #ffffff59;border-radius:8px;place-items:center;width:52px;height:52px;display:grid}.login-brand img{object-fit:contain;width:42px;height:42px}.login-brand strong,.school-brand strong{font-size:15px;display:block}.login-brand small,.school-brand small{opacity:.68;text-transform:uppercase;margin-top:3px;font-size:11px;display:block}.login-copy{max-width:680px;padding:80px 0}.login-copy h1{max-width:650px;margin:20px 0 24px;font-size:clamp(48px,5.4vw,78px);font-weight:620;line-height:.98}.login-copy p{color:#ffffffbd;max-width:590px;margin:0;font-size:17px;line-height:1.7}.eyebrow{color:var(--green);font:700 10px var(--font-mono);align-items:center;gap:7px;display:inline-flex}.eyebrow.light{color:#9ae0c0}.trust-row{color:#ffffffb3;flex-wrap:wrap;gap:26px;font-size:12px;display:flex}.trust-row span{align-items:center;gap:8px;display:inline-flex}.trust-row svg{width:15px}.login-panel{place-items:center;padding:48px;display:grid}.login-card{width:min(100%,410px)}.environment-badge{background:var(--gold-soft);color:#795a00;font:700 10px var(--font-mono);border-radius:999px;padding:6px 9px;display:inline-block}.login-card h2{margin:22px 0 8px;font-size:30px}.login-card>p{color:var(--muted);line-height:1.6}.login-form{gap:18px;margin-top:30px;display:grid}.login-note{border-top:1px solid var(--line);margin-top:22px;padding-top:20px;font-size:12px}.passkey-button{color:#0d6041;background:var(--green-soft);border-color:#8fcbb0;width:100%}.passkey-button:hover{background:#d9eee3}.passkey-button svg{width:20px;height:20px}.login-divider{color:#8a9491;text-transform:uppercase;align-items:center;gap:10px;font-size:9px;display:flex}.login-divider:before,.login-divider:after{content:"";background:var(--line);flex:1;height:1px}.field{gap:8px;min-width:0;display:grid}.field>span:first-child{color:#485350;font-size:12px;font-weight:650}.field input,.field select,.field textarea,.class-card select{width:100%;min-height:44px;color:var(--ink);background:#fff;border:1px solid #cdd5e0;border-radius:8px;outline:none;padding:10px 12px;transition:border-color .15s,box-shadow .15s,background .15s}.field textarea{resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.class-card select:focus{border-color:var(--green);box-shadow:0 0 0 3px #1673521f}.input-icon{display:block;position:relative}.input-icon svg{color:#83908d;width:17px;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.input-icon input{padding-left:40px}.form-stack{gap:16px;display:grid}.form-grid{gap:13px;display:grid}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-field{border:1px solid var(--line);cursor:pointer;border-radius:6px;align-items:flex-start;gap:10px;padding:12px;display:flex}.checkbox-field input{accent-color:var(--green);margin-top:3px}.checkbox-field span{gap:3px;display:grid}.checkbox-field strong{font-size:12px}.checkbox-field small{color:var(--muted);line-height:1.4}.form-message{border-radius:5px;margin:0;padding:10px 12px;font-size:12px}.form-message.error{background:var(--red-soft);color:#8d242d}.form-message.success{background:var(--green-soft);color:#116241}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:9px 15px;font-size:13px;font-weight:650;transition:transform 80ms,background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.button:active{transform:translateY(1px)}.button:disabled{opacity:.6;cursor:wait}.button-primary{color:#fff;background:#176b87;border-color:#176b87;box-shadow:0 4px 12px #176b872e}.button-primary:hover{background:#115a74;box-shadow:0 6px 16px #176b873d}.button-secondary{color:#34413e;background:#fff;border-color:#ccd5d1}.button-secondary:hover{background:#f8faf9;border-color:#96a49f}.button-ghost{min-height:38px;color:var(--muted);background:0 0;border-color:#0000}.button-ghost:hover{color:var(--ink);background:#e9eeeb}.button.small{white-space:nowrap;min-height:32px;padding:6px 9px;font-size:11px}.button.small svg{width:14px}.w-full{width:100%}.icon-button{color:#71807c;cursor:pointer;background:0 0;border:0;border-radius:5px;place-items:center;width:34px;height:34px;padding:0;display:grid}.icon-button:hover{color:var(--ink);background:#0000000f}.icon-button.danger:hover{background:var(--red-soft);color:var(--red)}.icon-button svg{width:16px}.app-frame{grid-template-columns:250px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff;background:linear-gradient(#122b47,#0e233b);flex-direction:column;height:100vh;padding:24px 17px 18px;display:flex;position:sticky;top:0}.school-brand{border-bottom:1px solid #ffffff1a;padding:0 8px 25px}.brand-symbol{background:#ffffff1a;border-radius:6px;place-items:center;width:40px;height:40px;display:grid}.brand-symbol img{object-fit:contain;width:34px;height:34px}.sidebar nav{gap:5px;margin-top:26px;display:grid}.nav-caption{color:#fff6;font:700 9px var(--font-mono);margin:0 10px 9px}.nav-link{color:#ffffffad;border-radius:5px;align-items:center;gap:11px;min-height:42px;padding:10px 11px;font-size:13px;font-weight:540;display:flex}.nav-link:hover{color:#fff;background:#ffffff14}.nav-link.active{color:#fff;box-shadow:inset 3px 0 var(--gold);background:#ffffff1c}.nav-link svg{width:17px}.sidebar-user{border-top:1px solid #ffffff1a;grid-template-columns:34px minmax(0,1fr) 34px;align-items:center;gap:9px;margin-top:auto;padding:16px 7px 0;display:grid}.sidebar-user strong{text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sidebar-user small{color:#ffffff75;font:9px var(--font-mono);margin-top:3px;display:block}.sidebar-user .icon-button{color:#ffffff8c}.avatar{color:#126445;width:34px;height:34px;font:700 10px var(--font-mono);text-transform:uppercase;background:#ccebdc;border-radius:50%;flex:none;place-items:center;display:grid}.main-area{min-width:0}.topbar{border-bottom:1px solid var(--line);background:#ffffffe6;justify-content:space-between;align-items:center;height:65px;padding:0 clamp(24px,3vw,44px);display:flex}.connection{color:var(--muted);align-items:center;gap:8px;font-size:11px;display:flex}.connection>span,.online-dot{background:#2aa06e;border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 3px #dff4e9}.page-content{padding:32px clamp(24px,3vw,44px) 54px}.page-header{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:25px;display:flex}.page-header h1{margin:0;font-size:27px;line-height:1.2}.page-header p{color:var(--muted);margin:7px 0 0;font-size:13px}.stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.stat-card{border:1px solid var(--line);background:var(--surface);border-radius:7px;align-items:flex-start;gap:14px;min-width:0;padding:19px;display:flex}.stat-icon{border-radius:6px;place-items:center;width:38px;height:38px;display:grid}.stat-icon.blue{color:var(--blue);background:var(--blue-soft)}.stat-icon.amber{color:var(--amber);background:var(--amber-soft)}.stat-icon.red{color:var(--red);background:var(--red-soft)}.stat-icon.green{color:var(--green);background:var(--green-soft)}.stat-card div{display:grid}.stat-card div>span{color:var(--muted);font-size:11px}.stat-card strong{font:700 27px var(--font-mono);margin:4px 0 2px}.stat-card small{color:#8b9693;font-size:10px}.duty-check-card{background:#eef8fb;border:1px solid #9fc5d3;border-radius:9px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:13px;margin-bottom:14px;padding:16px 18px;display:grid}.duty-check-card.completed{background:#eef9f3;border-color:#9fd0b9}.duty-check-card strong,.duty-check-card small{display:block}.duty-check-card strong{font-size:13px}.duty-check-card small{color:var(--muted);margin-top:4px;font-size:10px}.dashboard-grid{grid-template-columns:minmax(0,1.7fr) minmax(300px,.8fr);align-items:start;gap:17px;margin-top:17px;display:grid}.panel{border:1px solid var(--line);background:var(--surface);border-radius:8px;min-width:0;box-shadow:0 1px 2px #11233a06}.panel-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:16px;min-height:72px;padding:17px 19px;display:flex}.panel-header h2{align-items:center;gap:8px;margin:0;font-size:15px;display:flex}.panel-header h2 svg{color:var(--green)}.panel-header p{color:var(--muted);margin:5px 0 0;font-size:11px}.text-link{color:var(--green);align-items:center;gap:6px;font-size:11px;font-weight:650;display:flex}.text-link svg{width:14px}.table-scroll{width:100%;overflow:auto}table{border-collapse:collapse;width:100%;font-size:12px}th,td{text-align:left;vertical-align:middle;border-bottom:1px solid #e8ecea;padding:12px 15px}th{color:#788481;font:700 9px var(--font-mono);text-transform:uppercase;white-space:nowrap;background:#fafbfa}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:#fbfcfb}td{color:#485350}td strong{color:var(--ink)}.table-subtitle{color:#89938f;text-overflow:ellipsis;white-space:nowrap;max-width:260px;margin-top:4px;display:block;overflow:hidden}.mono{font-family:var(--font-mono);font-size:10px}.empty-state{color:var(--muted);text-align:center;padding:34px}.status-pill{color:#5f6878;min-height:24px;font:700 9px var(--font-mono);white-space:nowrap;background:#eef1f5;border-radius:999px;align-items:center;padding:4px 8px;display:inline-flex}.status-pill.success{color:#126545;background:var(--green-soft)}.status-pill.warning{color:#8d510e;background:var(--amber-soft)}.status-pill.danger{color:#9b2d35;background:var(--red-soft)}.status-pill.info{color:#255c91;background:var(--blue-soft)}.duty-list{padding:8px 18px 18px}.duty-item{border-bottom:1px solid #e9ecea;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px 0;display:grid}.duty-item strong{font-size:12px;display:block}.duty-item small{color:var(--muted);font:10px var(--font-mono);margin-top:4px;display:block}.empty-block{color:#87918e;text-align:center;align-content:center;place-items:center;gap:8px;min-height:210px;display:grid}.empty-block svg{width:28px;height:28px}.empty-block p{margin:4px 0;font-size:12px}.empty-block a{color:var(--green);font-size:11px;font-weight:650}.split-layout{grid-template-columns:minmax(570px,1.1fr) minmax(540px,.9fr);align-items:start;gap:17px;display:grid}.split-layout.compact-form{grid-template-columns:minmax(300px,.52fr) minmax(650px,1.48fr)}.form-panel{position:sticky;top:82px}.form-panel .form-stack{padding:19px}.click-attendance-form{gap:14px;padding:18px;display:grid}.attendance-mode{grid-template-columns:1fr 1fr;gap:10px;display:grid}.attendance-mode>button{border:1px solid var(--line);min-height:74px;color:var(--muted);text-align:left;cursor:pointer;background:#f9faf9;border-radius:7px;align-items:center;gap:12px;padding:13px;display:flex}.attendance-mode>button>svg{width:25px;height:25px}.attendance-mode>button strong,.attendance-mode>button small{display:block}.attendance-mode>button strong{color:var(--ink);font-size:13px}.attendance-mode>button small{margin-top:4px;font-size:10px}.attendance-mode>button.active{color:var(--green);border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 2px #16735214}.click-step{border:1px solid var(--line);border-radius:7px;padding:14px}.click-step>header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.click-step>header>span{color:#fff;background:var(--green);width:25px;height:25px;font:700 10px var(--font-mono);border-radius:50%;place-items:center;display:grid}.click-step header strong,.click-step header small{display:block}.click-step header strong{font-size:12px}.click-step header small{color:var(--muted);margin-top:2px;font-size:9px}.class-chips{flex-wrap:wrap;gap:6px;display:flex}.class-chips button{color:#46514e;cursor:pointer;min-width:45px;min-height:36px;font:700 11px var(--font-mono);background:#fff;border:1px solid #cfd7d3;border-radius:5px;padding:7px 10px}.class-chips button.active{color:#fff;border-color:var(--green);background:var(--green)}.person-picker{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:270px;display:grid;overflow-y:auto}.person-picker>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:6px;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:9px;min-width:0;min-height:55px;padding:8px;display:grid}.person-picker>button:hover{background:#f8faf9}.person-picker>button.active{border-color:var(--green);background:var(--green-soft);box-shadow:inset 3px 0 var(--green)}.person-picker>button strong,.person-picker>button small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.person-picker>button strong{font-size:11px}.person-picker>button small{color:var(--muted);margin-top:3px;font-size:9px}.person-picker>button>svg{color:var(--green);width:17px}.roster-empty{min-height:130px;color:var(--muted);text-align:center;grid-column:1/-1;align-content:center;place-items:center;gap:5px;display:grid}.roster-empty svg{width:25px;height:25px}.roster-empty strong{font-size:11px}.roster-empty small{font-size:9px}.status-picker{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.status-picker button{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:6px;align-content:center;place-items:center;gap:5px;min-height:62px;display:grid}.status-picker button svg{width:20px}.status-picker button strong{font-size:10px}.status-picker button.amber{color:var(--amber)}.status-picker button.blue{color:var(--blue)}.status-picker button.red{color:var(--red)}.status-picker button.green{color:var(--green)}.status-picker button.active.amber{background:var(--amber-soft);border-color:#e6b76f}.status-picker button.active.blue{background:var(--blue-soft);border-color:#92b8db}.status-picker button.active.red{background:var(--red-soft);border-color:#e5a3a8}.status-picker button.active.green{background:var(--green-soft);border-color:#8dceb1}.optional-area{border:1px dashed #cbd4d0;border-radius:7px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:13px;display:grid}.optional-area>div strong,.optional-area>div small{display:block}.optional-area>div strong{font-size:11px}.optional-area>div small{color:var(--muted);margin-top:3px;font-size:9px}.optional-area textarea,.optional-area .checkbox-field{grid-column:1/-1}.optional-area textarea{border:1px solid var(--line);resize:vertical;border-radius:5px;width:100%;padding:10px}.attendance-submit{min-height:50px;font-size:14px}.attendance-submit:disabled{color:#65706d;background:#e5e9e7;border-color:#d4dad7}.data-panel{min-width:0}.person-cell{align-items:center;gap:9px;min-width:150px;display:flex}.person-cell small{color:var(--muted);font:9px var(--font-mono);margin-top:3px;display:block}.table-actions{align-items:center;gap:6px;display:flex}.edit-layout{grid-template-columns:minmax(420px,.8fr) minmax(280px,.45fr);align-items:start;gap:17px;display:grid}.teacher-summary{text-align:center;padding:28px}.avatar.large{width:64px;height:64px;margin:0 auto;font-size:16px}.teacher-summary h2{margin:15px 0 5px;font-size:20px}.teacher-summary>p{color:var(--muted);margin:0 0 13px;font-size:12px}.teacher-summary dl{border-top:1px solid var(--line);text-align:left;margin:24px 0 0}.teacher-summary dl div{border-bottom:1px solid var(--line);padding:12px 0}.teacher-summary dt{color:var(--muted);font-size:10px}.teacher-summary dd{color:var(--ink);margin:4px 0 0}.schedule-board{padding:9px 18px 19px}.schedule-day{border-bottom:1px solid var(--line);padding:12px 0}.schedule-day:last-child{border-bottom:0}.schedule-day>header{justify-content:space-between;margin-bottom:6px;display:flex}.schedule-day>header strong{font-size:12px}.schedule-day>header span{color:var(--muted);font-size:10px}.schedule-entry{border-radius:5px;grid-template-columns:34px minmax(0,1fr) auto 34px;align-items:center;gap:9px;padding:8px;display:grid}.schedule-entry:hover{background:#f6f8f7}.schedule-entry strong,.schedule-entry small{display:block}.schedule-entry strong{font-size:11px}.schedule-entry small{color:var(--muted);font:9px var(--font-mono);margin-top:3px}.day-empty{color:#a0a9a6;margin:9px 0 2px;font-size:10px}.class-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.class-card{border:1px solid var(--line);background:#fff;border-radius:7px;padding:17px}.class-card-top{color:var(--muted);font:700 9px var(--font-mono);justify-content:space-between;align-items:center;display:flex}.grade-mark{border-radius:5px;place-items:center;width:34px;height:34px;display:grid}.grade-7{color:var(--blue);background:var(--blue-soft)}.grade-8{color:var(--green);background:var(--green-soft)}.grade-9{color:var(--amber);background:var(--amber-soft)}.class-card>strong{font:700 28px var(--font-mono);margin-top:18px;display:block}.class-card>p{min-height:30px;color:var(--muted);margin:5px 0 16px;font-size:11px}.class-card form{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.class-card select{min-height:32px;padding:5px 8px;font-size:10px}.student-master{grid-template-columns:280px minmax(0,680px);align-items:start;gap:17px;display:grid}.class-selector{position:sticky;top:82px}.master-class-list{grid-template-columns:repeat(2,1fr);gap:6px;padding:9px;display:grid}.master-class-list a{border:1px solid var(--line);border-radius:5px;gap:3px;padding:11px;display:grid}.master-class-list a strong{font:700 13px var(--font-mono)}.master-class-list a span{color:var(--muted);font-size:9px}.master-class-list a.active{color:var(--green);border-color:var(--green);background:var(--green-soft)}.student-master .form-stack{padding:18px}.roster-field textarea{line-height:1.8;font-family:var(--font-mono);font-size:11px}.helper-text{color:var(--muted);font-size:10px;line-height:1.5;display:block}.import-disclosure{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:17px;overflow:hidden}.import-disclosure summary{cursor:pointer;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:74px;padding:15px 18px;list-style:none;display:grid}.import-disclosure summary::-webkit-details-marker{display:none}.import-summary-icon{color:#176b87;background:var(--green-soft);border-radius:8px;place-items:center;width:42px;height:42px;display:grid}.import-disclosure summary strong,.import-disclosure summary small{display:block}.import-disclosure summary strong{font-size:13px}.import-disclosure summary small{color:var(--muted);margin-top:4px;font-size:10px}.summary-action{color:var(--green);font-size:11px;font-weight:650}.import-content{border-top:1px solid var(--line);background:#fbfcfd;padding:18px}.import-steps{flex-wrap:wrap;gap:8px;margin-bottom:14px;display:flex}.import-steps span{color:#546174;background:#eef2f6;border-radius:999px;padding:6px 9px;font-size:9px}.import-content .form-stack{max-width:520px;margin-top:14px}.file-drop{min-height:80px;color:var(--muted);cursor:pointer;background:#fff;border:1px dashed #9eabba;border-radius:8px;grid-template-columns:28px minmax(0,1fr);align-items:center;gap:10px;padding:14px;display:grid}.file-drop>svg{color:var(--green)}.file-drop strong,.file-drop small{display:block}.file-drop strong{color:var(--ink);font-size:11px}.file-drop small{margin-top:3px;font-size:9px}.file-drop input{grid-column:1/-1;width:100%;font-size:10px}.promotion-layout{grid-template-columns:minmax(580px,1fr) minmax(280px,.42fr);align-items:start;gap:17px;display:grid}.promotion-form .form-stack{padding:18px}.promotion-mode-picker{border:0;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;padding:0;display:grid}.promotion-mode-picker legend{color:#485350;grid-column:1/-1;margin-bottom:2px;font-size:12px;font-weight:650}.promotion-mode-picker label{border:1px solid var(--line);cursor:pointer;background:#fbfcfb;border-radius:9px;grid-template-columns:34px minmax(0,1fr);align-items:start;gap:11px;min-height:122px;padding:14px;transition:border-color .15s,box-shadow .15s,background .15s;display:grid}.promotion-mode-picker label:hover{border-color:#9faaa6}.promotion-mode-picker label.active{border-color:var(--green);background:var(--green-soft);box-shadow:0 0 0 2px #16735214}.promotion-mode-picker input{opacity:0;pointer-events:none;position:absolute}.promotion-mode-picker label:focus-within{outline-offset:2px;outline:3px solid #176b872e}.promotion-mode-picker .mode-icon{width:34px;height:34px;color:var(--green);background:#fff;border:1px solid #dbe3df;border-radius:7px;place-items:center;display:grid}.promotion-mode-picker .mode-icon svg{width:18px}.promotion-mode-picker strong,.promotion-mode-picker small,.promotion-mode-picker em{display:block}.promotion-mode-picker strong{font-size:13px}.promotion-mode-picker small{color:var(--muted);margin-top:5px;font-size:10px;line-height:1.5}.promotion-mode-picker em{color:#176b87;background:#fff;border-radius:999px;width:fit-content;margin-top:10px;padding:4px 7px;font-size:9px;font-style:normal;font-weight:650}.promotion-mode-content{border:1px solid var(--line);background:#fbfcfc;border-radius:9px;padding:14px}.section-label{margin-bottom:12px}.section-label strong,.section-label small{display:block}.section-label strong{font-size:12px}.section-label small{color:var(--muted);margin-top:4px;font-size:10px}.promotion-map{gap:7px;display:grid}.promotion-map label{border:1px solid var(--line);background:#fff;border-radius:7px;grid-template-columns:minmax(0,1fr) 18px 120px;align-items:center;gap:10px;min-height:54px;padding:8px 10px;display:grid}.promotion-map label>svg{color:#9aa5a1;width:16px}.promotion-map strong,.promotion-map small{display:block}.promotion-map strong{font-size:12px}.promotion-map small{color:var(--muted);margin-top:3px;font-size:9px}.promotion-map select{background:#fff;border:1px solid #cdd5e0;border-radius:6px;min-height:34px;padding:5px 8px}.excel-placement-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:12px;display:grid}.placement-step{border:1px solid var(--line);min-height:105px;color:inherit;background:#fff;border-radius:8px;grid-template-columns:24px minmax(0,1fr);align-content:start;gap:6px 8px;padding:12px;display:grid}.placement-step:hover{border-color:var(--green)}.placement-step>span{color:#fff;background:var(--green);width:24px;height:24px;font:700 9px var(--font-mono);border-radius:50%;place-items:center;display:grid}.placement-step>svg{width:18px;height:24px;color:var(--green)}.placement-step strong,.placement-step small{grid-column:1/-1;display:block}.placement-step strong{font-size:11px}.placement-step small{color:var(--muted);font-size:9px;line-height:1.45}.inline-note{color:var(--muted);margin:9px 0 0;font-size:9px;line-height:1.5}.file-drop .file-input-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.file-drop:focus-within{border-color:var(--green);box-shadow:0 0 0 3px #1673521f}.graduation-summary{color:#7d5500;background:var(--gold-soft);border-radius:7px;justify-content:space-between;gap:12px;padding:13px;font-size:11px;display:flex}.warning-check{background:#fffbef;border-color:#e7c76f}.process-guide ol{color:var(--muted);margin:0;padding:18px 22px 22px 42px;font-size:11px;line-height:1.7}.process-guide li+li{margin-top:7px}.report-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.report-stats article{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:12px;padding:17px;display:flex}.report-stats article>svg{width:22px;height:22px;color:var(--green)}.report-stats span{color:var(--muted);font-size:10px}.report-stats strong{color:var(--ink);font:700 23px var(--font-mono);display:block}.period-filter{border:1px solid var(--line);background:#fff;border-radius:8px;gap:3px;width:fit-content;margin:-10px 0 18px;padding:4px;display:flex}.period-filter a{min-height:32px;color:var(--muted);border-radius:5px;place-items:center;padding:7px 11px;font-size:10px;font-weight:650;display:grid}.period-filter a:hover{background:#f1f4f3}.period-filter a[aria-current=page]{color:#fff;background:var(--green)}.monitoring-grid{grid-template-columns:minmax(500px,1.4fr) minmax(330px,.7fr);align-items:start;gap:17px;margin-top:17px;display:grid}.chart-panel{min-height:330px}.compliance-chart{grid-template-columns:repeat(14,minmax(22px,1fr));align-items:end;gap:8px;height:245px;padding:20px 18px 16px;display:grid;overflow-x:auto}.chart-column{grid-template-rows:20px 1fr 20px;justify-items:center;gap:5px;min-width:26px;height:190px;display:grid}.chart-column>span{color:var(--muted);font:8px var(--font-mono)}.chart-track{background:#e9eef2;border-radius:5px 5px 2px 2px;align-items:end;width:min(100%,28px);height:140px;display:flex;overflow:hidden}.chart-track i{background:linear-gradient(#2d819f,#176b87);border-radius:4px 4px 0 0;width:100%;min-height:2px}.chart-column small{color:#7e8985;font:8px var(--font-mono);white-space:nowrap}.teacher-monitor-list{padding:7px 17px 17px}.teacher-monitor-list>div{border-bottom:1px solid #e9ecea;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:62px;padding:10px 0;display:grid}.teacher-monitor-list>div:last-child{border-bottom:0}.teacher-monitor-list strong,.teacher-monitor-list small{display:block}.teacher-monitor-list strong{font-size:11px}.teacher-monitor-list small{color:var(--muted);margin-top:3px;font-size:9px}.teacher-rate{text-align:right}.teacher-rate>strong{color:var(--green);font:700 15px var(--font-mono)}.monitoring-table{margin-top:17px}.audit-list{max-height:520px;padding:8px 18px;overflow:auto}.audit-item{border-bottom:1px solid var(--line);grid-template-columns:8px minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px 0;display:grid}.audit-dot{background:var(--green);border-radius:50%;width:7px;height:7px;margin-top:4px}.audit-item strong{font-size:10px;line-height:1.5;display:block}.audit-item small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.passkey-card{border:1px solid var(--line);background:#fff;border-radius:8px;grid-template-columns:68px minmax(0,1fr);gap:22px;max-width:850px;padding:30px;display:grid}.passkey-icon{width:68px;height:68px;color:var(--green);background:var(--green-soft);border-radius:10px;place-items:center;display:grid}.passkey-icon svg{width:34px;height:34px}.passkey-card h2{margin:12px 0 8px;font-size:22px}.passkey-card p{max-width:650px;color:var(--muted);font-size:12px;line-height:1.6}.passkey-card .button{margin-top:17px}.registered-count{color:var(--green);font:700 10px var(--font-mono);margin-top:12px;display:block}.onboarding-page{max-width:860px;margin:24px auto}.onboarding-copy{max-width:650px;margin-bottom:22px}.step-label{color:var(--green);font:700 10px var(--font-mono)}.onboarding-copy h1{margin:10px 0;font-size:clamp(28px,4vw,40px);line-height:1.12}.onboarding-copy p{color:var(--muted);margin:0;line-height:1.6}.onboarding-page>form{text-align:center;margin-top:10px}.onboarding-note{color:var(--muted);text-align:center;margin:5px 0 0;font-size:10px}.onboarding-shell{background:linear-gradient(180deg, #fbfcfb, var(--canvas));min-height:100vh;padding:28px clamp(20px,5vw,64px) 50px}.onboarding-brand{align-items:center;gap:11px;display:flex}.onboarding-brand img{object-fit:contain}.onboarding-brand strong,.onboarding-brand small{display:block}.onboarding-brand strong{font-size:13px}.onboarding-brand small{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:9px}@media (max-width:1180px){.stat-grid{grid-template-columns:repeat(2,1fr)}.split-layout,.split-layout.compact-form,.edit-layout,.student-master{grid-template-columns:1fr}.class-selector{position:static}.promotion-layout,.monitoring-grid{grid-template-columns:1fr}.form-panel{position:static}.class-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:820px){.login-page{grid-template-columns:1fr}.login-identity{min-height:42vh;padding:30px 24px}.login-copy{padding:56px 0 24px}.login-copy h1{font-size:42px}.trust-row{display:none}.login-panel{padding:38px 24px 54px}.app-frame{grid-template-columns:1fr}.sidebar{width:100%;height:auto;padding:14px 16px;position:static}.school-brand{padding:0 0 12px}.sidebar nav{gap:5px;margin:12px 0 0;display:flex;overflow-x:auto}.nav-caption,.sidebar-user{display:none}.nav-link{flex:none;min-height:37px;padding:8px 10px;font-size:11px}.nav-link.active{box-shadow:inset 0 -3px #f0c526}.topbar{display:none}.page-content{padding:24px 16px 42px}.page-header{flex-direction:column;align-items:flex-start}.dashboard-grid{grid-template-columns:1fr}.class-grid{grid-template-columns:repeat(2,1fr)}.report-stats{grid-template-columns:1fr}.duty-check-card{grid-template-columns:38px minmax(0,1fr)}.duty-check-card form,.duty-check-card>.status-pill{grid-column:1/-1}.duty-check-card .button{width:100%}}@media (max-width:520px){.login-copy h1{font-size:34px}.stat-grid,.form-grid.two,.attendance-mode,.person-picker{grid-template-columns:1fr}.status-picker{grid-template-columns:repeat(2,1fr)}.passkey-card{grid-template-columns:1fr;padding:20px}.passkey-icon{width:54px;height:54px}.onboarding-page{margin-top:0}.class-grid,.promotion-mode-picker,.excel-placement-steps{grid-template-columns:1fr}.promotion-map label{grid-template-columns:minmax(0,1fr) 16px 90px}.graduation-summary{flex-direction:column}.page-header h1{font-size:24px}}.password-control input{padding-right:48px}.password-toggle{color:#687386;cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;width:34px;height:34px;padding:0;display:grid;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.password-toggle:hover{color:var(--ink);background:#edf1f5}.input-icon .password-toggle svg{color:currentColor;width:17px;height:17px;position:static;transform:none}.account-shell{background:linear-gradient(180deg, #fbfcfd, var(--canvas));min-height:100vh;padding:32px clamp(20px,5vw,72px) 56px}.account-brand{align-items:center;gap:11px;max-width:900px;margin:0 auto 34px;display:flex}.account-brand>span{border:1px solid var(--line);background:#fff;border-radius:8px;place-items:center;width:46px;height:46px;display:grid}.account-brand img{object-fit:contain}.account-brand strong,.account-brand small{display:block}.account-brand strong{font-size:14px}.account-brand small{color:var(--muted);text-transform:uppercase;margin-top:3px;font-size:10px}.account-card{border:1px solid var(--line);background:#fff;border-radius:10px;grid-template-columns:58px minmax(0,560px);justify-content:center;gap:22px;max-width:900px;margin:0 auto;padding:clamp(22px,4vw,38px);display:grid;box-shadow:0 16px 50px #122b4712}.account-card-icon{width:58px;height:58px;color:var(--green);background:var(--green-soft);border-radius:10px;place-items:center;display:grid}.account-card-icon svg{width:28px;height:28px}.account-card h1{margin:12px 0 8px;font-size:clamp(25px,4vw,34px)}.account-card p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.password-guidance{color:#53605c;background:#f5f7f6;border-radius:7px;margin:18px 0 24px;padding:14px 14px 14px 34px;font-size:11px;line-height:1.8}.password-form{max-width:520px}.account-logout{text-align:center;margin-top:12px}.security-grid{grid-template-columns:minmax(380px,.8fr) minmax(500px,1.2fr);align-items:start;gap:17px;display:grid}.security-password-panel .password-form{padding:20px}.security-grid .passkey-card{max-width:none}.account-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-bottom:17px;display:grid}.account-summary article{border:1px solid var(--line);background:#fff;border-radius:7px;align-items:center;gap:12px;padding:16px;display:flex}.account-summary article>svg{color:var(--green)}.account-summary strong,.account-summary small{display:block}.account-summary strong{font-size:17px}.account-summary small{color:var(--muted);margin-top:3px;font-size:10px}.accounts-panel td:last-child{min-width:210px}.reset-confirm{background:var(--gold-soft);border:1px solid #e5c375;border-radius:7px;min-width:260px;padding:12px}.reset-confirm>p{color:#735711;margin:0 0 10px;font-size:11px;line-height:1.5}.reset-confirm>div{flex-wrap:wrap;gap:6px;display:flex}.temporary-password{background:#f0f9f4;border:1px solid #96c8ae;border-radius:7px;gap:9px;min-width:280px;padding:12px;display:grid}.temporary-password>strong{color:#195f42;font-size:11px}.temporary-password code{color:#143d2c;font:700 13px var(--font-mono);overflow-wrap:anywhere;-webkit-user-select:all;user-select:all;background:#fff;border:1px dashed #79ad91;border-radius:5px;padding:9px}.temporary-password>div{gap:6px;display:flex}.temporary-password>small{color:#557065;max-width:280px;font-size:9px;line-height:1.5}@media (max-width:1000px){.security-grid,.account-summary{grid-template-columns:1fr}}@media (max-width:520px){.account-shell{padding:20px 14px 36px}.account-card{grid-template-columns:1fr}.account-card-icon{width:48px;height:48px}.temporary-password,.reset-confirm{min-width:230px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@keyframes spin{to{transform:rotate(360deg)}}