:root{--ink:#12143f;--indigo:#29236f;--violet:#675be8;--orange:#ff6b35;--paper:#f5f3ec;--line:#dedbd1;--muted:#747485;--white:#fff;--success:#168967;--warning:#d5672f}*{box-sizing:border-box}html{background:var(--paper);min-width:320px}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:PingFang SC,Microsoft YaHei,Noto Sans CJK SC,system-ui,sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #675be847}.public-shell{background:radial-gradient(circle at 10% 13%, #675be81a, transparent 25%), linear-gradient(90deg, transparent calc(50% - .5px), #12143f0e 50%, transparent calc(50% + .5px)), var(--paper);flex-direction:column;min-height:100svh;display:flex;overflow:hidden}.public-shell:before,.public-shell:after{content:"";pointer-events:none;border:1px solid #29236f14;border-radius:50%;position:fixed}.public-shell:before{width:430px;height:430px;top:22%;left:-265px}.public-shell:after{width:540px;height:540px;top:16%;left:-318px}.public-nav{z-index:2;border-bottom:1px solid #12143f1f;justify-content:space-between;align-items:center;width:min(1180px,100% - 64px);height:94px;margin:0 auto;display:flex;position:relative}.public-notice{z-index:2;color:#734023;border-left:3px solid var(--orange);background:#fff0e8;align-items:center;gap:12px;width:min(1180px,100% - 64px);min-height:42px;margin:16px auto -22px;padding:9px 14px;font-size:11px;display:flex;position:relative}.public-notice>span{color:#fff;background:var(--orange);letter-spacing:.08em;flex:none;padding:3px 7px;font-size:8px;font-weight:800}.public-notice p{margin:0;line-height:1.6}.brand{color:var(--ink);align-items:center;gap:12px;display:inline-flex}.brand>span:last-child{flex-direction:column;line-height:1;display:flex}.brand b{letter-spacing:.08em;font-size:22px}.brand small{letter-spacing:.3em;opacity:.55;margin-top:5px;font-size:7px;font-weight:800}.brand-mark{border:7px solid var(--indigo);border-radius:50%;place-items:center;width:35px;height:35px;display:grid;position:relative}.brand-mark:after{content:"";background:var(--orange);border:2px solid var(--paper);border-radius:50%;width:7px;height:7px;position:absolute;top:-7px;right:-7px}.brand-mark i{background:var(--orange);border-radius:50%;width:6px;height:6px;display:block}.brand--light{color:#fff}.brand--light .brand-mark{border-color:#8f85ff}.brand--light .brand-mark:after{border-color:var(--ink)}.admin-entry{letter-spacing:.04em;align-items:center;gap:14px;font-size:13px;font-weight:700;display:inline-flex}.admin-entry span{border:1px solid #12143f59;border-radius:50%;place-items:center;width:30px;height:30px;transition:all .18s;display:grid}.admin-entry:hover span{color:#fff;background:var(--ink);transform:translate(2px,-2px)}.public-content{z-index:1;flex:1;grid-template-columns:minmax(0,.9fr) minmax(500px,1.1fr);align-items:center;gap:86px;width:min(1180px,100% - 64px);margin:0 auto;padding:58px 0 66px;display:grid;position:relative}.hero-copy{padding-bottom:40px;position:relative}.hero-copy:after{content:"";background:var(--orange);transform-origin:0;width:72px;height:1px;position:absolute;top:6%;left:77%;transform:rotate(-36deg)}.eyebrow{letter-spacing:.17em;color:var(--violet);align-items:center;gap:12px;margin-bottom:28px;font-size:12px;font-weight:750;display:flex}.eyebrow span{color:#fff;background:var(--violet);border-radius:50%;place-items:center;width:28px;height:28px;font:700 10px ui-monospace,monospace;display:grid}.hero-copy h1{letter-spacing:-.065em;margin:0;font-size:clamp(50px,5.4vw,78px);font-weight:780;line-height:1.15}.hero-copy h1 em{color:#0000;-webkit-text-stroke:1.5px var(--indigo);padding-right:.05em;font-style:normal;display:inline-block;position:relative}.hero-copy h1 em:after{content:"";z-index:-1;background:var(--orange);opacity:.95;height:8px;position:absolute;bottom:1px;left:4px;right:0;transform:skew(-22deg)}.hero-copy>p{color:#666676;max-width:430px;margin:30px 0 34px;font-size:15px;line-height:2}.hero-footnote{align-items:center;gap:12px;display:inline-flex}.hero-footnote>span:last-child{flex-direction:column;gap:3px;display:flex}.hero-footnote b{font-size:13px}.hero-footnote small{color:var(--muted);font-size:11px}.mini-avatar{color:#fff;background:var(--indigo);width:38px;height:38px;box-shadow:5px 0 0 var(--orange);border-radius:50%;place-items:center;font-size:15px;display:grid}.checkin-panel{max-width:610px;position:relative}.checkin-panel:before{content:"";z-index:-1;background:var(--indigo);border-radius:2px;position:absolute;inset:35px -14px -14px 35%;transform:rotate(2deg)}.clock-card{color:#fff;background:radial-gradient(circle at 84% 110%,#ff6b3566,#0000 36%),linear-gradient(125deg,#28206a 0%,#433896 100%);min-height:184px;padding:26px 32px 25px;position:relative;overflow:hidden}.clock-card:after{content:"08";color:#0000;-webkit-text-stroke:1px #ffffff14;letter-spacing:-.08em;font:800 150px/1 Arial,sans-serif;position:absolute;top:-35px;right:-7px}.clock-label{z-index:1;letter-spacing:.16em;opacity:.86;align-items:center;gap:9px;font-size:11px;font-weight:650;display:flex;position:relative}.sync-dot{background:#62e5af;border-radius:50%;flex:none;width:7px;height:7px;display:inline-block;position:relative;box-shadow:0 0 0 4px #62e5af26}.sync-dot--offline{background:#e1a872;box-shadow:0 0 0 4px #e1a87226}.clock-time{z-index:1;letter-spacing:-.075em;font-variant-numeric:tabular-nums;margin-top:11px;font:650 clamp(48px,5.3vw,68px)/1 ui-monospace,SFMono-Regular,Menlo,monospace;position:relative}.clock-date{z-index:1;opacity:.9;margin-top:9px;font-size:13px;position:relative}.clock-meta{z-index:1;letter-spacing:.08em;opacity:.58;flex-direction:column;align-items:flex-end;gap:3px;font:500 9px ui-monospace,monospace;display:flex;position:absolute;bottom:25px;right:28px}.search-card{background:#fff;border:1px solid #12143f1f;min-height:430px;padding:30px 32px 24px;box-shadow:0 22px 55px #1a184224}.search-card form{flex-direction:column;min-height:374px;display:flex}.section-heading span,.card-heading>div>span,.login-kicker{color:var(--orange);letter-spacing:.22em;font:800 9px ui-monospace,monospace}.section-heading h2{letter-spacing:-.04em;margin:4px 0 18px;font-size:24px}.search-field{background:#f7f6f1;border:1px solid #0000;align-items:center;height:58px;padding:0 14px 0 48px;transition:all .16s;display:flex;position:relative}.search-field:focus-within{border-color:var(--violet);background:#fff;box-shadow:0 0 0 4px #675be814}.search-icon{border:1.8px solid var(--ink);border-radius:50%;width:15px;height:15px;position:absolute;left:19px}.search-icon:after{content:"";background:var(--ink);width:7px;height:1.5px;position:absolute;bottom:-3px;right:-5px;transform:rotate(45deg)}.search-field input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px}.search-field input::placeholder{color:#9a98a1}.search-field button{cursor:pointer;width:28px;height:28px;color:var(--muted);background:0 0;border:0;font-size:20px}.result-area{flex:1;min-height:128px;max-height:180px;margin:13px 0;position:relative;overflow:auto}.search-state,.empty-state{min-height:126px;color:var(--muted);justify-content:center;align-items:center;font-size:12px;display:flex}.search-state{gap:10px}.loader{border:2px solid #675be833;border-top-color:var(--violet);border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;flex-direction:column;gap:6px}.empty-state b{color:var(--ink);font-size:14px}.student-list{gap:6px;display:grid}.student-list>button{cursor:pointer;text-align:left;background:#faf9f6;border:0;grid-template-columns:38px minmax(90px,1fr) auto 16px;align-items:center;gap:11px;width:100%;padding:10px;transition:all .15s;display:grid}.student-list>button:hover{color:#fff;background:var(--indigo)}.student-avatar,.identity-avatar,.table-avatar{color:var(--indigo);background:#e8e4ff;border-radius:50%;place-items:center;font-weight:750;display:grid}.student-avatar{width:38px;height:38px;font-size:13px}.student-main{flex-direction:column;gap:2px;min-width:0;display:flex}.student-main b{font-size:13px}.student-main small,.student-class{color:var(--muted);font-size:10px}.student-list>button:hover small,.student-list>button:hover .student-class{color:#ffffffa8}.student-class{text-overflow:ellipsis;white-space:nowrap;max-width:170px;overflow:hidden}.row-arrow{font-size:20px}.back-link{cursor:pointer;color:var(--violet);background:0 0;border:0;padding:2px 0 8px;font-size:10px;font-weight:700}.identity-card{background:#f8f7f3;align-items:center;gap:12px;padding:11px 13px;display:flex}.identity-avatar{width:42px;height:42px}.identity-card>div{flex-direction:column;flex:1;display:flex}.identity-card small,.selected-student dt{color:var(--muted);font-size:9px}.identity-card strong{font-size:17px}.verified{color:var(--success);font-size:10px;font-weight:700}.selected-student dl{background:var(--line);grid-template-columns:1fr 1fr;gap:1px;margin:1px 0 0;display:grid}.selected-student dl>div{background:#fff;justify-content:space-between;align-items:center;padding:7px 13px;display:flex}.selected-student dt,.selected-student dd{margin:0}.selected-student dd{font-size:10px;font-weight:700}.form-error{color:#a94231;border-left:3px solid var(--orange);background:#fff0ec;margin:0 0 10px;padding:9px 12px;font-size:11px}.primary-button,.secondary-button,.outline-button,.dark-button{cursor:pointer;border:0;justify-content:center;align-items:center;font-weight:700;transition:all .16s;display:inline-flex}.primary-button{color:#fff;background:var(--orange);width:100%;min-height:54px;padding:0 9px 0 22px;box-shadow:0 10px 22px #ff6b3538}.primary-button span{text-align:center;letter-spacing:.05em;flex:1;font-size:13px}.primary-button i{background:#ffffff2b;place-items:center;width:38px;height:38px;font-size:18px;font-style:normal;display:grid}.primary-button:disabled{cursor:not-allowed;box-shadow:none;background:#c9c6c0}.primary-button:not(:disabled):hover{background:#ed5724;transform:translateY(-1px)}.privacy-note{color:#a09da3;justify-content:center;align-items:center;gap:6px;margin:11px 0 0;font-size:9px;display:flex}.privacy-note span{color:var(--violet)}.success-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:374px;display:flex}.success-rings{border:1px solid #16896740;border-radius:50%;place-items:center;width:72px;height:72px;margin-bottom:18px;display:grid;box-shadow:0 0 0 9px #1689670f,0 0 0 18px #16896708}.success-rings span{color:#fff;background:var(--success);border-radius:50%;place-items:center;width:48px;height:48px;font-size:23px;display:grid}.success-kicker{color:var(--success);letter-spacing:.2em;font:800 9px ui-monospace,monospace}.success-state h2{letter-spacing:-.04em;margin:5px 0 4px;font-size:28px}.success-state>p{color:var(--muted);margin:0 0 18px;font-size:12px}.success-ticket{background:#f6f5f0;grid-template-columns:.7fr 1.3fr;width:100%;margin-bottom:14px;display:grid}.success-ticket>div{border-right:1px dashed #d3d0c8;flex-direction:column;gap:4px;padding:12px;display:flex}.success-ticket>div:last-child{border-right:0}.success-ticket small{color:var(--muted);font-size:9px}.success-ticket b{font-size:12px}.secondary-button{min-height:42px;color:var(--indigo);border:1px solid var(--indigo);background:#fff;padding:0 22px;font-size:11px}.secondary-button:hover{color:#fff;background:var(--indigo)}.public-footer{z-index:1;color:#888692;letter-spacing:.12em;border-top:1px solid #12143f1a;justify-content:space-between;align-items:center;width:min(1180px,100% - 64px);height:58px;margin:0 auto;font-size:9px;display:flex;position:relative}.public-footer span:last-child{align-items:center;gap:8px;font-family:ui-monospace,monospace;display:flex}.public-footer i{background:var(--orange);border-radius:50%;width:3px;height:3px}.login-shell{background:#fff;grid-template-columns:minmax(380px,45%) 1fr;min-height:100svh;display:grid}.login-aside{color:#fff;background:radial-gradient(circle at 78% 76%,#ff6b3538,#0000 28%),linear-gradient(145deg,#171748 0%,#302876 100%);min-height:100svh;padding:42px clamp(38px,5vw,80px);position:relative;overflow:hidden}.login-aside:before{content:"";border:1px solid #ffffff21;border-radius:50%;width:160px;height:160px;position:absolute;top:80px;right:-80px}.login-aside-copy{z-index:2;margin-top:26vh;position:relative}.login-aside-copy>span{color:#9f97ff;letter-spacing:.22em;font:800 10px/1.5 ui-monospace,monospace;display:block}.login-aside-copy h1{letter-spacing:-.06em;margin:22px 0 20px;font-size:clamp(38px,4vw,62px);line-height:1.25}.login-aside-copy p{color:#ffffff94;margin:0;font-size:14px}.login-orbit{border:1px solid #ffffff24;border-radius:50%;width:370px;height:370px;position:absolute;bottom:-185px;left:-185px;box-shadow:0 0 0 54px #ffffff06,0 0 0 108px #ffffff05}.login-orbit i{background:var(--orange);border-radius:50%;display:block;position:absolute}.login-orbit i:first-child{width:13px;height:13px;top:74px;right:23px}.login-orbit i:nth-child(2){background:#8d83f3;width:6px;height:6px;top:136px;right:4px}.login-orbit i:nth-child(3){background:#fff;width:4px;height:4px;top:27px;right:69px}.login-panel{place-items:center;padding:70px 28px;display:grid;position:relative}.back-home{color:var(--muted);font-size:12px;position:absolute;top:40px;right:46px}.login-panel form{width:min(400px,100%)}.login-panel h2,.upload-modal h2{letter-spacing:-.055em;margin:8px 0;font-size:34px}.login-panel form>p,.upload-modal>p{color:var(--muted);margin:0 0 32px;font-size:13px;line-height:1.7}.login-panel label{color:#4e4d61;flex-direction:column;gap:8px;margin:0 0 18px;font-size:11px;font-weight:700;display:flex}.login-panel input{height:52px;color:var(--ink);background:#f8f7f3;border:1px solid #e8e5dd;outline:0;padding:0 15px;transition:all .16s}.login-panel input:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 4px #675be814}.demo-hint{color:#9a98a2;text-align:center;margin-top:14px;font-size:10px;display:block}.admin-loading{min-height:100svh;color:var(--muted);background:#f4f3ef;justify-content:center;align-items:center;gap:10px;font-size:13px;display:flex}.admin-shell{background:#f3f3f0;grid-template-columns:226px minmax(0,1fr);min-height:100svh;display:grid}.admin-sidebar{color:#ffffffb8;background:radial-gradient(circle at 20% 70%,#ff6b3526,#0000 24%),#171743;flex-direction:column;height:100svh;padding:32px 24px 23px;display:flex;position:sticky;top:0}.admin-sidebar .brand{margin-left:6px}.admin-sidebar nav{gap:6px;margin:74px 0 0;display:grid}.admin-sidebar nav button,.admin-sidebar nav a{cursor:pointer;color:#ffffff94;text-align:left;background:0 0;border:0;align-items:center;gap:13px;height:46px;padding:0 15px;font-size:12px;transition:all .15s;display:flex}.admin-sidebar nav button:hover,.admin-sidebar nav a:hover,.admin-sidebar nav .active{color:#fff;background:#ffffff17}.admin-sidebar nav .active{box-shadow:inset 3px 0 0 var(--orange)}.admin-sidebar nav span{color:#a69dff;text-align:center;width:18px;font-size:17px}.sidebar-note{border:1px solid #ffffff1a;flex-direction:column;gap:7px;margin-top:auto;padding:15px;display:flex}.sidebar-note>span{color:#fff6;letter-spacing:.15em;font-size:9px}.sidebar-note b{color:#fff;font-size:11px}.sidebar-note b i{background:#62e5af;border-radius:50%;width:6px;height:6px;margin-right:6px;display:inline-block}.sidebar-note small{color:#ffffff61;font-size:9px}.logout-button{cursor:pointer;color:#ffffff7a;background:0 0;border:0;justify-content:space-between;align-items:center;height:42px;margin-top:12px;padding:0 13px;font-size:10px;display:flex}.logout-button:hover{color:#fff}.admin-main{min-width:0}.admin-topbar{background:#fff;border-bottom:1px solid #e6e4dd;justify-content:space-between;align-items:center;height:94px;padding:0 clamp(25px,4vw,56px);display:flex}.admin-topbar>div:first-child>span{color:var(--violet);letter-spacing:.2em;font:700 8px ui-monospace,monospace}.admin-topbar h1{letter-spacing:-.04em;margin:3px 0 0;font-size:23px}.topbar-actions{align-items:center;gap:12px;display:flex}.clock-compact{font-variant-numeric:tabular-nums;background:#f6f5f1;align-items:center;gap:8px;height:40px;padding:0 16px;font:650 13px ui-monospace,monospace;display:flex}.clock-compact small{color:var(--muted);font:500 8px system-ui,sans-serif}.icon-button,.admin-avatar{border-radius:50%;place-items:center;width:40px;height:40px;display:grid}.icon-button{cursor:pointer;background:#fff;border:1px solid #e6e4dd;font-size:18px}.icon-button:hover{background:#f4f2ec}.admin-avatar{color:#fff;background:var(--indigo);font-size:12px;font-weight:700}.dashboard-body{padding:30px clamp(25px,4vw,56px) 56px}.dashboard-toolbar{justify-content:space-between;align-items:flex-end;gap:22px;margin-bottom:22px;display:flex}.filter-group,.action-group{gap:12px;display:flex}.filter-group label{flex-direction:column;gap:7px;display:flex}.filter-group label>span{color:var(--muted);letter-spacing:.08em;font-size:9px;font-weight:700}.filter-group input,.filter-group select{min-width:155px;height:42px;color:var(--ink);background:#fff;border:1px solid #dedcd4;outline:0;padding:0 12px;font-size:11px;font-weight:650}.filter-group select{min-width:190px}.outline-button,.dark-button{height:42px;padding:0 17px;font-size:11px}.outline-button{color:var(--indigo);background:0 0;border:1px solid #cbc7db}.outline-button:hover{background:#fff}.dark-button{color:#fff;background:var(--ink)}.dark-button:hover{background:var(--violet)}.admin-message{color:#17684f;background:#e8f6f1;align-items:center;gap:9px;margin:0 0 18px;padding:10px 14px;font-size:11px;display:flex}.admin-message>span{color:#fff;background:var(--success);border-radius:50%;place-items:center;width:19px;height:19px;font-size:9px;display:grid}.admin-message button{cursor:pointer;color:inherit;background:0 0;border:0;margin-left:auto;font-size:17px}.stats-grid{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px;transition:opacity .15s;display:grid}.stats-grid.is-loading{opacity:.58}.stat-card{background:#fff;border:1px solid #e1dfd8;min-height:146px;padding:21px;position:relative;overflow:hidden}.stat-card>span,.stat-card>div>span{color:var(--muted);font-size:10px;font-weight:650}.stat-card strong{letter-spacing:-.07em;margin-top:12px;font:730 37px/1 ui-monospace,monospace;display:block}.stat-card strong small{color:var(--muted);margin-left:5px;font:600 10px system-ui,sans-serif}.stat-card p{color:var(--muted);margin:13px 0 0;font-size:9px}.stat-card .positive{color:var(--success)}.stat-card .warning{color:var(--warning)}.stat-card>i{color:#c6c2d0;font:700 9px ui-monospace,monospace;position:absolute;top:12px;right:13px}.stat-card--dark{color:#fff;background:radial-gradient(circle at 93% 110%, #ff6b3580, transparent 35%), var(--indigo);border-color:var(--indigo)}.stat-card--dark>span,.stat-card--dark p,.stat-card--dark strong small,.stat-card--dark>i{color:#ffffff8c}.stat-card--rate{justify-content:space-between;align-items:center;display:flex}.rate-ring{--rate:0%;background:conic-gradient(var(--orange) var(--rate), #e9e7e0 0);border-radius:50%;place-items:center;width:72px;height:72px;margin-right:4px;display:grid}.rate-ring:before{content:"";background:#fff;border-radius:50%;width:56px;height:56px}.rate-ring b{color:var(--ink);font:700 10px ui-monospace,monospace;position:absolute}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:14px;margin-bottom:14px;display:grid}.chart-card,.class-card,.records-card{background:#fff;border:1px solid #e1dfd8}.chart-card,.class-card{min-height:318px;padding:23px 24px 18px}.card-heading{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.card-heading h2{letter-spacing:-.035em;margin:5px 0 0;font-size:17px}.card-heading>em{color:var(--muted);font-size:9px;font-style:normal}.card-heading>button{cursor:pointer;color:var(--violet);background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.bar-chart{background:linear-gradient(#0000 24%,#eceae4 25%,#0000 26% 49%,#eceae4 50%,#0000 51% 74%,#eceae4 75%,#0000 76%);align-items:flex-end;gap:6px;height:185px;margin-top:18px;padding:9px 0 22px;display:flex}.bar-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;min-width:7px;height:100%;display:flex;position:relative}.bar-column>i{background:#e5e2da;width:min(62%,19px);transition:height .3s;display:block}.bar-column>i.has-value{background:linear-gradient(to top, var(--violet), #9389f5)}.bar-column>small{color:var(--muted);white-space:nowrap;font:500 7px ui-monospace,monospace;position:absolute;top:calc(100% + 8px)}.bar-value{min-height:12px;color:var(--violet);font:700 7px ui-monospace,monospace}.chart-summary{color:var(--muted);border-top:1px solid #efede7;justify-content:space-between;align-items:center;padding-top:10px;font-size:8px;display:flex}.chart-summary span{align-items:center;gap:6px;display:flex}.chart-summary span i{background:var(--violet);width:6px;height:6px}.chart-summary b{color:var(--ink);font-size:9px}.class-list{gap:7px;margin-top:18px;display:grid}.class-list button{cursor:pointer;text-align:left;background:#f7f6f2;border:0;grid-template-columns:26px 1fr 12px;align-items:center;gap:10px;width:100%;min-height:58px;padding:8px 10px;transition:all .15s;display:grid}.class-list button:hover,.class-list button.active{color:#fff;background:var(--indigo)}.class-list button>span{color:var(--violet);font:700 9px ui-monospace,monospace}.class-list button.active>span,.class-list button:hover>span{color:#a79fff}.class-list button>div{flex-direction:column;gap:3px;min-width:0;display:flex}.class-list b{text-overflow:ellipsis;white-space:nowrap;font-size:10px;overflow:hidden}.class-list small{color:var(--muted);font-size:8px}.class-list button.active small,.class-list button:hover small{color:#ffffff80}.class-list button>i{font-size:17px;font-style:normal}.records-card{overflow:hidden}.records-card>.card-heading{padding:22px 24px 17px}.record-count{color:var(--muted);background:#f3f1eb;padding:5px 9px;font-size:8px}.table-wrap{width:100%;overflow-x:auto}.records-card table{border-collapse:collapse;width:100%;min-width:700px}.records-card th{color:#898794;letter-spacing:.08em;text-align:left;background:#f7f6f2;border-top:1px solid #e7e4dd;border-bottom:1px solid #e7e4dd;padding:11px 20px;font-size:8px;font-weight:700}.records-card td{color:#5e5d6c;border-bottom:1px solid #efede8;height:55px;padding:8px 20px;font-size:10px}.records-card td:first-child{color:var(--ink);align-items:center;gap:10px;display:flex}.table-avatar{flex:none;width:30px;height:30px;font-size:10px}.mono-time{font-variant-numeric:tabular-nums;font-family:ui-monospace,monospace}.status-badge{color:#8a6957;background:#f8eee7;justify-content:center;align-items:center;min-width:48px;height:23px;font-size:8px;font-weight:700;display:inline-flex}.status-badge--ok{color:#17684f;background:#e5f4ee}.table-empty{color:var(--muted);text-align:center;padding:30px;font-size:11px}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0e0e2fa6;place-items:center;padding:22px;display:grid;position:fixed;inset:0}.upload-modal{background:#fff;width:min(500px,100%);padding:34px;position:relative;box-shadow:0 30px 90px #0d0c2d61}.modal-close{cursor:pointer;width:32px;height:32px;color:var(--muted);background:#f4f2ec;border:0;font-size:20px;position:absolute;top:15px;right:18px}.drop-zone{cursor:pointer;background:#faf9f5;border:1px dashed #bdb8d2;flex-direction:column;justify-content:center;align-items:center;min-height:148px;transition:all .15s;display:flex}.drop-zone:hover{border-color:var(--violet);background:#f5f2ff}.drop-zone input{opacity:0;width:1px;height:1px;position:absolute}.drop-zone>span{color:#fff;background:var(--violet);border-radius:50%;place-items:center;width:38px;height:38px;margin-bottom:10px;font-size:19px;display:grid}.drop-zone b{font-size:12px}.drop-zone small{color:var(--muted);margin-top:4px;font-size:9px}.template-row{justify-content:space-between;align-items:center;margin:10px 0 16px;display:flex}.template-row button{cursor:pointer;color:var(--violet);background:0 0;border:0;padding:0;font-size:9px;font-weight:700}.template-row span{color:var(--muted);font-size:8px}.upload-preview{color:#17684f;background:#e8f6f1;flex-direction:column;gap:3px;margin:0 0 14px;padding:11px 13px;display:flex}.upload-preview b{font-size:10px}.upload-preview span{color:#538272;font-size:8px}.dashboard-body--settings{max-width:1180px}.settings-page{gap:16px;display:grid}.settings-intro{color:#fff;background:radial-gradient(circle at 88% 10%, #ff6b3561, transparent 31%), var(--indigo);justify-content:space-between;align-items:flex-end;gap:20px;padding:24px 26px;display:flex}.settings-intro span{color:#aaa3ff;letter-spacing:.2em;font:800 8px ui-monospace,monospace}.settings-intro h2{letter-spacing:-.04em;margin:6px 0 5px;font-size:24px}.settings-intro p{color:#fff9;margin:0;font-size:11px}.settings-intro a{color:#fff;border:1px solid #ffffff40;flex:none;padding:10px 13px;font-size:9px;font-weight:700}.settings-intro a:hover{background:#ffffff1a}.settings-status{padding:11px 14px;font-size:11px}.settings-status--success{color:#17684f;border-left:3px solid var(--success);background:#e8f6f1}.settings-status--error{color:#a94231;border-left:3px solid var(--orange);background:#fff0ec}.settings-form{gap:12px;transition:opacity .15s;display:grid}.settings-form.is-loading{pointer-events:none;opacity:.55}.settings-group{background:#fff;border:1px solid #e1dfd8;grid-template-columns:190px minmax(0,1fr);gap:28px;padding:24px 26px;display:grid}.settings-group>header h3{margin:0 0 7px;font-size:15px}.settings-group>header p{color:var(--muted);margin:0;font-size:9px;line-height:1.7}.settings-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.settings-field{flex-direction:column;gap:7px;min-width:0;display:flex;position:relative}.settings-field--wide{grid-column:1/-1}.settings-field>span{color:#555463;font-size:10px;font-weight:700}.settings-field>span small{color:var(--violet);background:#f0edff;margin-left:6px;padding:2px 5px;font-size:7px}.settings-field input,.settings-field textarea{width:100%;color:var(--ink);resize:vertical;background:#f8f7f3;border:1px solid #e5e2da;border-radius:0;outline:0;padding:11px 13px;font-size:11px;line-height:1.65;transition:all .15s}.settings-field input{height:44px;padding-right:48px}.settings-field textarea{min-height:78px;padding-right:48px}.settings-field input:focus,.settings-field textarea:focus{border-color:var(--violet);background:#fff;box-shadow:0 0 0 4px #675be814}.settings-field>em{color:#aaa7af;font:500 7px ui-monospace,monospace;position:absolute;bottom:9px;right:9px}.settings-actions{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f3f3f0f0;border-top:1px solid #dcd9d1;justify-content:flex-end;gap:10px;padding:14px 16px;display:flex;position:sticky;bottom:0}.settings-actions button{min-width:132px}.settings-actions button:disabled{cursor:not-allowed;opacity:.55}@media (max-width:1040px){.public-content{grid-template-columns:minmax(0,.7fr) minmax(480px,1.3fr);gap:45px}.hero-copy h1{font-size:50px}.stats-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.class-list{grid-template-columns:1fr 1fr}.settings-group{grid-template-columns:1fr;gap:18px}}@media (max-width:820px){.public-shell{background:var(--paper)}.public-nav,.public-notice,.public-footer,.public-content{width:min(100% - 34px,610px)}.public-nav{height:76px}.public-content{flex-direction:column;align-items:stretch;gap:36px;padding:42px 0 58px;display:flex}.hero-copy{padding-bottom:0}.hero-copy:after{display:none}.hero-copy h1{font-size:clamp(45px,12vw,64px)}.hero-copy>p{margin-bottom:22px}.checkin-panel{max-width:none}.checkin-panel:before{inset:30px -7px -8px 34%}.clock-time{font-size:clamp(46px,12vw,68px)}.public-footer{flex-direction:column;justify-content:center;align-items:flex-start;gap:4px}.login-shell{grid-template-columns:1fr}.login-aside{min-height:300px;padding:28px}.login-aside-copy{margin-top:66px}.login-aside-copy h1{font-size:38px}.login-panel{padding:70px 24px}.back-home{top:24px;right:24px}.admin-shell{display:block}.admin-sidebar{flex-direction:row;align-items:center;width:100%;height:auto;min-height:0;padding:18px 22px;position:relative}.admin-sidebar nav{margin:0 0 0 auto;display:flex;overflow-x:auto}.admin-sidebar nav button,.admin-sidebar nav a{justify-content:center;width:42px;height:42px;padding:0;font-size:0}.admin-sidebar nav span{font-size:17px}.sidebar-note,.logout-button{display:none}.dashboard-toolbar{flex-direction:column;align-items:stretch}.action-group{justify-content:flex-end}.settings-intro{flex-direction:column;align-items:flex-start}}@media (max-width:580px){.admin-entry{font-size:0}.admin-entry span{font-size:13px}.public-content{padding-top:30px}.eyebrow{margin-bottom:18px}.hero-copy h1{font-size:44px}.hero-copy>p{margin-top:22px;font-size:13px}.clock-card{min-height:164px;padding:22px}.clock-time{font-size:47px}.clock-meta{bottom:20px;right:20px}.clock-meta span:first-child{display:none}.search-card{min-height:410px;padding:25px 21px 21px}.student-class{display:none}.student-list>button{grid-template-columns:38px 1fr 16px}.admin-topbar{height:82px;padding:0 18px}.admin-topbar h1{font-size:19px}.clock-compact{padding:0 11px}.clock-compact small,.icon-button{display:none}.dashboard-body{padding:20px 14px 40px}.filter-group{grid-template-columns:1fr 1fr;display:grid}.filter-group input,.filter-group select{width:100%;min-width:0}.action-group>*{flex:1}.stats-grid{grid-template-columns:1fr 1fr;gap:8px}.stat-card{min-height:132px;padding:17px}.stat-card strong{font-size:31px}.rate-ring{width:58px;height:58px}.rate-ring:before{width:44px;height:44px}.chart-card,.class-card{padding:20px 15px 16px}.bar-chart{gap:2px}.class-list{grid-template-columns:1fr}.upload-modal{padding:28px 20px 22px}.settings-intro,.settings-group{padding:20px 16px}.settings-fields{grid-template-columns:1fr}.settings-field--wide{grid-column:auto}.settings-actions>button{flex:1;min-width:0}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}