@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.12tyk43_3sh9u.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.0jzbimsg8vl84.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.0-wfv7uh4i7h9.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0nx0ww8fni_q3.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.09~u27dqhyhd6.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}.geist_a71539c9-module__T19VSG__className{font-family:Geist,Geist Fallback;font-style:normal}.geist_a71539c9-module__T19VSG__variable{--font-geist-sans:"Geist", "Geist Fallback"}
@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5ce348bf30bf5439-s.0zgw-jeven.3w.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/4fa387ec64143e14-s.0wkzw~je483f-.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/6306c77e7c8268e4-s.0rhz0arwfsn~5.woff2)format("woff2");unicode-range:U+2000-2001,U+2004-2008,U+200A,U+23B8-23BD,U+2500-259F}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7d817b4c03b0c5f1-s.0l76wvqk9d84w.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/bbc41e54d2fcbd21-s.0k4k9394f2q-k.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/797e433ab948586e-s.p.08e28id.o-okb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Mono Fallback;src:local(Arial);ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.0%;size-adjust:134.59%}.geist_mono_8d43a2aa-module__8Li5zG__className{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.geist_mono_8d43a2aa-module__8Li5zG__variable{--font-geist-mono:"Geist Mono", "Geist Mono Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.visible{visibility:visible}.fixed{position:fixed}.start{inset-inline-start:var(--spacing)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-grid{display:inline-grid}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.flex-wrap{flex-wrap:wrap}.border{border-style:var(--tw-border-style);border-width:1px}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}}:root{--ink:#172033;--muted:#667085;--line:#e7e9ee;--purple:#6d45e5;--light:#f6f7fb}*{box-sizing:border-box}body{background:var(--light);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}button,input{font:inherit}button{cursor:pointer}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;align-items:center;gap:48px;height:72px;padding:0 max(24px,50vw - 610px);display:flex;position:sticky;top:0}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brandmark{background:var(--purple);color:#fff;border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.topbar nav{align-items:center;gap:6px;height:100%;display:flex}.topbar nav button{color:#667085;background:0 0;border:0;border-radius:10px;padding:12px 15px;font-weight:600}.topbar nav button.active{color:var(--purple);background:#f1edff}.user{align-items:center;gap:10px;margin-left:auto;font-size:13px;display:flex}.user span:last-child{flex-direction:column;gap:3px;display:flex}.user small{color:var(--muted)}.avatar,.person{color:#fff;border-radius:50%;place-items:center;font-weight:700;display:grid}.avatar{background:#172033;width:38px;height:38px;font-size:12px}.employee-layout,.admin-layout{max-width:1220px;margin:auto;padding:38px 24px 48px}.admin-title{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--purple)!important;margin:0 0 8px!important;font-size:11px!important;font-weight:700!important}.admin-title h1{letter-spacing:-.03em;margin:0 0 8px;font-size:32px}.admin-title p{color:var(--muted);margin:0;font-size:15px}.hero-banner{color:#fff;background:linear-gradient(135deg,#6d45e5 0%,#8b6cf0 50%,#a78bfa 100%);border-radius:20px;justify-content:space-between;align-items:center;margin-bottom:20px;padding:28px 32px;display:flex;position:relative;overflow:hidden}.hero-banner:before{content:"";background:#ffffff0f;border-radius:50%;width:280px;height:280px;position:absolute;top:-40%;right:-10%}.hero-banner:after{content:"";background:#ffffff0a;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-50%;left:20%}.hero-content{z-index:1;position:relative}.hero-date{letter-spacing:.14em;text-transform:uppercase;color:#ffffffbf;margin:0 0 6px;font-size:11px;font-weight:700}.hero-greeting{letter-spacing:-.02em;margin:0 0 6px;font-size:26px;font-weight:800}.hero-sub{color:#fffc;margin:0;font-size:13px;line-height:1.5}.hero-clock{z-index:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff21;border-radius:14px;align-items:baseline;gap:4px;padding:12px 18px;display:flex;position:relative}.hero-clock-time{letter-spacing:-.02em;font-size:32px;font-weight:800}.hero-clock-ampm{opacity:.8;font-size:14px;font-weight:700}.hero-clock-zone{opacity:.6;margin-left:4px;font-size:10px}.status-strip{grid-template-columns:1fr 1fr 1.3fr;gap:12px;margin-bottom:24px;display:grid}.status-chip{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:12px;padding:14px 16px;transition:box-shadow .2s,border-color .2s;display:flex;box-shadow:0 2px 12px #191c270a}.status-chip:hover{box-shadow:0 4px 20px #191c2714}.chip-icon{border-radius:10px;flex-shrink:0;place-items:center;width:36px;height:36px;font-size:16px;font-weight:800;display:grid}.chip-waiting .chip-icon{color:#b0b5c3;background:#f3f4f8}.chip-active .chip-icon{color:var(--purple);background:#eee9ff;animation:2s ease-in-out infinite pulse-glow}.chip-done .chip-icon{color:#168052;background:#e8f7ef}.chip-info{flex-direction:column;gap:2px;min-width:0;display:flex}.chip-info small{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:10px;font-weight:600}.chip-info b{letter-spacing:-.01em;font-size:16px}.chip-pending{color:var(--muted);font-weight:500}.chip-duration{flex-direction:column;align-items:stretch;gap:10px}.chip-duration .chip-info{flex-direction:row;justify-content:space-between;align-items:center}.chip-duration .chip-info small{text-transform:uppercase}.chip-duration .chip-info b{color:var(--purple);font-size:18px}.chip-progress{align-items:center;gap:8px;display:flex}.chip-progress-bar{background:#f0f1f5;border-radius:99px;flex:1;height:6px;overflow:hidden}.chip-progress-fill{background:linear-gradient(90deg,var(--purple),#8b6cf0);border-radius:99px;height:100%;transition:width .6s}.chip-progress-label{color:var(--purple);text-align:right;min-width:32px;font-size:11px;font-weight:700}@keyframes pulse-glow{0%,to{box-shadow:0 0 #6d45e533}50%{box-shadow:0 0 0 6px #6d45e500}}.punch-grid{grid-template-columns:1.3fr .8fr;gap:22px;display:grid}.camera-card,.punch-card,.week,.table-card,.metrics article{border:1px solid var(--line);background:#fff;border-radius:18px;box-shadow:0 5px 24px #191c270a}.camera-card,.punch-card{padding:22px}.card-heading,.card-heading>div{justify-content:space-between;align-items:center;display:flex}.card-heading b{font-size:15px}.step{width:25px;height:25px;color:var(--purple);background:#eee9ff;border-radius:8px;place-items:center;margin-right:10px;font-size:12px;font-weight:800;display:grid}.secure{color:#27825a;background:#eaf8f0;border-radius:99px;padding:6px 9px;font-size:11px}.camera-frame{background:#f3f4f8;border:1px dashed #c9cbd4;border-radius:14px;place-items:center;height:360px;margin:18px 0;display:grid;position:relative;overflow:hidden}.camera-frame video,.camera-frame img{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-empty{text-align:center;max-width:290px}.camera-empty b{margin:10px;display:block}.camera-empty p{color:var(--muted);font-size:12px;line-height:1.6}.camera-icon{width:54px;height:54px;color:var(--purple);background:#e7e0ff;border-radius:50%;place-items:center;margin:auto;font-size:30px;display:grid}.corner{border-color:var(--purple);width:25px;height:25px;position:absolute}.tl{border-top:3px solid;border-left:3px solid;top:18px;left:18px}.tr{border-top:3px solid;border-right:3px solid;top:18px;right:18px}.bl{border-bottom:3px solid;border-left:3px solid;bottom:18px;left:18px}.br{border-bottom:3px solid;border-right:3px solid;bottom:18px;right:18px}.primary,.secondary,.export{border:0;border-radius:11px;padding:13px 18px;font-weight:700}.primary{background:var(--purple);color:#fff;width:100%}.primary:disabled{background:#28a06a}.secondary{width:100%;color:var(--purple);background:#eee9ff}.privacy,.server-note{text-align:center;color:#82889a;margin:12px 0 0;font-size:10px}.status-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:20px 0;display:flex}.status-icon{width:42px;height:42px;color:var(--purple);background:#eee9ff;border-radius:12px;place-items:center;font-size:20px;display:grid}.status-row div{flex-direction:column;flex:1;gap:4px;display:flex}.status-row small,dl dt{color:var(--muted);font-size:11px}.status-row b{font-size:13px}.badge{color:#a26100;background:#fff4dd;border-radius:99px;padding:5px 8px;font-size:10px}.badge.success{color:#16704a;background:#eaf8f0}.punch-card dl{margin:8px 0 20px}.punch-card dl div{border-bottom:1px solid #f0f1f4;justify-content:space-between;padding:13px 0;display:flex}.punch-card dd{margin:0;font-size:12px;font-weight:600}.tip{background:#fff8e8;border-radius:12px;gap:12px;margin-top:18px;padding:13px;display:flex}.tip p{color:#795b22;margin:0;font-size:11px;line-height:1.5}.tip span{font-size:18px}.week{align-items:center;gap:42px;margin-top:22px;padding:18px 22px;display:flex}.week h2{margin:0;font-size:17px}.week-days{flex:1;justify-content:center;gap:12px;display:flex}.week-days>span{border:1px solid var(--line);border-radius:50%;place-items:center;width:38px;height:38px;font-size:11px;display:grid;position:relative}.week-days small{color:var(--muted);position:absolute;top:42px}.week-days .done{color:#168052;background:#e8f7ef;border-color:#ccebdc}.week-days .today{background:var(--purple);color:#fff}.week-score{text-align:right;flex-direction:column;display:flex}.week-score strong{font-size:22px}.week-score span{color:var(--muted);font-size:10px}.export{border:1px solid var(--line);color:#3d4659;background:#fff}.metrics{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px;display:grid}.metrics article{gap:14px;padding:18px;display:flex}.metrics article>div{flex-direction:column;gap:4px;display:flex}.metrics small{color:var(--muted);font-size:11px}.metrics strong{font-size:24px}.metrics em{color:#8990a0;font-size:10px;font-style:normal}.metric-icon{border-radius:12px;place-items:center;width:40px;height:40px;display:grid}.purple{color:#6d45e5;background:#eee9ff}.green{color:#168052;background:#e8f7ef}.amber{color:#c17908;background:#fff4dc}.red{color:#d13c3c;background:#ffeded}.table-card{overflow:hidden}.table-tools{justify-content:space-between;align-items:center;padding:20px 22px;display:flex}.table-tools h2{margin:0 0 5px;font-size:17px}.table-tools p{color:var(--muted);margin:0;font-size:11px}.filters{gap:8px;display:flex}.filters label,.filters button{border:1px solid var(--line);color:#677084;background:#fff;border-radius:9px;padding:9px 10px;font-size:11px}.filters input{border:0;outline:0;width:150px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:880px}th{text-transform:uppercase;letter-spacing:.08em;color:#8990a0;text-align:left;background:#f9fafb;padding:12px 20px;font-size:9px}td{border-top:1px solid #eff0f3;padding:14px 20px;font-size:12px}td .person{vertical-align:middle;display:inline-grid}td small{color:#8b91a0;margin-top:3px;font-size:9px;display:block}.cell-flex{align-items:center;gap:10px;display:flex}.cell-flex span:not(.person):not(.status){flex-direction:column;gap:3px;display:flex}.person{flex:none;width:34px;height:34px;font-size:10px}.selfie{color:var(--purple);background:0 0;border:0;font-size:11px;font-weight:700}.status{color:#168052;background:#e8f7ef;border-radius:99px;padding:5px 8px;font-size:10px}.status.late{color:#a86400;background:#fff4dc}.status.absent{color:#c73333;background:#ffeded}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:14px 20px;font-size:10px;display:flex}.pagination button{border:1px solid var(--line);background:#fff;border-radius:6px;margin-left:4px;padding:6px 9px}.pagination .current{background:var(--purple);color:#fff}footer{border-top:1px solid var(--line);color:#858b99;justify-content:space-between;padding:18px max(24px,50vw - 610px);font-size:10px;display:flex}footer i{color:#168052;margin-left:12px;font-style:normal}@media (max-width:800px){.topbar{gap:10px;padding:0 16px}.topbar nav{margin-left:auto}.topbar nav button{padding:9px;font-size:11px}.user{display:none}.employee-layout,.admin-layout{padding:24px 14px}.admin-title{align-items:flex-start}.admin-title h1{font-size:27px}.hero-banner{border-radius:16px;flex-direction:column;align-items:flex-start;gap:16px;padding:20px}.hero-greeting{font-size:22px}.hero-clock{align-self:flex-start;padding:8px 14px}.hero-clock-time{font-size:24px}.status-strip{grid-template-columns:1fr 1fr}.status-chip.chip-duration{grid-column:1/-1}.punch-grid{grid-template-columns:1fr}.week{flex-wrap:wrap;align-items:flex-start;gap:16px}.week-days{order:3;justify-content:space-between;width:100%;margin-bottom:15px}.week-score{margin-left:auto}.metrics{grid-template-columns:1fr 1fr}.table-tools{flex-direction:column;align-items:flex-start;gap:16px}.filters{width:100%;overflow:auto}.filters label{white-space:nowrap;flex:1}.filters input{width:120px}footer{gap:10px;padding:16px}.admin-title .export{padding:10px;font-size:11px}.tab-nav{z-index:50;border:0;border-top:1px solid var(--line);padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom));background:#fff;border-radius:0;gap:0;margin-bottom:0;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 16px #191c2714}.tab-nav button{text-align:center;min-width:0;color:var(--muted);white-space:nowrap;border-radius:0;flex-direction:column;flex:1;align-items:center;gap:2px;padding:4px 0;font-size:9px;display:flex}.tab-nav button.active{color:var(--purple);background:0 0}.tab-nav .tab-icon{font-size:18px;line-height:1;display:block}.tab-nav .tab-label{letter-spacing:.01em;font-size:9px;font-weight:600}.employee-layout,.admin-layout{padding-bottom:68px}.tab-nav.tab-nav-desktop{display:none!important}.tab-nav.tab-nav-mobile{display:flex}}@media (max-width:480px){.brand span:last-child{display:none}.metrics{grid-template-columns:1fr}.secure{display:none}.status-strip{grid-template-columns:1fr}.status-chip.chip-duration{grid-column:auto}.admin-title h1{font-size:22px}.hero-greeting{font-size:20px}.hero-sub{font-size:12px}.punch-compact-card{padding:10px}.punch-compact-card .camera-frame.compact{height:clamp(200px,55vw,280px)}}.form-message{text-align:center;color:#c73333;margin:10px 0;font-size:11px}.form-message.success-text{color:#168052}.portal-label{color:var(--purple);background:#f1edff;border-radius:99px;padding:8px 12px;font-size:12px;font-weight:700}.signout{color:var(--purple);margin-left:8px;font-size:11px;font-weight:700;text-decoration:none}.login-page{background:radial-gradient(circle at top left,#eee9ff 0,transparent 34%),var(--light);place-items:center;min-height:100vh;padding:32px 18px;display:grid}.login-shell{text-align:center;width:min(920px,100%)}.login-brand{justify-content:center;align-items:center;gap:10px;margin-bottom:42px;font-size:21px;font-weight:800;display:flex}.login-shell h1,.denied-card h1{letter-spacing:-.04em;margin:0 0 12px;font-size:42px}.login-intro{max-width:620px;color:var(--muted);margin:0 auto 30px;line-height:1.6}.login-options{text-align:left;grid-template-columns:1fr 1fr;gap:18px;display:grid}.login-options article,.denied-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:28px;box-shadow:0 18px 50px #1f263714}.admin-login-card{border-top:4px solid var(--purple)!important}.login-icon{width:50px;height:50px;color:var(--purple);background:#eee9ff;border-radius:15px;place-items:center;font-size:25px;display:grid}.login-options h2{margin:20px 0 8px;font-size:22px}.login-options p{color:var(--muted);min-height:44px;font-size:13px;line-height:1.6}.login-link{text-align:center;margin-top:22px;text-decoration:none;display:block}.login-security{color:#858b99;margin-top:22px;font-size:11px}.denied-card{text-align:center;width:min(520px,100%)}.denied-card>p:not(.eyebrow){color:var(--muted);line-height:1.6}.denied-icon{color:#c73333;background:#ffeded;border-radius:50%;place-items:center;width:52px;height:52px;margin:0 auto 20px;font-size:26px;font-weight:800;display:grid}.denied-actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.denied-actions .secondary{margin-top:22px}@media (max-width:640px){.login-brand{margin-bottom:30px}.login-shell h1,.denied-card h1{font-size:32px}.login-options{grid-template-columns:1fr}.login-options article{padding:22px}.denied-actions{grid-template-columns:1fr}.denied-actions .secondary{margin-top:0}}.login-form{text-align:left;border:1px solid var(--line);background:#fff;border-radius:22px;max-width:400px;margin:0 auto;padding:28px;box-shadow:0 18px 50px #1f263714}.login-form label{color:var(--ink);flex-direction:column;gap:6px;margin-bottom:18px;font-size:13px;font-weight:600;display:flex}.login-form input{border:1px solid var(--line);border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s}.login-form input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eee9ff}.login-form .primary{margin-top:6px}.login-form .form-message{text-align:left}.modal-overlay{z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#17203373;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{background:#fff;border-radius:22px;width:min(480px,100%);max-height:90vh;padding:28px;overflow-y:auto;box-shadow:0 24px 60px #1720332e}.modal-header{justify-content:space-between;align-items:center;margin-bottom:22px;display:flex}.modal-header h2{margin:0;font-size:20px}.modal-close{color:var(--muted);background:0 0;border:0;padding:4px 8px;font-size:24px;line-height:1}.modal-form label{color:var(--ink);flex-direction:column;gap:6px;margin-bottom:16px;font-size:13px;font-weight:600;display:flex}.modal-form input,.modal-form select{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;padding:12px 14px;font-size:14px;transition:border-color .15s}.modal-form input:focus,.modal-form select:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eee9ff}.modal-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.modal-form .primary{margin-top:8px}.title-actions{gap:10px;display:flex}.add-emp-btn{width:auto;padding:13px 20px;font-size:13px}@media (max-width:640px){.modal-card{padding:20px}.modal-row{grid-template-columns:1fr}.title-actions{flex-direction:column}.add-emp-btn{width:100%}}.emp-status-grid{grid-template-columns:1fr 1fr 1.2fr;gap:16px;margin-bottom:24px;display:grid}.emp-status-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px;box-shadow:0 4px 18px #191c270a}.emp-status-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.emp-status-header b{font-size:14px}.emp-status-dot{background:#d1d5db;border-radius:50%;width:10px;height:10px}.emp-status-dot.active{background:#22c55e;box-shadow:0 0 8px #22c55e66}.emp-status-dot.out{background:#6d45e5;box-shadow:0 0 8px #6d45e566}.emp-status-detail{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.emp-status-detail strong{letter-spacing:-.02em;font-size:22px}.pending-text{color:var(--muted);font-size:13px}.grace-badge{border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600}.grace-badge.on-time{color:#168052;background:#e8f7ef}.grace-badge.grace{color:#a86400;background:#fff4dc}.grace-badge.late{color:#c73333;background:#ffeded}.duration-card .emp-status-header{justify-content:space-between}.duration-value{color:var(--purple);letter-spacing:-.02em;font-size:22px;font-weight:800}.progress-bar-wrap{background:#f0f1f5;border-radius:99px;height:8px;margin-bottom:8px;overflow:hidden}.progress-bar{background:linear-gradient(90deg,var(--purple),#8b6cf0);border-radius:99px;height:100%;transition:width .6s}.progress-labels{justify-content:space-between;display:flex}.progress-labels small{color:var(--muted);font-size:10px}.completion-status{text-align:center;border-radius:10px;margin-top:10px;padding:6px 12px;font-size:11px;font-weight:700}.completion-status.complete{color:#168052;background:#e8f7ef}.completion-status.incomplete{color:#a86400;background:#fff4dc}.punch-out-btn{background:#ef4444!important}.punch-out-btn:hover{background:#dc2626!important}.out-icon{color:#c73333!important;background:#ffeded!important}.punch-section{justify-content:center;display:flex}.punch-compact-card{border:1px solid var(--line);background:#fff;border-radius:18px;width:100%;max-width:420px;padding:14px;box-shadow:0 5px 24px #191c270a}.punch-compact-card .camera-frame.compact{border-radius:12px;height:clamp(220px,50vw,320px);margin:0 0 10px}.face-detect-overlay{pointer-events:none;z-index:2;position:absolute;top:0;left:0}.face-guidance{z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;white-space:nowrap;text-overflow:ellipsis;background:#000000a6;border-radius:99px;align-items:center;gap:8px;max-width:90%;padding:6px 14px;font-size:12px;font-weight:600;transition:background .3s;display:flex;position:absolute;bottom:12px;left:50%;overflow:hidden;transform:translate(-50%)}.face-guidance-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px;transition:background .3s}.face-guidance-ready .face-guidance-dot{background:#22c55e}.face-guidance-too-far .face-guidance-dot,.face-guidance-too-close .face-guidance-dot,.face-guidance-off-center .face-guidance-dot,.face-guidance-eyes-closed .face-guidance-dot{background:#eab308}.face-guidance-no-face .face-guidance-dot,.face-guidance-multiple .face-guidance-dot{background:#ef4444}.face-model-loading{z-index:3;color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;border-radius:12px;padding:10px 18px;font-size:12px;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.face-model-error{text-align:center;color:#a86400;background:#fff4dc;border-radius:8px;margin:6px 0 0;padding:6px 12px;font-size:11px}.punch-info-bar{color:var(--muted);flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;padding:4px 0;font-size:12px;display:flex}.punch-info-sep{color:var(--line)}.punch-compact-card .punch{margin-top:6px}.day-complete-card{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;padding:36px;box-shadow:0 5px 24px #191c270a}.day-complete-icon{color:#168052;background:#e8f7ef;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:26px;font-weight:800;display:grid}.day-complete-card h2{margin:0 0 12px;font-size:22px}.day-complete-card p{color:var(--muted);margin:0 0 6px;font-size:14px;line-height:1.6}.day-complete-card b{color:var(--ink)}.mobile-signout-bar{color:#fff;background:linear-gradient(135deg,#6d45e5 0%,#8b6cf0 100%);border:0;border-radius:16px;align-items:center;gap:12px;margin-bottom:18px;padding:14px 18px;font-size:13px;display:none}.mobile-signout-bar .avatar{background:#fff3;border:2px solid #ffffff4d}.mobile-signout-bar span:nth-child(2){flex-direction:column;flex:1;gap:2px;display:flex}.mobile-signout-bar small{color:#ffffffb3;font-size:10px}.mobile-signout-bar b{color:#fff}.mobile-signout-bar .signout{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border:1px solid #ffffff40;border-radius:10px;margin-left:auto;padding:8px 14px;font-size:11px;font-weight:700}@media (max-width:800px){.mobile-signout-bar{display:flex}}@media (max-width:480px){.chip-info b{font-size:14px}}.tab-nav{border:1px solid var(--line);background:#fff;border-radius:14px;gap:4px;margin-bottom:24px;padding:4px;display:flex;overflow-x:auto}.tab-nav button{color:var(--muted);white-space:nowrap;background:0 0;border:0;border-radius:10px;padding:10px 18px;font-size:13px;font-weight:600;transition:all .15s}.tab-nav button.active{color:var(--purple);background:#eee9ff}.tab-nav button:hover:not(.active){background:#f6f7fb}.tab-icon,.tab-nav-mobile{display:none}.more-overlay{z-index:49;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#1720334d;position:fixed;inset:0}.more-panel{z-index:51;background:#fff;border-radius:16px;grid-template-columns:1fr 1fr;gap:8px;padding:14px;display:grid;position:fixed;bottom:60px;left:8px;right:8px;box-shadow:0 -8px 30px #17203326}.more-panel button{color:var(--muted);background:#f6f7fb;border:0;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;font-weight:600;transition:all .15s;display:flex}.more-panel button.active{color:var(--purple);background:#eee9ff}.more-icon{font-size:18px}.journal-list{flex-direction:column;gap:8px;display:flex}.journal-card{border:1px solid var(--line);border-radius:12px;transition:box-shadow .15s;overflow:hidden}.journal-card.open{box-shadow:0 4px 14px #191c270f}.journal-card-header{cursor:pointer;text-align:left;width:100%;font:inherit;background:#fff;border:0;align-items:center;gap:10px;padding:12px 14px;display:flex}.journal-card-header:hover{background:#f9fafb}.journal-card-name{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.journal-card-name b{white-space:nowrap;text-overflow:ellipsis;font-size:13px;overflow:hidden}.journal-card-name small{color:var(--muted);font-size:10px}.journal-card-meta{align-items:center;gap:8px;display:flex}.journal-card-meta small{color:var(--muted);font-size:11px}.journal-todo-badge{color:var(--purple);background:#eee9ff;border-radius:99px;padding:2px 7px;font-size:9px;font-weight:600}.journal-chevron{color:var(--muted);margin-left:4px;font-size:9px}.journal-card-body{border-top:1px solid var(--line);padding:0 14px 14px}.journal-field{margin-top:12px}.journal-field-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:4px;font-size:10px;font-weight:700;display:block}.journal-field-value{white-space:pre-wrap;color:var(--ink);margin:0;font-size:13px;line-height:1.6}.journal-todo-list{color:var(--ink);margin:0;padding-left:18px;font-size:13px;line-height:1.8}.request-form-card{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:20px;padding:24px;box-shadow:0 5px 24px #191c270a}.request-form-card h3{margin:0 0 18px;font-size:17px}.form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.form-grid.full{grid-template-columns:1fr}.request-form-card label{color:var(--ink);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}.request-form-card input,.request-form-card select,.request-form-card textarea{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:14px}.request-form-card textarea{resize:vertical;min-height:80px}.request-form-card input:focus,.request-form-card select:focus,.request-form-card textarea:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eee9ff}.badge-pending{color:#a86400;background:#fff4dc;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600}.badge-approved{color:#168052;background:#e8f7ef;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600}.badge-rejected{color:#c73333;background:#ffeded;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600}.timesheet-header{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.timesheet-header h3{margin:0;font-size:17px}.month-nav{align-items:center;gap:12px;display:flex}.month-nav button{border:1px solid var(--line);background:#fff;border-radius:8px;padding:8px 12px;font-size:14px;font-weight:600}.month-nav span{text-align:center;min-width:140px;font-size:15px;font-weight:700}.calendar-grid{background:var(--line);border-radius:12px;grid-template-columns:repeat(7,1fr);gap:2px;display:grid;overflow:hidden}.calendar-header{text-align:center;color:var(--muted);text-transform:uppercase;background:#f9fafb;padding:8px;font-size:10px;font-weight:700}.calendar-day{background:#fff;min-height:70px;padding:8px;font-size:12px}.calendar-day .day-num{margin-bottom:4px;font-weight:700}.calendar-day .day-times{color:var(--muted);font-size:9px}.calendar-day.present{background:#f0fdf4}.calendar-day.present .day-times{color:#168052}.calendar-day.absent{background:#fef2f2}.calendar-day.absent .day-times{color:#c73333}.calendar-day.leave{background:#eff6ff}.calendar-day.leave .day-times{color:#2563eb}.calendar-day.holiday{background:#f9fafb}.calendar-day.holiday .day-times{color:var(--muted)}.calendar-day.uh{background:#fffbeb}.calendar-day.uh .day-times{color:#b45309}.calendar-day.future{color:#ccc;background:#fafafa}.calendar-day.empty{background:#fafafa}.timesheet-summary{grid-template-columns:repeat(4,1fr);gap:14px;margin-top:18px;display:grid}.profile-card{border:1px solid var(--line);background:#fff;border-radius:18px;padding:32px;box-shadow:0 5px 24px #191c270a}.profile-avatar{background:var(--purple);color:#fff;border-radius:50%;place-items:center;width:72px;height:72px;margin:0 auto 20px;font-size:24px;font-weight:800;display:grid}.profile-name{text-align:center;margin-bottom:28px}.profile-name h2{margin:0 0 4px;font-size:22px}.profile-name p{color:var(--muted);margin:0;font-size:13px}.profile-grid{grid-template-columns:1fr 1fr;gap:20px;display:grid}.profile-field{flex-direction:column;gap:4px;display:flex}.profile-field dt{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;font-size:11px}.profile-field dd{margin:0;font-size:14px;font-weight:600}.review-actions{gap:8px;display:flex}.btn-approve{color:#168052;background:#e8f7ef;border:0;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:700}.btn-approve:hover{background:#d1f0e0}.btn-reject{color:#c73333;background:#ffeded;border:0;border-radius:8px;padding:8px 14px;font-size:11px;font-weight:700}.btn-reject:hover{background:#ffd6d6}@media (max-width:800px){.tab-nav{gap:2px;padding:3px}.tab-nav button{padding:8px 12px;font-size:11px}.form-grid{grid-template-columns:1fr}.timesheet-summary{grid-template-columns:1fr 1fr}.profile-grid{grid-template-columns:1fr}.calendar-day{min-height:50px;padding:4px}.calendar-day .day-times{font-size:8px}}@media (max-width:480px){.timesheet-summary{grid-template-columns:1fr}.calendar-day{min-height:42px}}.punch-photos-row{margin-top:24px}.punch-photos-row h3{color:var(--ink);margin:0 0 12px;font-size:15px}.punch-row{border:1px solid var(--line);background:#fff;border-radius:14px;align-items:center;gap:18px;padding:16px 20px;display:flex;box-shadow:0 4px 18px #191c270a}.punch-thumb-wrap{flex:1;align-items:center;gap:14px;min-width:0;display:flex}.punch-thumb{object-fit:cover;border:2px solid var(--line);border-radius:10px;flex-shrink:0;width:56px;max-width:56px;height:56px;max-height:56px}.empty-thumb{background:#f3f4f8;border:1px dashed #c9cbd4;border-radius:10px;flex-shrink:0;width:56px;height:56px}.punch-thumb-info{flex-direction:column;gap:2px;min-width:0;display:flex}.punch-thumb-info b{font-size:12px}.punch-thumb-info span{color:var(--purple);font-size:13px;font-weight:700}.punch-thumb-info small{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;overflow:hidden}.punch-thumb-divider{background:var(--line);flex-shrink:0;width:1px;height:40px}@media (max-width:480px){.punch-row{flex-direction:column;align-items:stretch;gap:12px}.punch-thumb-divider{width:100%;height:1px}}.btn-action{cursor:pointer;border:0;border-radius:8px;min-width:32px;padding:6px 12px;font-size:11px;font-weight:700}.btn-present{color:#168052;background:#e8f7ef}.btn-present:hover{background:#d1f0e0}.btn-absent{color:#c73333;background:#ffeded}.btn-absent:hover{background:#ffd6d6}.btn-uh{color:#a86400;background:#fff4dc}.btn-uh:hover{background:#ffe8b3}.btn-undo{color:#667085;background:#f3f4f8}.btn-undo:hover{background:#e7e9ee}.bulk-actions{align-items:center;gap:10px;display:flex}.date-picker-row{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.date-picker-row input[type=date],.date-picker-row input[type=month]{border:1px solid var(--line);background:#fff;border-radius:10px;outline:none;padding:10px 14px;font-size:14px}.date-picker-row input:focus{border-color:var(--purple);box-shadow:0 0 0 3px #eee9ff}.badge-selfie{color:#6d45e5;background:#eee9ff;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600}.badge-admin{color:#667085;background:#f3f4f8;border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600}.table-thumb{object-fit:cover;border:2px solid var(--line);cursor:pointer;border-radius:8px;width:48px;max-width:48px;height:48px;max-height:48px;transition:transform .15s}.table-thumb:hover{border-color:var(--purple);transform:scale(1.1)}.table-thumb-empty{background:#f3f4f8;border:1px dashed #c9cbd4;border-radius:8px;width:48px;height:48px}.admin-table{min-width:1020px}.photo-overlay{z-index:200;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);cursor:pointer;background:#172033b3;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.photo-overlay img{object-fit:contain;border-radius:16px;max-width:min(480px,90vw);max-height:80vh;box-shadow:0 24px 60px #0006}.totals-row td{border-top:2px solid var(--line);background:#f9fafb;font-weight:700!important}.metrics-3{grid-template-columns:repeat(3,1fr)}.salary-input{border:1px solid var(--purple);text-align:right;border-radius:6px;outline:none;width:100px;padding:4px 8px;font-size:12px}.otp-requests-section{margin-bottom:22px}.otp-requests-header{align-items:center;gap:10px;margin-bottom:12px;display:flex}.otp-requests-header h3{margin:0;font-size:16px}.otp-count-badge{background:var(--purple);color:#fff;text-align:center;border-radius:99px;min-width:20px;padding:2px 8px;font-size:11px;font-weight:700}.otp-requests-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;display:grid}.otp-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:16px;transition:opacity .3s;box-shadow:0 2px 12px #191c270a}.otp-card.otp-expired{opacity:.45}.otp-card-top{align-items:center;gap:10px;margin-bottom:12px;display:flex}.otp-card-info{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.otp-card-info b{font-size:13px}.otp-card-info small{color:var(--muted);font-size:10px}.otp-timer{color:var(--purple);background:#eee9ff;border-radius:99px;padding:4px 10px;font-size:12px;font-weight:700}.otp-timer.expired{color:#c73333;background:#ffeded}.otp-code-display{letter-spacing:.25em;text-align:center;color:var(--purple);background:#f6f2ff;border-radius:10px;margin-bottom:8px;padding:12px;font-family:Courier New,Courier,monospace;font-size:32px;font-weight:800}.otp-card-hint{text-align:center;color:var(--muted);font-size:10px;display:block}.login-back{color:var(--muted);cursor:pointer;background:0 0;border:0;margin:18px auto 0;font-size:12px;font-weight:600;display:block}.login-back:hover{color:var(--purple)}.otp-input{text-align:center;letter-spacing:.3em;font-family:Courier New,Courier,monospace;font-weight:700;font-size:24px!important}@media (max-width:800px){.metrics-3{grid-template-columns:1fr}.bulk-actions,.date-picker-row{flex-wrap:wrap}.otp-requests-grid{grid-template-columns:1fr}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}