:root{color:#101b28;font-synthesis:none;--ink:#0d1b2a;--muted:#68717d;--line:#e5e3df;--paper:#fbfaf7;--white:#fff;--coral:#f3473b;--coral-soft:#fff0ed;--green:#169b52;--green-soft:#edf8f0;--amber:#e97917;--amber-soft:#fff6e8;--blue:#357fd3;--sidebar:#0c1b29;background:#fbfaf7;font-family:Inter,Aptos,Segoe UI,Arial,sans-serif}*{box-sizing:border-box}body{background:var(--paper);min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,a{transition:all .18s}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.65}a{color:inherit;text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.11em;color:var(--coral);margin:0 0 9px;font-size:.72rem;font-weight:800}.lead{color:var(--muted);font-size:1.05rem;line-height:1.75}.route-loader{min-height:100vh;color:var(--muted);place-items:center;font-weight:700;display:grid}.primary-button,.secondary-button{white-space:nowrap;border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:9px;padding:12px 17px;font-weight:700;display:inline-flex}.primary-button{background:var(--coral);color:#fff;box-shadow:0 8px 22px #f3473b2e}.primary-button:hover{background:#df392e;transform:translateY(-1px)}.secondary-button{color:var(--ink);background:#fff;border-color:#d8d6d1}.secondary-button:hover{border-color:#aaa6a0}.text-link{color:var(--coral);align-items:center;gap:6px;font-weight:700;display:inline-flex}.icon-button{border:1px solid var(--line);width:38px;height:38px;color:var(--ink);background:#fff;border-radius:9px;place-items:center;display:grid}.icon-button--dark{color:#fff;background:0 0;border-color:#3b4854}.login-page{grid-template-columns:1.15fr .85fr;min-height:100vh;display:grid}.login-intro{background:var(--sidebar);color:#fff;flex-direction:column;justify-content:space-between;padding:54px clamp(36px,6vw,96px);display:flex;position:relative;overflow:hidden}.login-intro:after{content:"";border:1px solid #ffffff14;border-radius:50%;width:360px;height:360px;position:absolute;bottom:-100px;right:-120px;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff05}.login-wordmark{color:#fff;font-size:1.25rem;font-weight:800}.login-wordmark span{color:#ff6a5f}.login-intro h1{letter-spacing:-.055em;max-width:810px;margin:0;font-size:clamp(2.5rem,5vw,5.1rem);line-height:1.02}.login-intro .lead{color:#b7c0ca;max-width:650px}.trust-line{color:#bbc4cc;z-index:1;align-items:center;gap:10px;font-size:.9rem;display:flex}.login-panel{background:#f6f3ee;place-items:center;padding:42px;display:grid}.login-card{width:min(460px,100%)}.login-card h2{letter-spacing:-.035em;margin:0 0 10px;font-size:2rem}.login-card>p:not(.eyebrow){color:var(--muted);margin-bottom:28px;line-height:1.65}.role-button{border:1px solid var(--line);width:100%;color:var(--ink);text-align:left;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;margin:12px 0;padding:19px 18px;display:flex}.role-button span{flex-direction:column;gap:3px;display:flex}.role-button strong{font-size:1rem}.role-button small,.login-note{color:var(--muted)}.role-button:hover{border-color:#bbb6af;transform:translateY(-1px)}.role-button--primary{background:var(--coral-soft);border-color:#ffd0cb}.login-note{margin-top:22px;line-height:1.6;display:block}.admin-shell{min-height:100vh}.sidebar{background:var(--sidebar);color:#fff;z-index:20;flex-direction:column;width:245px;padding:28px 16px 18px;display:flex;position:fixed;inset:0 auto 0 0}.brand-mark{align-items:center;gap:11px;padding:0 9px 31px;display:flex}.brand-mark>span{background:var(--coral);border-radius:11px;place-items:center;width:39px;height:39px;font-size:1.25rem;font-weight:800;display:grid}.brand-mark>div,.sidebar-footer>div:not(.avatar){flex-direction:column;display:flex}.brand-mark small,.sidebar-footer small{color:#9aa7b3;margin-top:2px}.sidebar nav{flex-direction:column;gap:5px;display:flex}.sidebar nav a{color:#cbd2d9;border-radius:9px;align-items:center;gap:12px;padding:12px 13px;font-weight:600;display:flex}.sidebar nav a:hover{color:#fff;background:#152a3d}.sidebar nav a.active{background:var(--coral);color:#fff}.sidebar-footer{border-top:1px solid #31404e;align-items:center;gap:10px;margin-top:auto;padding:19px 7px 0;display:flex}.avatar{background:var(--coral);border-radius:50%;place-items:center;width:38px;height:38px;font-weight:700;display:grid}.sidebar-footer .icon-button{margin-left:auto}.admin-main{min-height:100vh;margin-left:245px}.admin-mobile-nav{display:none}.page{max-width:1600px;margin:0 auto;padding:34px clamp(24px,4vw,62px) 60px}.page-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:30px;display:flex}.page-header.compact{margin-bottom:20px}.page-header h1{letter-spacing:-.05em;margin:0 0 9px;font-size:clamp(2rem,3.2vw,3.15rem);line-height:1.05}.page-header p:last-child{color:var(--muted);margin:0}.metric-strip{border-block:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-bottom:34px;display:grid}.metric{border-right:1px solid var(--line);align-items:center;gap:16px;padding:25px 24px;display:flex}.metric:last-child{border-right:0}.metric-icon{background:#f0eeea;border-radius:12px;place-items:center;width:49px;height:49px;display:grid}.metric div{flex-direction:column;display:flex}.metric strong{font-size:2rem;line-height:1}.metric span:last-child{color:var(--muted);margin-top:7px;font-size:.85rem}.metric--green .metric-icon,.metric--green strong{color:var(--green)}.metric--green .metric-icon{background:var(--green-soft)}.metric--amber .metric-icon,.metric--amber strong{color:var(--amber)}.metric--amber .metric-icon{background:var(--amber-soft)}.metric--coral .metric-icon,.metric--coral strong{color:var(--coral)}.metric--coral .metric-icon{background:var(--coral-soft)}.dashboard-section{border-bottom:1px solid var(--line);padding:26px 0}.section-heading{justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:22px;display:flex}.section-heading h2,.employee-section h2{letter-spacing:-.025em;margin:0;font-size:1.25rem}.legend{color:var(--muted);gap:18px;font-size:.82rem;display:flex}.legend span{align-items:center;gap:7px;display:flex}.legend i{border-radius:2px;width:9px;height:9px}.legend .green{background:var(--green)}.legend .amber{background:var(--amber)}.bar-chart{background-image:linear-gradient(#eceae6 1px,#0000 1px);background-size:100% 33.333%;border-bottom:1px solid #d9d6d0;align-items:flex-end;gap:clamp(10px,3vw,42px);height:235px;padding:22px 20px 0;display:flex}.bar-group{height:100%;color:var(--muted);flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:10px;font-size:.75rem;display:flex}.bars{justify-content:center;align-items:flex-end;gap:5px;width:100%;height:180px;display:flex}.bar{border-radius:3px 3px 0 0;width:min(24px,35%);min-height:3px;position:relative}.bar b{color:var(--ink);font-size:.68rem;position:absolute;top:-19px;left:50%;transform:translate(-50%)}.bar--green{background:var(--green)}.bar--amber{background:var(--amber)}.table-wrap{border:1px solid var(--line);background:#fff;border-radius:10px;overflow:auto}.table-wrap table{border-collapse:collapse;width:100%;min-width:780px}.table-wrap th{text-transform:uppercase;letter-spacing:.06em;color:#707780;text-align:left;background:#f7f5f1;font-size:.71rem}.table-wrap th,.table-wrap td{white-space:nowrap;border-bottom:1px solid #ece9e4;padding:13px 15px}.table-wrap tbody tr:last-child td{border-bottom:0}.table-wrap td{font-size:.83rem}.table-wrap tbody tr:hover{background:#fcfaf7}.empty-row{text-align:center;color:var(--muted);padding:30px!important}.status{align-items:center;gap:6px;font-size:.77rem;font-weight:700;display:inline-flex}.status--valid{color:var(--green)}.status--no-punch,.status--missing-punch,.status--needs-review{color:var(--amber)}.status--needs-review{color:var(--coral)}.mono{font-variant-numeric:tabular-nums;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}.toolbar{justify-content:space-between;gap:14px;margin-bottom:17px;display:flex}.search-field{border:1px solid var(--line);min-width:min(450px,65%);color:var(--muted);background:#fff;border-radius:9px;align-items:center;gap:9px;padding:0 12px;display:flex}.search-field input{background:0 0;border:0;outline:0;width:100%;padding:11px 0}.toolbar select,.settings-grid input{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:9px;padding:11px 13px}.table-note{color:var(--muted);font-size:.78rem}.stepper{counter-reset:step;grid-template-columns:repeat(3,1fr);margin:22px 0 30px;padding:0;list-style:none;display:grid}.stepper li{color:#90959b;align-items:center;gap:10px;display:flex;position:relative}.stepper li:not(:last-child):after{content:"";background:var(--line);flex:1;height:1px;margin:0 20px}.stepper li>span{border:1px solid #a9adb2;border-radius:50%;flex:none;place-items:center;width:35px;height:35px;font-weight:700;display:grid}.stepper li strong{white-space:nowrap;font-size:.87rem}.stepper li.active{color:var(--coral)}.stepper li.active>span{border-color:var(--coral);background:var(--coral);color:#fff}.stepper li.complete{color:var(--green)}.stepper li.complete>span{border-color:var(--green);background:var(--green);color:#fff}.upload-stage{max-width:940px;margin:0 auto}.dropzone{text-align:center;background:#fff;border:1px dashed #bcb8b1;border-radius:14px;padding:70px 30px}.dropzone.dragging{border-color:var(--coral);background:var(--coral-soft)}.upload-icon{background:var(--coral-soft);width:62px;height:62px;color:var(--coral);border-radius:17px;place-items:center;margin:0 auto 20px;display:grid}.dropzone h2{margin:0 0 8px;font-size:1.55rem}.dropzone p{max-width:540px;color:var(--muted);margin:0 auto 25px;line-height:1.7}.error-banner,.warning-banner,.success-banner{border-radius:9px;align-items:center;gap:10px;margin:16px 0;padding:13px 15px;font-size:.86rem;display:flex}.error-banner{color:#b7281d;background:#fff0ee}.warning-banner{background:var(--amber-soft);color:#9e4d09}.success-banner{background:var(--green-soft);color:#08733a}.requirements{border-top:1px solid var(--line);margin-top:30px;padding-top:23px}.requirements h3{font-size:.95rem}.requirements>div{color:var(--muted);flex-wrap:wrap;gap:22px;font-size:.85rem;display:flex}.requirements span{align-items:center;gap:7px;display:flex}.requirements svg{width:17px;color:var(--green)}.file-summary{border-block:1px solid var(--line);align-items:center;gap:30px;padding:17px 0;display:flex}.file-name{border-right:1px solid var(--line);align-items:center;gap:12px;padding-right:30px;display:flex}.file-name svg{color:var(--green)}.file-name div,.file-summary>div:not(.file-name){flex-direction:column;gap:2px;display:flex}.file-summary small{color:var(--muted)}.file-summary .icon-button{margin-left:auto}.import-stats{border-bottom:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid}.import-stat{border-right:1px solid var(--line);flex-direction:column;padding:22px;display:flex}.import-stat:last-child{border-right:0}.import-stat strong{font-size:1.55rem}.import-stat span{color:var(--muted);margin-top:4px;font-size:.77rem}.import-stat--green strong{color:var(--green)}.import-stat--amber strong{color:var(--amber)}.import-stat--coral strong{color:var(--coral)}.import-preview{max-height:470px;margin-top:22px}.import-actions{background:linear-gradient(transparent,var(--paper) 24%);justify-content:flex-end;gap:12px;padding:18px 0;display:flex;position:sticky;bottom:0}.success-state{text-align:center;max-width:620px;margin:80px auto}.success-state>span{background:var(--green-soft);width:70px;height:70px;color:var(--green);border-radius:50%;place-items:center;margin:0 auto 22px;display:grid}.success-state h2{letter-spacing:-.04em;margin:0 0 12px;font-size:2.2rem}.success-state>p:not(.eyebrow){color:var(--muted);line-height:1.7}.success-state>div{justify-content:center;gap:12px;margin-top:27px;display:flex}.employee-shell{background:#fff;max-width:540px;min-height:100vh;margin:0 auto;padding-bottom:78px;position:relative;box-shadow:0 0 50px #0d1b2a14}.employee-content{min-height:calc(100vh - 78px)}.employee-home{padding:34px 28px 24px}.employee-header{justify-content:space-between;gap:16px;margin-bottom:30px;display:flex}.employee-header p{color:var(--muted);margin:0}.employee-header h1{letter-spacing:-.04em;margin:3px 0 5px;font-size:2rem}.employee-header span{color:var(--muted);font-size:.83rem}.notification-button{border:1px solid var(--line);background:#fff;border-radius:50%;place-items:center;width:44px;height:44px;display:grid;position:relative}.notification-button b{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;font-size:.67rem;display:grid;position:absolute;top:-3px;right:-2px}.punch-button{background:var(--coral);color:#fff;text-align:left;border:0;border-radius:15px;justify-content:center;align-items:center;gap:18px;width:100%;min-height:132px;padding:24px;display:flex;box-shadow:0 13px 28px #f3473b33}.punch-button>svg{width:38px;height:38px}.punch-button span{flex-direction:column;gap:5px;display:flex}.punch-button strong{font-size:1.55rem}.punch-button small{color:#ffe5e1}.punch-button.done{background:var(--green)}.employee-section{border-bottom:1px solid var(--line);padding:27px 0}.employee-section-title{justify-content:space-between;align-items:center;display:flex}.employee-section-title a{color:var(--coral);font-size:.85rem;font-weight:700}.shift-row{align-items:center;gap:18px;margin-top:20px;display:flex}.shift-row>span{background:var(--coral-soft);width:55px;height:55px;color:var(--coral);border-radius:50%;place-items:center;display:grid}.shift-row div{flex-direction:column;gap:4px;display:flex}.shift-row strong{letter-spacing:-.03em;font-size:1.65rem}.shift-row small{color:var(--muted)}.check-status{border:1px solid var(--line);border-radius:11px;align-items:center;gap:14px;margin-top:17px;padding:18px;display:flex}.check-status>span{width:42px;height:42px;color:var(--muted);background:#f0eeea;border-radius:50%;place-items:center;display:grid}.check-status div{flex-direction:column;gap:3px;display:flex}.check-status small{color:var(--muted)}.check-status.success{background:var(--green-soft);border-color:#a8dfbb}.check-status.success>span{background:var(--green);color:#fff}.check-status.success strong{color:var(--green)}.personal-stats{grid-template-columns:repeat(4,1fr);margin-top:20px;display:grid}.personal-stats>div{text-align:center;border-right:1px solid var(--line);flex-direction:column;align-items:center;gap:5px;display:flex}.personal-stats>div:last-child{border-right:0}.personal-stats svg{width:20px;color:var(--coral)}.personal-stats strong{font-size:1.4rem}.personal-stats small{color:var(--muted);font-size:.68rem}.notice-row{color:var(--coral);background:#f8f5f0;border-radius:11px;align-items:center;gap:14px;margin-top:25px;padding:15px;display:flex}.notice-row div{color:var(--ink);flex-direction:column;font-size:.82rem;display:flex}.notice-row span{color:var(--muted);margin-top:2px}.employee-nav{border-top:1px solid var(--line);z-index:10;background:#fffffff5;grid-template-columns:repeat(4,1fr);width:min(540px,100%);height:74px;display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.employee-nav a{color:#606873;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.69rem;display:flex}.employee-nav a.active{color:var(--coral)}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:920px;display:grid}.settings-grid label{border:1px solid var(--line);background:#fff;border-radius:11px;flex-direction:column;gap:7px;padding:18px;display:flex}.settings-grid label>span{font-weight:700}.settings-grid small{color:var(--muted)}.rule-note{border-block:1px solid var(--line);max-width:920px;margin-top:24px;padding:20px 0}.rule-note p{color:var(--muted);margin-bottom:0;line-height:1.7}@media (width<=980px){.sidebar{width:210px}.admin-main{margin-left:210px}.metric-strip{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.metric:nth-child(-n+2){border-bottom:1px solid var(--line)}.import-stats{grid-template-columns:repeat(3,1fr)}.import-stat{border-bottom:1px solid var(--line)}.login-page{grid-template-columns:1fr}.login-intro{min-height:52vh}.login-panel{min-height:48vh}}@media (width<=720px){.sidebar{display:none}.admin-main{margin-left:0;padding-bottom:72px}.admin-mobile-nav{border-top:1px solid var(--line);z-index:30;background:#fff;grid-template-columns:repeat(4,1fr);height:68px;display:grid;position:fixed;bottom:0;left:0;right:0}.admin-mobile-nav a{color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:.62rem;display:flex}.admin-mobile-nav a.active{color:var(--coral)}.page{padding:25px 18px 45px}.page-header{flex-direction:column;align-items:flex-start}.page-header .primary-button,.page-header .secondary-button{width:100%}.metric-strip{grid-template-columns:1fr 1fr}.metric{gap:10px;padding:18px 10px}.metric-icon{width:40px;height:40px}.metric strong{font-size:1.5rem}.section-heading{align-items:flex-start}.bar-chart{gap:5px;padding-inline:4px}.legend{display:none}.toolbar{flex-direction:column}.search-field{min-width:100%}.toolbar select{width:100%}.stepper li strong{display:none}.stepper li:not(:last-child):after{margin:0 8px}.file-summary{flex-wrap:wrap;align-items:flex-start}.file-name{border-right:0;border-bottom:1px solid var(--line);width:100%;padding-bottom:12px}.import-stats{grid-template-columns:1fr 1fr}.import-stat:nth-child(2n){border-right:0}.import-actions{grid-template-columns:1fr 1fr;display:grid}.settings-grid{grid-template-columns:1fr}.login-intro{padding:34px 25px}.login-intro h1{font-size:2.65rem}.login-panel{padding:35px 22px}.personal-stats{grid-template-columns:1fr 1fr;gap:18px}.personal-stats>div:nth-child(2){border-right:0}.employee-home{padding-inline:21px}}.employee-home{padding-bottom:108px}.auth-form{gap:15px;margin-top:24px;display:grid}.auth-form label{gap:7px;display:grid}.auth-form label span{font-size:.82rem;font-weight:700}.auth-form input{border:1px solid var(--line);background:#fff;border-radius:9px;outline:0;width:100%;padding:12px 13px}.auth-form input:focus{border-color:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}.auth-form .primary-button{width:100%;margin-top:4px}.auth-error{color:#b7281d;background:#fff0ee;border-radius:8px;padding:10px 12px;font-size:.84rem}.employee-metrics{margin-bottom:18px}.data-origin{color:var(--muted);align-items:center;gap:8px;margin:0 0 18px;font-size:.82rem;display:flex}.online-dot,.local-dot{background:var(--green);width:9px;height:9px;box-shadow:0 0 0 4px var(--green-soft);border-radius:50%}.local-dot{background:var(--amber);box-shadow:0 0 0 4px var(--amber-soft)}.employee-state{border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:800;display:inline-flex}.employee-state--active{color:var(--green);background:var(--green-soft)}.employee-state--inactive{color:var(--muted);background:#eeece8}.employee-nav-button{color:#606873;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:.69rem;display:flex}