:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#e7f3ff;--omni-background:#020812;--omni-surface:#071625;--omni-surface-raised:#0a1d30;--omni-border:#174467;--omni-border-strong:#167bb5;--omni-blue:#19bfff;--omni-blue-soft:#8cdcff;--omni-text:#e7f3ff;--omni-muted:#8da9c2;--omni-green:#46b985;--omni-red:#b95b68;background:#020812;font-family:Segoe UI,Inter,Arial,Helvetica,sans-serif}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{color:var(--omni-text);background:radial-gradient(circle at 50% -20%,#0c538147,#0000 42rem),radial-gradient(circle at 105% 20%,#0c4a7d26,#0000 34rem),linear-gradient(145deg,#020812 0%,#04111e 48%,#020a14 100%);flex-direction:column;display:flex}main{width:min(100% - 2rem,64rem);margin:auto;padding:2rem 0}h1,h2,p{margin-top:0}h1{color:#f2f8ff;letter-spacing:-.025em;margin-bottom:.75rem}h2{color:#eef7ff;margin-bottom:.5rem}a{color:inherit}button,input,select,textarea{font:inherit}input,select,textarea{width:100%;color:var(--omni-text);background:#071421;border:1px solid #28506f;border-radius:.55rem;margin-top:.4rem;padding:.78rem .85rem}input::placeholder,textarea::placeholder{color:#668198}input:focus-visible,select:focus-visible,textarea:focus-visible,button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #7dd8ff}textarea{resize:vertical}fieldset{background:#04101c7a;border:1px solid #1b4564;border-radius:.75rem;margin:0;padding:1.1rem}legend{padding:0 .4rem;font-weight:700}label{font-weight:600;display:block}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #173650;padding:.8rem}th{color:#8fb7d5;letter-spacing:.035em;text-transform:uppercase;font-size:.85rem}tbody tr:hover{background:#145a871f}.omni-time-brand{align-items:center;gap:.9rem;display:inline-flex}.omni-time-mark{object-fit:contain;flex:none;width:4.4rem;height:4.4rem;display:block}.omni-time-brand-copy{text-align:left;gap:.18rem;display:grid}.omni-time-wordmark{color:#c9eaff;letter-spacing:-.025em;text-shadow:0 0 .9rem #46a2e02e;-webkit-text-fill-color:transparent;background:linear-gradient(#f1f8ff 5%,#a9dcff 48%,#4f9bca 100%);-webkit-background-clip:text;background-clip:text;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;font-size:clamp(2rem,4vw,3.35rem);font-weight:500;line-height:.95}.omni-time-byline{color:var(--omni-blue);letter-spacing:.2em;text-transform:uppercase;font-size:.7rem;font-weight:700}.omni-time-brand-compact{gap:.65rem}.omni-time-brand-compact .omni-time-mark{width:2.8rem;height:2.8rem}.omni-time-brand-compact .omni-time-wordmark{font-size:1.55rem}.omni-time-brand-compact .omni-time-byline{font-size:.58rem}.management-brand{margin-bottom:1.2rem}.landing-shell,.auth-shell{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100vh;display:flex}.landing-shell{text-align:center;align-items:center}.landing-copy{max-width:34rem;color:var(--omni-muted);margin:1.2rem 0 1.6rem;font-size:1.05rem}.panel{border:1px solid var(--omni-border);background:linear-gradient(145deg,#0a1e31f5,#051320f5);border-radius:.9rem;padding:clamp(1.25rem,3vw,2rem);box-shadow:0 1rem 3rem #0000003d}.auth-panel{align-self:center;width:min(100%,28rem)}.eyebrow{color:var(--omni-blue-soft);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.4rem;font-size:.75rem;font-weight:700}.button{cursor:pointer;border:1px solid #0000;border-radius:.55rem;justify-content:center;align-items:center;min-height:2.7rem;padding:.65rem 1rem;font-weight:700;line-height:1;text-decoration:none;transition:border-color .14s,background .14s,box-shadow .14s;display:inline-flex}.button:disabled{cursor:wait;opacity:.65}.button-primary{color:#fff;background:linear-gradient(#087fbd,#075f98);border-color:#18a9e6;box-shadow:0 0 1rem #19bfff21}.button-secondary{color:#d9edff;background:#0a1c2d;border-color:#2a5a7d}.button-danger{color:#fff;background:#8e2934;border-color:#b63e49}.button:not(:disabled):hover{border-color:var(--omni-blue);box-shadow:0 0 1.2rem #19bfff2e}.button-row,.section-heading,.management-header,.context-banner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.form-stack{gap:1rem;margin-top:1.5rem;display:grid}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.form-grid-wide{grid-column:1/-1}.field-help{color:var(--omni-muted);margin-bottom:1rem;font-size:.9rem}.field-error{color:#ff9aa2;margin-top:.3rem;font-size:.85rem;font-weight:400;display:block}.form-message{background:#0a1c2d;border:1px solid #254963;border-radius:.45rem;margin:0;padding:.75rem}.form-message-error{color:#ffb5bb;background:#281319;border-color:#76323b}.form-message-success{color:#9cf0cd;background:#0b2a20;border-color:#17674b;margin:1rem 0}.management-shell{gap:1.25rem;width:min(100% - 2rem,70rem);margin:0 auto;display:grid}.management-shell-narrow{max-width:52rem}.management-user{color:var(--omni-muted);margin-bottom:0}.context-banner{color:#cbe8ff;background:#071a2b;border:1px solid #1f4d6e;border-radius:.6rem;flex-wrap:wrap;padding:.85rem 1rem;font-weight:700}.store-switcher{flex-wrap:wrap;gap:.5rem;display:flex}.store-link{background:#091a2a;border:1px solid #295678;border-radius:999px;padding:.55rem .8rem;text-decoration:none}.store-link[aria-current=page]{border-color:var(--omni-blue);background:#0b2a43}.section-heading{margin-bottom:1rem}.table-scroll{overflow-x:auto}.table-action{color:#74d4ff;font-weight:700}.status-badge{border-radius:999px;padding:.3rem .6rem;font-size:.85rem;font-weight:700;display:inline-flex}.status-active{color:#87f0c4;background:#0b2d21;border:1px solid #176d4d}.status-inactive{color:#ffadb4;background:#2b161b;border:1px solid #71343c}.employee-edit-heading{justify-content:space-between;align-items:flex-start;gap:1rem;display:flex}.status-control-panel{border-color:#294d67}.pin-status-panel{border-color:#1c5b82}.pin-management{margin-top:1rem}.pin-status-row{background:#071a2b;border-radius:.5rem;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;padding:.8rem 1rem;display:flex}.pin-entry-shell,.clock-station-shell{justify-content:center;align-items:center;min-height:100vh;display:flex}.clock-station-panel{width:min(100%,34rem)}.clock-station-workspace{isolation:isolate;align-content:start;gap:1rem;width:min(100% - 2rem,96rem);min-height:100vh;margin:0 auto;padding:clamp(1rem,2vw,1.8rem) 0;display:grid;position:relative}.clock-station-workspace:before,.clock-station-workspace:after{z-index:-1;background:conic-gradient(from 220deg, transparent 0 32%, #007bd30a 37%, #1185e142 43%, #0064bf12 49%, transparent 56% 100%);content:"";filter:blur(.35rem);pointer-events:none;border-radius:50%;width:42rem;height:42rem;position:fixed}.clock-station-workspace:before{top:-20rem;left:-16rem;transform:rotate(-18deg)}.clock-station-workspace:after{bottom:-23rem;right:-17rem;transform:rotate(165deg)}.clock-station-hero{grid-template-columns:minmax(9rem,1fr) minmax(22rem,1.7fr) minmax(9rem,1fr);align-items:start;gap:1.5rem;display:grid}.clock-station-product-type{color:#93d8ff;letter-spacing:.25em;text-transform:uppercase;max-width:10rem;font-size:.72rem;font-weight:700;line-height:1.7}.clock-station-centre{justify-items:center;gap:.6rem;display:grid}.clock-station-brand .omni-time-brand-copy{text-align:center}.clock-station-location{color:#cce8ff;text-align:right;justify-content:flex-end;align-items:flex-start;gap:.7rem;display:flex}.clock-station-location-pin{color:#8dd6ff;place-items:center;width:1.45rem;height:1.45rem;font-size:.72rem;display:grid}.clock-station-location div{gap:.2rem;display:grid}.clock-station-location strong{font-size:1.15rem;font-weight:600}.clock-station-location span:last-child{color:var(--omni-blue-soft);letter-spacing:.16em;text-transform:uppercase;font-size:.68rem;font-weight:700}.clock-station-time{text-align:center;justify-items:center;gap:.05rem;display:grid}.clock-station-time strong{color:#f4f9ff;font-variant-numeric:tabular-nums;letter-spacing:.035em;text-shadow:0 0 .3rem #bce1ffb3,0 0 1.4rem #2289e461;font-size:clamp(4rem,8vw,7.5rem);font-weight:300;line-height:.95}.clock-station-time span{color:#d8eaff;letter-spacing:.08em;font-size:clamp(1.1rem,2vw,1.65rem)}.clock-station-title{text-align:center;grid-template-columns:minmax(2rem,1fr) auto minmax(2rem,1fr);align-items:start;gap:1.4rem;display:grid}.clock-station-title>span{background:linear-gradient(90deg,#0000,#159bd9);height:1px;margin-top:.75rem}.clock-station-title>span:last-child{background:linear-gradient(90deg,#159bd9,#0000)}.clock-station-title h1{color:#33c8ff;letter-spacing:.34em;text-transform:uppercase;margin:0;font-size:1rem;font-weight:800}.clock-station-title p{color:#aecce2;margin:.25rem 0 0;font-size:.95rem}.clock-station-empty{text-align:center;margin-top:1rem}.employee-tile-grid{grid-template-columns:repeat(5,minmax(0,1fr));align-items:stretch;gap:.72rem;display:grid}.employee-clock-tile{color:#edf7ff;text-align:center;cursor:pointer;background:linear-gradient(155deg,#091f32f5,#03111dfa);border:1px solid #14537d;border-radius:.8rem;grid-template-rows:auto minmax(2.8em,auto) auto;align-content:center;justify-items:center;gap:.55rem;min-width:0;min-height:9.4rem;padding:.8rem;transition:border-color .14s,background .14s,box-shadow .14s,transform .14s;display:grid;box-shadow:inset 0 0 1.4rem #0b558914}.employee-clock-tile:hover,.employee-clock-tile:focus-visible{background:linear-gradient(155deg,#0b2a43fa,#041625fa);border-color:#18bdf7;box-shadow:inset 0 0 1.4rem #0b71b71a,0 0 1rem #009cff24}.employee-clock-tile:active{transform:translateY(1px)}.employee-clock-initials{color:#dceeff;background:#071421;border:2px solid;border-radius:50%;place-items:center;width:3.45rem;height:3.45rem;font-size:1.15rem;font-weight:750;display:grid;box-shadow:0 0 .8rem #0e98e421}.employee-clock-tile-in .employee-clock-initials{border-color:var(--omni-green);box-shadow:0 0 .2rem #46b98533}.employee-clock-tile-out .employee-clock-initials{border-color:var(--omni-red);box-shadow:0 0 .2rem #b95b682e}.employee-clock-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;min-width:0;max-width:100%;min-height:2.7em;font-size:.96rem;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.employee-clock-state{letter-spacing:.08em;align-items:center;gap:.42rem;font-size:1.5rem;font-weight:750;display:inline-flex}.employee-clock-state span{background:currentColor;border-radius:50%;width:.7rem;height:.7rem}.employee-clock-tile-in .employee-clock-state{color:var(--omni-green)}.employee-clock-tile-out .employee-clock-state{color:var(--omni-red)}.pin-keypad-overlay{z-index:20;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#01070ed6;place-items:center;padding:1rem;display:grid;position:fixed;inset:0;overflow-y:auto}.pin-keypad-dialog{text-align:center;background:radial-gradient(circle at 50% 0,#0c649f38,#0000 16rem),linear-gradient(160deg,#071b2d,#03111f 70%);border:1px solid #13a9eb;border-radius:1rem;width:min(100%,30rem);padding:clamp(1.25rem,4vw,2rem);position:relative;box-shadow:0 1.5rem 5rem #0000008c,0 0 2rem #009dff29}.pin-keypad-close{color:#9ed8ff;cursor:pointer;background:0 0;border:0;place-items:center;width:3rem;height:3rem;font-size:2rem;font-weight:300;display:grid;position:absolute;top:.7rem;right:.7rem}.pin-keypad-brand{justify-content:center;margin:.2rem 2.5rem 1.35rem}.pin-keypad-brand .omni-time-brand-copy{text-align:center}.pin-keypad-employee-name{overflow-wrap:anywhere;margin-bottom:.25rem;font-size:clamp(1.45rem,4vw,2rem);line-height:1.2}.pin-keypad-instruction{color:#a9d7f3;margin-bottom:0;font-size:1.05rem}.masked-pin{grid-template-columns:repeat(4,3.25rem);justify-content:center;gap:.6rem;margin:1.25rem 0;display:grid}.masked-pin span{color:#16c9ff;background:#061421;border:1px solid #087dbb;border-radius:.65rem;place-items:center;height:3.25rem;font-size:1.15rem;display:grid;box-shadow:inset 0 0 1rem #1082c91f}.pin-keypad{grid-template-columns:repeat(3,1fr);gap:.55rem;display:grid}.pin-keypad button{color:#f0f7ff;cursor:pointer;background:linear-gradient(#122d43,#091b2b);border:1px solid #245574;border-radius:.65rem;min-height:3.7rem;font-size:1.35rem;font-weight:600}.pin-keypad button:not(:disabled):hover,.pin-keypad button:not(:disabled):focus-visible{background:linear-gradient(#173c59,#0b263b);border-color:#19bfff}.pin-keypad button:disabled{cursor:wait;opacity:.5}.pin-keypad-spacer{min-height:3.7rem}.clock-success,.clock-failure{place-content:center;justify-items:center;min-height:20rem;display:grid}.clock-success-check,.clock-failure-mark{border:2px solid var(--omni-green);color:#fff;background:#09291e;border-radius:50%;place-items:center;width:5rem;height:5rem;margin:0 auto 1rem;font-size:3rem;font-weight:900;display:grid;box-shadow:0 0 1.5rem #20e89a38}.clock-failure-mark{border-color:var(--omni-red);background:#2b1217;box-shadow:0 0 1.5rem #ff626e29}.clock-failure p{color:var(--omni-muted);margin:.35rem 0 0}.pilot-footer{color:#64829c;letter-spacing:.08em;text-align:center;margin-top:.3rem;font-size:.8rem}.attendance-report-navigation{justify-content:space-between;align-items:center;gap:1rem;display:flex}.attendance-generated-at{color:var(--omni-muted);font-size:.9rem}.attendance-table{font-variant-numeric:tabular-nums}.clock-station-management{margin-top:1.5rem}.clock-station-pairing-form,.clock-station-status{background:#03101c7a;border:1px solid #28506d;border-radius:.65rem;padding:1rem}.pairing-code-panel{background:#082238;border:1px solid #159cda;border-radius:.65rem;padding:1.25rem}.pairing-code{letter-spacing:.08em;margin-bottom:.8rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:clamp(2rem,8vw,3.25rem);font-weight:800;line-height:1}.pairing-code-input{letter-spacing:.12em;text-align:center;text-transform:uppercase;min-height:4rem;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:1.6rem;font-weight:700}.metadata-list{gap:.75rem;margin:1rem 0;display:grid}.metadata-list div{grid-template-columns:minmax(7rem,.35fr) 1fr;gap:1rem;display:grid}.metadata-list dt{color:var(--omni-muted);font-weight:700}.metadata-list dd{margin:0}.clock-station-store{color:var(--omni-blue-soft);margin-bottom:1.25rem;font-size:1.35rem;font-weight:700}.pin-entry-panel{width:min(100%,30rem)}.pin-employee-name{color:var(--omni-blue-soft);margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.pin-input{letter-spacing:.45rem;text-align:center;min-height:3.5rem;font-size:1.4rem}.status-change-form{max-width:34rem}.confirmation-field{border:1px solid #28506d;border-radius:.5rem;align-items:flex-start;gap:.7rem;padding:.8rem;display:flex}.confirmation-field input{width:auto;margin:.15rem 0 0}.back-link{color:#73d5ff;width:fit-content;font-weight:700;text-decoration:none}@media (max-width:42rem){.form-grid{grid-template-columns:1fr}.form-grid-wide{grid-column:auto}.management-header,.employee-edit-heading,.section-heading,.button-row{flex-direction:column;align-items:stretch}.management-header form,.management-header .button,.section-heading .button,.button-row .button{width:100%}}@media (max-width:75rem){.clock-station-hero{grid-template-columns:minmax(8rem,.8fr) minmax(20rem,1.5fr) minmax(8rem,.8fr)}.employee-tile-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:58rem){.clock-station-hero{grid-template-columns:1fr 1fr}.clock-station-centre{grid-area:1/1/auto/-1}.clock-station-product-type,.clock-station-location{align-self:center}.employee-tile-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:42rem){.clock-station-workspace{width:min(100% - 1rem,96rem)}.clock-station-hero{gap:1rem}.clock-station-product-type{display:none}.clock-station-location{text-align:center;grid-column:1/-1;justify-content:center}.clock-station-time strong{font-size:clamp(3.75rem,18vw,5.5rem)}.employee-tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:28rem){.omni-time-brand:not(.omni-time-brand-compact){gap:.55rem}.omni-time-brand:not(.omni-time-brand-compact) .omni-time-mark{width:3.25rem;height:3.25rem}.employee-tile-grid{grid-template-columns:1fr}}@media print{@page{size:A4 portrait;margin:14mm}:root,body{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#000;background:#fff}.print-hidden{display:none!important}.attendance-report-shell{width:auto;margin:0;padding:0;display:block}.attendance-report{color:#000;box-shadow:none;background:#fff;border:0;border-radius:0;padding:0}.attendance-report h1,.attendance-report h2,.attendance-report .eyebrow,.attendance-generated-at,.attendance-table th{color:#000}.attendance-report .table-scroll{overflow:visible}.attendance-table th,.attendance-table td{border-color:#555;padding:.55rem}.attendance-table tr{break-inside:avoid}}
