@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-ext-500-normal-B0yAr1jD.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-500-normal-BmqWE9Dz.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-cyrillic-500-normal-BasfLYem.woff2) format("woff2"),url(/assets/inter-cyrillic-500-normal-CxZf_p3X.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-ext-500-normal-C4iEst2y.woff2) format("woff2"),url(/assets/inter-greek-ext-500-normal-2j5mBUwD.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-greek-500-normal-BIZE56-Y.woff2) format("woff2"),url(/assets/inter-greek-500-normal-Xzm54t5V.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-vietnamese-500-normal-DOriooB6.woff2) format("woff2"),url(/assets/inter-vietnamese-500-normal-mJboJaSs.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-ext-500-normal-CV4jyFjo.woff2) format("woff2"),url(/assets/inter-latin-ext-500-normal-BxGbmqWO.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-ext-700-normal-BjwYoWNd.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-700-normal-LO58E6JB.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-cyrillic-700-normal-CjBOestx.woff2) format("woff2"),url(/assets/inter-cyrillic-700-normal-DrXBdSj3.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-ext-700-normal-qfdV9bQt.woff2) format("woff2"),url(/assets/inter-greek-ext-700-normal-BoQ6DsYi.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-greek-700-normal-C3JjAnD8.woff2) format("woff2"),url(/assets/inter-greek-700-normal-BUv2fZ6O.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-vietnamese-700-normal-DlLaEgI2.woff2) format("woff2"),url(/assets/inter-vietnamese-700-normal-BZaoP0fm.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-ext-700-normal-Ca8adRJv.woff2) format("woff2"),url(/assets/inter-latin-ext-700-normal-TidjK2hL.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Inter;font-style:normal;font-display:swap;font-weight:700;src:url(/assets/inter-latin-700-normal-Yt3aPRUw.woff2) format("woff2"),url(/assets/inter-latin-700-normal-BLAVimhd.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#17202a;background:#f4f7f8;font-family:Inter,system-ui,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:Inter,system-ui,sans-serif}button,input,select,textarea,table{font:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #6ab7ff;outline-offset:2px}a{color:inherit}.boot-screen,.auth-page{min-height:100vh;display:grid;place-items:center;padding:24px}.auth-page{background:linear-gradient(#10212d8c,#10212d8c),url(https://images.unsplash.com/photo-1497366754035-f200968a6e72?auto=format&fit=crop&w=1800&q=80) center / cover}.auth-panel{width:min(440px,100%);padding:32px;border-radius:8px;background:#fff;box-shadow:0 24px 70px #0f172a33}.auth-panel h1,.topbar h1,.section-heading h2{margin:0;letter-spacing:0}.auth-panel h1{font-size:2rem;margin-bottom:24px}.eyebrow{display:block;color:#687782;font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:0}.form-stack{display:grid;gap:16px}.form-stack label{display:grid;gap:7px;color:#354653;font-size:.9rem;font-weight:700}.form-stack input{min-height:44px;border:1px solid #cbd5dc;border-radius:8px;padding:0 12px}.primary-button,.secondary-button,.icon-button{border-radius:8px;cursor:pointer}.primary-button{border:0;min-height:44px;background:#176b5c;color:#fff;font-weight:800}.secondary-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid #cbd5dc;background:#fff;color:#1c3442;padding:0 12px;font-weight:800;text-decoration:none}.primary-button:hover:not(:disabled),.secondary-button:hover:not(:disabled),.pagination button:hover:not(:disabled),.icon-button:hover{filter:brightness(.97)}.danger-button{min-height:40px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;background:#a22222;color:#fff;padding:0 12px;font-weight:800}.secondary-button.compact,.danger-button.compact{min-height:34px;padding:0 10px;font-size:.86rem}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled,.pagination button:disabled{cursor:not-allowed;opacity:.6}.text-link{display:inline-block;margin-top:18px;color:#176b5c;font-weight:800;text-decoration:none}.form-error,.form-success{margin:0;border-radius:8px;padding:10px 12px;font-size:.9rem}.form-error{background:#fff1f1;color:#a22222}.form-success{background:#edf9f2;color:#176b35}.app-shell{min-height:100vh;display:grid;grid-template-columns:260px minmax(0,1fr)}.sidebar{background:#12232e;color:#fff;padding:20px;border-right:1px solid #203947}.brand{display:flex;gap:12px;align-items:center;padding-bottom:24px}.brand-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:8px;background:#35a58d;color:#fff;font-weight:900}.brand span,.user-menu span{display:block;color:#9aabb7;font-size:.82rem}.nav-list{display:grid;gap:8px}.nav-link{display:flex;align-items:center;gap:10px;min-height:42px;border-radius:8px;padding:0 12px;color:#d7e2e8;text-decoration:none}.nav-link.active,.nav-link:hover{background:#203947;color:#fff}.shell-main{min-width:0;display:grid;grid-template-rows:auto 1fr}.topbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid #dce4e8;background:#fff;padding:14px 24px}.topbar h1{font-size:1.35rem}.menu-button{display:none}.icon-button{border:0;width:40px;height:40px;display:grid;place-items:center;background:#edf3f5;color:#1c3442}.user-menu{display:flex;align-items:center;gap:12px;text-align:right}.content{padding:28px}.page-stack{display:grid;gap:22px}.section-heading h2{font-size:1.6rem}.row-heading,.button-row,.inline-form{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.row-heading{align-items:flex-start;justify-content:space-between}.split-heading,.panel-header,.form-actions,.pagination,.search-row,.qr-panel>div:first-child,.profile-panel>div:first-child{display:flex;align-items:center;gap:12px}.split-heading,.panel-header,.pagination{justify-content:space-between}.management-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:18px;align-items:start}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.metric-card,.data-panel{border:1px solid #dce4e8;border-radius:8px;background:#fff;box-shadow:0 10px 26px #0f172a0a}.metric-card{min-height:136px;display:grid;align-content:space-between;gap:10px;padding:18px}.metric-card svg{color:#176b5c}.metric-card span{color:#60717d;font-size:.9rem}.metric-card strong{font-size:1.1rem}.metric-card small{color:#718390;line-height:1.35}.data-panel{display:grid;gap:18px;padding:20px}.data-panel h3,.data-panel p{margin:0}.data-panel p{color:#536674;line-height:1.6}.empty-state{border:1px dashed #b9c8d0;border-radius:8px;padding:22px;color:#60717d;text-align:center}.loading-strip{border:1px solid #c6d8e2;border-radius:8px;background:#f4f9fb;color:#315568;padding:10px 12px;font-size:.9rem;font-weight:800}.notice{border-radius:8px;padding:12px 14px;font-weight:700}.notice.success{background:#edf9f2;color:#176b35}.notice.error{background:#fff1f1;color:#a22222}table{width:100%;min-width:760px;border-collapse:collapse;font-size:.92rem}th,td{border-bottom:1px solid #e5ecef;padding:12px 10px;text-align:left;vertical-align:middle}th{background:#f8fbfc;color:#405461;font-size:.78rem;text-transform:uppercase;letter-spacing:0}.badge{display:inline-flex;align-items:center;min-height:24px;border-radius:8px;background:#edf3f5;color:#1c3442;padding:0 10px;font-size:.78rem;font-weight:800}.badge.success{background:#edf9f2;color:#176b35}.badge.danger{background:#fff1f1;color:#a22222}.inline-form label{display:grid;gap:6px;color:#354653;font-size:.84rem;font-weight:700}.inline-form input{min-width:220px;min-height:40px;border:1px solid #cbd5dc;border-radius:8px;padding:0 12px}.split-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:18px}.detail-list{display:grid;gap:10px;margin:0}.detail-list div{display:grid;gap:4px;border-bottom:1px solid #e5ecef;padding-bottom:10px}.detail-list dt{color:#60717d;font-size:.82rem;font-weight:800;text-transform:uppercase}.detail-list dd{margin:0}.table-wrap{overflow-x:auto;border:1px solid #e5ecef;border-radius:8px}.data-table{width:100%;border-collapse:collapse;font-size:.92rem}.data-table th,.data-table td{border-bottom:1px solid #e5ecef;padding:13px 12px;text-align:left;vertical-align:middle}.data-table th{background:#f8fbfc;color:#536674;font-size:.78rem;text-transform:uppercase}.data-table tbody tr{cursor:pointer;transition:background-color .14s ease,box-shadow .14s ease}.data-table tbody tr:hover{background:#f6fafb}.data-table tbody tr.selected-row{background:#edf8f5;box-shadow:inset 4px 0 #176b5c}.attendance-records-layout .data-table tbody tr{cursor:default}.status-badge{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:#edf9f2;color:#176b35;padding:0 10px;font-size:.78rem;font-weight:800}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.form-grid label,.search-row{min-width:0}.form-grid label{display:grid;gap:7px;color:#354653;font-size:.9rem;font-weight:700}.form-grid input,.form-grid select,.filter-grid input,.filter-grid select,.search-row input{min-width:0;min-height:42px;border:1px solid #cbd5dc;border-radius:8px;background:#fff;padding:0 12px}.form-grid input[aria-invalid=true],.form-grid select[aria-invalid=true],.filter-grid input[aria-invalid=true],.filter-grid select[aria-invalid=true]{border-color:#a22222;box-shadow:0 0 0 2px #a2222214}.field-error{color:#a22222;font-size:.82rem;font-weight:700}.filter-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.filter-grid label,.limit-control{display:grid;gap:7px;color:#354653;font-size:.9rem;font-weight:700}.filter-grid .form-actions{align-self:end}.limit-control{min-width:110px}.limit-control select{min-height:36px;border:1px solid #cbd5dc;border-radius:8px;background:#fff;padding:0 10px}.form-grid label:nth-child(2),.form-actions,.qr-panel,.profile-panel{grid-column:1 / -1}.form-actions{flex-wrap:wrap}.search-row input{flex:1}.pagination{color:#536674;font-size:.9rem}.pagination button{min-height:36px;border:1px solid #cbd5dc;border-radius:8px;background:#fff;color:#1c3442;padding:0 10px;font-weight:800}.disabled-link{opacity:.55;pointer-events:none}.toast-region{position:fixed;right:18px;bottom:18px;z-index:30;display:grid;gap:10px;width:min(420px,calc(100vw - 28px))}.toast{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;border:1px solid #dce4e8;border-radius:8px;background:#fff;color:#17202a;box-shadow:0 18px 46px #0f172a2e;padding:12px}.toast span{min-width:0;overflow-wrap:anywhere;font-size:.9rem;font-weight:750}.toast-success{border-color:#b9e7c8}.toast-success svg{color:#176b35}.toast-error{border-color:#f0c2c2}.toast-error svg{color:#a22222}.toast-info svg{color:#176b5c}.toast-close{width:30px;height:30px}.error-boundary{min-height:100vh;display:grid;place-items:center;background:#f4f7f8;padding:24px}.error-boundary>div{width:min(520px,100%);display:grid;gap:14px;border:1px solid #dce4e8;border-radius:8px;background:#fff;padding:24px;box-shadow:0 18px 46px #0f172a1f}.error-boundary svg{color:#a22222}.error-boundary h1,.error-boundary p{margin:0}.error-boundary h1{font-size:1.4rem;letter-spacing:0}.qr-panel,.profile-panel{display:grid;gap:12px;border:1px solid #dce4e8;border-radius:8px;padding:14px}.qr-panel img{width:min(220px,100%);aspect-ratio:1;object-fit:contain;border:1px solid #e5ecef;border-radius:8px;padding:8px;background:#fff}.readonly-field{display:grid;gap:6px;color:#405461;font-weight:800}.readonly-field input{width:100%;min-width:0;border:1px solid #cbd5dc;border-radius:8px;background:#f8fafb;color:#1c3442;padding:10px 12px;overflow:hidden;text-overflow:ellipsis}.scan-context{border:1px solid #c1e5d5;border-radius:8px;background:#effbf5;color:#18603f;font-weight:800;margin:0;padding:12px 14px}.warning-copy{color:#93630d;font-weight:700}.profile-panel dl{display:grid;grid-template-columns:100px minmax(0,1fr);gap:8px 12px;margin:0}.profile-panel dt{color:#60717d;font-weight:800}.profile-panel dd{margin:0}.single-column-form{grid-template-columns:1fr}.single-column-form label{grid-column:1 / -1}.attendance-records-layout{display:grid}.attendance-detail-stack{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.attendance-detail-stack[aria-busy=true]{opacity:.76}.detail-group{display:grid;gap:10px;border:1px solid #e5ecef;border-radius:8px;background:#fbfdfe;padding:14px}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;display:grid;place-items:center;background:#0f172a6b;padding:24px}.detail-modal{display:grid;gap:18px;width:min(880px,calc(100vw - 32px));max-height:min(760px,calc(100vh - 32px));overflow:auto;border:1px solid var(--admin-outline);border-radius:14px;background:var(--admin-surface);box-shadow:0 28px 80px #0f172a47;padding:22px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;border-bottom:1px solid var(--admin-outline);padding-bottom:16px}.modal-header h3,.modal-header p{margin:0}.modal-header h3{color:var(--admin-text);font-size:1.15rem;line-height:1.25}.modal-header p{color:var(--admin-muted);font-size:.9rem}.detail-group h4{margin:0;color:#1c3442;font-size:.94rem;letter-spacing:0}.employee-auth-page,.employee-shell{min-height:100vh;background:#f4f7f8}.employee-auth-page{display:grid;place-items:center;padding:20px}.employee-auth-panel{width:min(420px,100%);border:1px solid #dce4e8;border-radius:8px;background:#fff;box-shadow:0 18px 50px #0f172a1f;padding:28px}.employee-auth-panel h1{margin:0 0 22px;font-size:2rem;letter-spacing:0}.password-field{position:relative;display:block}.password-field input{width:100%;padding-right:46px}.password-field button{position:absolute;right:6px;top:50%;width:34px;height:34px;display:grid;place-items:center;border:0;border-radius:8px;background:#edf3f5;color:#1c3442;transform:translateY(-50%)}.employee-shell{width:min(680px,100%);margin:0 auto;padding:16px}.employee-header{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:12px}.employee-header strong{display:block;font-size:1.05rem}.employee-stack{display:grid;gap:16px;padding-bottom:28px}.employee-hero{display:grid;gap:8px;padding:10px 0 4px}.employee-hero h1{margin:0;font-size:clamp(2rem,7vw,3rem);line-height:1.02;letter-spacing:0}.employee-hero p{margin:0;color:#536674;line-height:1.6}.employee-card{display:grid;gap:12px;border:1px solid #dce4e8;border-radius:8px;background:#fff;padding:18px}.employee-card h1,.employee-card h2,.employee-card p{margin:0}.employee-card h2{font-size:1.05rem;letter-spacing:0}.employee-card p,.employee-card small{color:#536674;line-height:1.55}.employee-status-card>div,.permission-list>div{display:flex;align-items:center;gap:10px;color:#176b5c;font-weight:800}.employee-status-card strong{font-size:1.8rem;text-transform:capitalize}.employee-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.segmented-control{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden;border:1px solid #cbd5dc;border-radius:8px;background:#edf3f5;padding:4px}.segmented-control button{min-height:44px;border:0;border-radius:6px;background:transparent;color:#405461;font-weight:800}.segmented-control button.active{background:#fff;color:#176b5c;box-shadow:0 6px 16px #0f172a1a}.employee-primary,.employee-scan-button,.employee-wide-button{width:100%;min-height:48px}.employee-primary,.employee-wide-button{display:inline-flex;align-items:center;justify-content:center;gap:10px}.employee-scan-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:8px;background:#176b5c;color:#fff;font-weight:900;text-decoration:none}.employee-actions{display:grid;gap:10px}.location-summary dl{display:grid;gap:10px;margin:0}.location-summary div{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e5ecef;padding-bottom:10px}.location-summary dt{color:#60717d;font-weight:800}.location-summary dd{margin:0;text-align:right}.scanner-card video{width:100%;aspect-ratio:3 / 4;border-radius:8px;background:#12232e;object-fit:cover}.result-card{text-align:center;justify-items:center}.result-card.valid svg{color:#176b35}.result-card.rejected svg{color:#a22222}@media (max-width: 1024px){.app-shell{grid-template-columns:220px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-grid,.split-grid{grid-template-columns:1fr}.filter-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;transform:translate(-100%);transition:transform .16s ease;z-index:5}.sidebar-open{transform:translate(0)}.menu-button{display:grid}.topbar{align-items:flex-start;padding:14px 16px}.user-menu{max-width:210px}.user-menu div{display:none}.content{padding:18px 14px}.metric-grid{grid-template-columns:1fr}.row-heading{display:grid}.inline-form{align-items:stretch}.inline-form input{min-width:0;width:100%}.split-heading,.panel-header,.pagination,.search-row{align-items:stretch;flex-direction:column}.form-grid,.filter-grid{grid-template-columns:1fr}.employee-shell{padding:14px}.employee-grid{grid-template-columns:1fr}}:root{--admin-background: #f9f9ff;--admin-surface: #ffffff;--admin-surface-low: #f0f3ff;--admin-surface-container: #e7eeff;--admin-surface-high: #dee8ff;--admin-surface-highest: #d8e3fb;--admin-text: #111c2d;--admin-muted: #464555;--admin-outline: #c7c4d8;--admin-primary: #3525cd;--admin-primary-bright: #4f46e5;--admin-primary-soft: #e2dfff;--admin-success: #0d6832;--admin-success-soft: #d1f4e0;--admin-error: #ba1a1a;--admin-error-soft: #ffdad6;--admin-warning: #92400e;--admin-warning-soft: #fef3c7}body{background:var(--admin-background);color:var(--admin-text)}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid rgba(79,70,229,.26)}.auth-page{background:radial-gradient(circle at 18% 8%,rgba(79,70,229,.08),transparent 28%),linear-gradient(135deg,#f0f3ff,#f9f9ff,#eef4ff)}.auth-panel{position:relative;width:min(440px,100%);padding:38px 32px 30px;border:1px solid rgba(199,196,216,.78);border-top:4px solid var(--admin-primary-bright);background:var(--admin-surface);box-shadow:0 20px 50px #111c2d1a}.auth-panel:before{content:"AF";position:absolute;top:-86px;left:50%;width:64px;height:64px;display:grid;place-items:center;border-radius:8px;background:var(--admin-primary);color:#fff;font-size:.82rem;font-weight:900;transform:translate(-50%);box-shadow:0 16px 36px #3525cd3d}.auth-panel h1{color:var(--admin-text);font-size:1.95rem;font-weight:800;text-align:center}.auth-panel .eyebrow{text-align:center}.eyebrow{color:var(--admin-muted);letter-spacing:.08em}.form-stack label,.form-grid label,.filter-grid label,.limit-control,.inline-form label,.readonly-field{color:var(--admin-muted);letter-spacing:.02em}.form-stack input,.form-grid input,.form-grid select,.filter-grid input,.filter-grid select,.search-row input,.inline-form input,.limit-control select,.readonly-field input{border-color:var(--admin-outline);background:var(--admin-surface);color:var(--admin-text)}.form-stack input{min-height:50px;background:var(--admin-surface-container)}.filter-panel{overflow:hidden;padding:14px}.filter-grid{grid-template-columns:minmax(118px,1.1fr) minmax(118px,1.1fr) minmax(96px,.8fr) minmax(94px,.78fr) minmax(112px,.86fr) minmax(112px,.86fr) minmax(176px,max-content);align-items:end;gap:10px;overflow-x:auto;padding:0 2px 4px}.filter-grid-super{grid-template-columns:minmax(114px,1fr) minmax(114px,1fr) minmax(92px,.76fr) minmax(90px,.72fr) minmax(106px,.82fr) minmax(106px,.82fr) minmax(102px,.74fr) minmax(176px,max-content)}.filter-grid label,.limit-control{gap:5px;font-size:.72rem;font-weight:800;letter-spacing:.035em;text-transform:uppercase}.filter-grid input,.filter-grid select{min-height:34px;border-radius:8px;background:var(--admin-surface-low);box-shadow:inset 0 1px #ffffffbf;font-size:.8rem;font-weight:600;letter-spacing:0;padding:0 8px}.filter-grid .form-actions{grid-column:auto;display:flex;flex-wrap:nowrap;align-self:end;gap:6px;min-width:max-content}.filter-grid .secondary-button{min-height:34px;border-radius:8px;padding:0 10px;font-size:.78rem;white-space:nowrap}.primary-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--admin-primary);color:#fff;padding:0 16px;box-shadow:0 4px 10px #3525cd33}.secondary-button,.pagination button{border-color:var(--admin-outline);background:var(--admin-surface);color:var(--admin-text)}.danger-button{background:var(--admin-error)}.text-link{color:var(--admin-primary)}.form-error,.notice.error{background:var(--admin-error-soft);color:var(--admin-error)}.form-success,.notice.success{background:var(--admin-success-soft);color:var(--admin-success)}.app-shell{grid-template-columns:300px minmax(0,1fr);background:var(--admin-background);color:var(--admin-text)}.sidebar{position:sticky;top:0;width:300px;min-height:100vh;max-height:100vh;display:grid;grid-template-rows:auto auto 1fr auto;overflow:hidden;padding:24px 12px 0;border-right:1px solid var(--admin-outline);background:var(--admin-surface);color:var(--admin-text)}.brand{gap:14px;align-items:flex-start;padding:0 16px 30px}.brand>div:last-child{min-width:0}.brand-mark{width:44px;height:44px;border-radius:10px;background:var(--admin-primary);font-size:.72rem;box-shadow:0 10px 22px #3525cd2e}.brand strong{display:block;color:var(--admin-text);font-size:1rem;font-weight:700;line-height:1.22}.brand span,.sidebar-account span{color:var(--admin-muted)}.nav-kicker{padding:0 20px 14px;color:var(--admin-muted);font-size:.78rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.nav-list{align-content:start;gap:6px;border-bottom:1px solid var(--admin-outline);overflow-y:auto;padding:0 0 20px}.nav-link{min-height:48px;border-radius:8px;padding:0 20px;color:var(--admin-text);font-size:.98rem;font-weight:600}.nav-link.active,.nav-link:hover{background:var(--admin-primary-bright);color:#fff}.sidebar-account{position:relative;min-height:96px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 -12px;border-top:1px solid var(--admin-outline);background:var(--admin-surface-low);padding:16px 24px}.sidebar-account strong{display:block;overflow:hidden;color:var(--admin-text);text-overflow:ellipsis;white-space:nowrap}.account-avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:999px;background:var(--admin-primary);color:#fff;font-size:.72rem;font-weight:900;letter-spacing:.02em}.account-menu-trigger{width:36px;height:36px}.account-menu{position:absolute;right:18px;bottom:74px;z-index:5;display:grid;min-width:156px;border:1px solid var(--admin-outline);border-radius:8px;background:var(--admin-surface);box-shadow:0 18px 44px #111c2d24;padding:6px}.account-menu button{min-height:38px;display:flex;align-items:center;gap:10px;border:0;border-radius:6px;background:transparent;color:var(--admin-text);padding:0 10px;font-weight:750;text-align:left}.account-menu button:hover{background:var(--admin-surface-low)}.shell-main{background:var(--admin-background)}.topbar{min-height:78px;border-bottom:1px solid var(--admin-outline);background:var(--admin-surface);padding:14px 32px}.breadcrumb,.topbar-page{display:flex;min-width:0}.topbar-page{flex:1;flex-direction:column;align-items:flex-start;gap:2px}.breadcrumb{align-items:center;gap:12px;color:var(--admin-text);font-size:.92rem}.topbar-page span{max-width:100%;overflow:hidden;color:var(--admin-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.breadcrumb strong,.topbar-page strong{color:var(--admin-primary);font-weight:700;letter-spacing:0}.topbar-page strong{max-width:100%;overflow:hidden;color:var(--admin-text);font-size:1.2rem;line-height:1.18;text-overflow:ellipsis;white-space:nowrap}.icon-button{border:1px solid transparent;background:var(--admin-surface-low);color:var(--admin-text)}.notification-button{position:relative;background:transparent}.notification-button:after{content:"";position:absolute;top:8px;right:8px;width:8px;height:8px;border-radius:999px;background:#b00020}.top-action{min-width:124px;min-height:42px;font-size:.95rem}.content{width:min(100%,1440px);margin:0 auto;padding:32px}.page-stack{gap:24px}.section-heading h2{color:var(--admin-text);font-size:25px;line-height:1.18}.section-heading p,.row-heading p,.panel-header p{color:var(--admin-muted)}.management-grid{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr);gap:24px}.split-grid{gap:24px}.attendance-grid{grid-template-columns:minmax(0,1fr) minmax(320px,.38fr)}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.metric-card,.data-panel{border-color:#c7c4d8b8;background:var(--admin-surface);box-shadow:0 4px 12px #111c2d0a}.metric-card{position:relative;overflow:hidden;min-height:124px;background:var(--admin-surface-container);padding:20px 22px}.metric-card:after{content:"";position:absolute;top:0;right:0;width:62px;height:62px;border-bottom-left-radius:999px;background:#4f46e51f}.metric-card svg{justify-self:end;color:var(--admin-primary);z-index:1}.metric-card span,.metric-card small,.data-panel p,.empty-state,.pagination,.detail-list dt,.profile-panel dt{color:var(--admin-muted)}.metric-card span{font-size:1rem}.metric-card strong{color:var(--admin-text);font-size:1.28rem}.data-panel{padding:24px}.empty-state,.loading-strip,.table-wrap,.qr-panel,.profile-panel,.detail-group{border-color:#c7c4d8b8}.loading-strip{background:var(--admin-surface-container);color:var(--admin-primary)}table,.data-table{color:var(--admin-text)}th,td,.data-table th,.data-table td{border-bottom-color:#c7c4d885;padding:14px 16px;overflow-wrap:normal;word-break:normal}th,.data-table th{position:sticky;top:0;background:var(--admin-surface-low);color:var(--admin-muted);letter-spacing:.08em;white-space:nowrap}.data-table tbody tr:hover{background:#f0f3ffb3}.data-table tbody tr.selected-row{background:var(--admin-surface-container);box-shadow:inset 4px 0 0 var(--admin-primary)}.badge,.status-badge{border-radius:999px;background:var(--admin-surface-high);color:var(--admin-text)}.badge.success,.status-badge{background:var(--admin-success-soft);color:var(--admin-success)}.badge.danger{background:var(--admin-error-soft);color:var(--admin-error)}.field-error{color:var(--admin-error)}.form-grid input[aria-invalid=true],.form-grid select[aria-invalid=true],.filter-grid input[aria-invalid=true],.filter-grid select[aria-invalid=true]{border-color:var(--admin-error);box-shadow:0 0 0 2px #ba1a1a1a}.scan-context{border-color:#0d68323d;background:var(--admin-success-soft);color:var(--admin-success)}.warning-copy{color:var(--admin-warning)}.qr-panel img{border-color:#c7c4d8b8}.detail-group{background:var(--admin-surface-low)}.detail-group h4{color:var(--admin-text)}.flush-link{margin-top:0;text-transform:uppercase;letter-spacing:.1em}.toast{border-color:var(--admin-outline);color:var(--admin-text)}.toast-success svg{color:var(--admin-success)}.toast-error svg,.error-boundary svg{color:var(--admin-error)}.toast-info svg{color:var(--admin-primary)}.error-boundary,.employee-auth-page,.employee-shell{background:#f4f7f8}@media (max-width: 1280px){.management-grid{grid-template-columns:1fr}}@media (max-width: 1024px){.app-shell{grid-template-columns:248px minmax(0,1fr)}.sidebar{width:248px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.management-grid,.split-grid,.attendance-grid{grid-template-columns:1fr}}@media (max-width: 760px){.app-shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;z-index:20;width:min(280px,86vw);transform:translate(-100%);transition:transform .18s ease;box-shadow:20px 0 48px #111c2d2e}.sidebar.sidebar-open{transform:translate(0)}.menu-button{display:grid}.topbar{align-items:center;padding:14px 16px}.breadcrumb{min-width:0;flex:1}.top-action{min-width:0;padding:0 12px}.content{padding:18px 14px}.metric-grid{grid-template-columns:1fr}.detail-modal{padding:18px}.attendance-detail-stack{grid-template-columns:1fr}}