/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer theme{:host,:root{--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;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,::backdrop,:after,:before{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}:host,html{-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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{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}menu,ol,ul{list-style:none}audio,canvas,embed,iframe,img,object,svg,video{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,optgroup,select,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,::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-second-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,::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.contents{display:contents}.table{display:table}}:root{--ink:#10293f;--navy:#0b2439;--blue:#183f5e;--orange:#f1642a;--paper:#f3f0e9;--cream:#fbfaf6;--line:#d8d8d1;--muted:#6b7a86;--green:#20986f;--red:#c94339;--font-manrope:"Avenir Next","Segoe UI",Arial,sans-serif;--font-playfair:Georgia,"Times New Roman",serif}*{box-sizing:border-box}body,html{background:var(--paper)}body{color:var(--ink);font-family:var(--font-manrope),Arial,sans-serif;margin:0}button,input,select,textarea{font:inherit}a,button{-webkit-tap-highlight-color:transparent}button{cursor:pointer}.app-shell{background:radial-gradient(circle at 12% 80%,#f1642a0f,transparent 25%),var(--paper);flex-direction:column;min-height:100vh;display:flex}.topbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:5;background:#fbfaf6c7;border-bottom:1px solid #10293f24;justify-content:space-between;height:82px;padding:0 clamp(24px,5vw,76px);position:relative}.brand,.topbar{align-items:center;display:flex}.brand{color:var(--ink);gap:13px;text-decoration:none}.brand-mark{background:var(--orange);color:#fff;width:39px;height:39px;box-shadow:5px 5px 0 var(--navy);border-radius:3px;place-items:center;font-size:23px;font-weight:900;display:grid;transform:skew(-8deg)}.brand>span:last-child{letter-spacing:.03em;flex-direction:column;line-height:1;display:flex}.brand strong{font-size:18px;font-weight:900}.brand small{letter-spacing:.17em;color:var(--muted);margin-top:6px;font-size:9px;font-weight:700}.topbar-actions{gap:22px}.secure-pill,.topbar-actions{align-items:center;display:flex}.secure-pill{color:#507060;gap:8px;font-size:12px;font-weight:700}.secure-pill i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #20986f1f}.hr-link{color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:3px;font-size:12px;font-weight:800;text-decoration:none}.hr-link span{color:var(--orange);margin-left:4px}.signin-layout{flex:1;grid-template-columns:minmax(0,1.08fr) minmax(380px,.72fr);align-items:center;gap:clamp(40px,8vw,130px);width:min(1180px,100% - 48px);margin:0 auto;padding:64px 0 70px;display:grid}.intro-panel{max-width:650px}.eyebrow,.modal-kicker{color:var(--orange);text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:900}.intro-panel h1{letter-spacing:-.055em;margin:20px 0 28px;font-size:clamp(48px,6.2vw,82px);font-weight:850;line-height:.96}.intro-panel h1 em{font-family:var(--font-playfair),serif;color:var(--orange);font-weight:600}.intro-panel>p{color:#526575;max-width:560px;font-size:15px;line-height:1.75}.trust-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px;padding-top:24px;display:grid}.trust-row div{align-items:center;gap:10px;display:flex}.trust-row span{color:var(--orange);font-size:10px;font-weight:900}.trust-row p{color:#63727d;margin:0;font-size:11px;font-weight:800}.signin-card{background:var(--cream);border:1px solid #d6d5cd;padding:32px;position:relative;box-shadow:10px 12px #10293f14}.signin-card:before{content:"";background:linear-gradient(90deg,var(--orange) 0 35%,var(--navy) 35%);height:4px;position:absolute;inset:-1px -1px auto}.live-date{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;margin-bottom:26px;padding-bottom:25px;display:grid}.live-date span{color:var(--muted);text-transform:capitalize;font-size:12px}.live-date strong{letter-spacing:-.04em;font-variant-numeric:tabular-nums;grid-area:1/2/3;font-size:27px}.live-date small{color:#8a969e;text-transform:uppercase;letter-spacing:.15em;font-size:9px}.form-heading{align-items:center;gap:13px;margin-bottom:23px;display:flex}.step-dot{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:30px;height:30px;font-size:11px;font-weight:800;display:grid}.form-heading h2{letter-spacing:-.02em;margin:0;font-size:17px}.form-heading p{color:var(--muted);margin:3px 0 0;font-size:11px}label{color:#425565;letter-spacing:.02em;margin:17px 0 0;font-size:11px;font-weight:800;display:block}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #cad0d2;border-radius:3px;outline:none;margin-top:8px;padding:14px 15px;transition:all .2s;display:block}input,select{height:50px}input:focus,select:focus,textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px #f1642a1a}textarea{resize:vertical;min-height:105px}.primary-button,.secondary-button{border:0;border-radius:2px;justify-content:center;align-items:center;gap:18px;min-height:50px;padding:0 20px;font-size:12px;font-weight:850;display:flex}.primary-button{background:var(--orange);color:#fff;width:100%;margin-top:23px;box-shadow:0 5px #c74d1f}.primary-button:hover{background:#db5520}.primary-button:active{transform:translateY(3px);box-shadow:0 2px #c74d1f}.primary-button:disabled,.secondary-button:disabled{cursor:wait;opacity:.55}.primary-button span{margin-left:auto;font-size:17px}.secondary-button{color:var(--ink);background:#fff;border:1px solid #c7ced0}.demo-note{color:#7d888e;text-align:center;margin:18px 0 0;font-size:9px;line-height:1.55}.error-message{color:var(--red);border-left:3px solid var(--red);background:#fff2f0;padding:10px 12px;font-size:11px;line-height:1.5}footer{color:#88939a;letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #10293f1f;justify-content:space-between;align-items:center;min-height:56px;padding:0 clamp(24px,5vw,76px);font-size:9px;display:flex}.clock-layout{flex:1;width:min(1120px,100% - 48px);margin:0 auto;padding:45px 0}.employee-banner{align-items:center;gap:16px;margin-bottom:32px;display:flex}.avatar,.request-avatar{background:var(--navy);color:#fff;width:52px;height:52px;box-shadow:4px 4px 0 var(--orange);border-radius:50%;place-items:center;font-size:14px;font-weight:900;display:grid}.employee-banner span{color:var(--muted);font-size:11px}.employee-banner h1{letter-spacing:-.04em;margin:2px 0;font-size:26px}.employee-banner p{color:var(--muted);text-transform:uppercase;letter-spacing:.1em;margin:0;font-size:10px}.signout-button{color:var(--muted);background:0 0;border:0;border-bottom:1px solid #aab2b7;margin-left:auto;padding:6px 0;font-size:11px;font-weight:800}.clock-grid{grid-template-columns:1fr 1fr;gap:22px;display:grid}.action-card,.panel,.status-card{background:var(--cream);border:1px solid #d3d4cf;padding:30px;box-shadow:7px 8px #10293f0f}.status-head{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:24px;display:flex}.status-dot{background:#aab2b7;border-radius:50%;width:13px;height:13px;box-shadow:0 0 0 6px #aab2b726}.status-dot.working{background:var(--green);box-shadow:0 0 0 6px #20986f24}.status-dot.break{background:#e4a128;box-shadow:0 0 0 6px #e4a12824}.status-head div{flex-direction:column;display:flex}.status-head span:not(.status-dot){color:var(--muted);text-transform:uppercase;letter-spacing:.12em;font-size:9px}.status-head strong{margin-top:2px;font-size:15px}.status-head time{font-variant-numeric:tabular-nums;margin-left:auto;font-size:24px;font-weight:850}.time-total{padding:28px 0 18px;position:relative}.time-total>span{color:var(--muted);text-transform:uppercase;letter-spacing:.13em;font-size:10px;font-weight:800;display:block}.time-total>strong{letter-spacing:-.06em;font-variant-numeric:tabular-nums;margin-top:5px;font-size:clamp(42px,5vw,62px);line-height:1;display:block}.time-total small{color:var(--muted);font-size:10px;position:absolute;bottom:22px;right:0}.progress-track{background:#dfe2df;border-radius:8px;height:7px;overflow:hidden}.progress-track span{background:linear-gradient(90deg,var(--green),#e0a036,var(--orange));border-radius:8px;height:100%;transition:width .4s;display:block}.milestones{color:#8b969d;margin-top:8px;font-size:8px}.milestones,.overtime-status{text-transform:uppercase;justify-content:space-between;display:flex}.overtime-status{letter-spacing:.08em;background:#edf1f2;margin-top:23px;padding:12px 14px;font-size:10px}.overtime-status strong{color:#b87c17}.overtime-status.approved strong{color:var(--green)}.overtime-status.declined strong{color:var(--red)}.action-list{flex-direction:column;gap:11px;display:flex}.action-button{text-align:left;min-height:73px;color:var(--ink);background:#fff;border:1px solid #d7dad7;grid-template-columns:44px 1fr auto;align-items:center;gap:14px;padding:12px 14px;transition:all .18s;display:grid}.action-button:hover{border-color:#98a7af;transform:translate(3px)}.action-icon{width:42px;height:42px;color:var(--green);background:#eaf4f0;border-radius:2px;place-items:center;font-weight:900;display:grid}.action-button.break .action-icon{color:#bd7c0b;background:#fff1d6}.action-button.stop .action-icon{color:var(--red);background:#f6e8e5}.action-button span:nth-child(2){flex-direction:column;display:flex}.action-button strong{font-size:13px}.action-button small{color:var(--muted);margin-top:4px;font-size:9px}.action-button b{color:#60727f;text-transform:uppercase;letter-spacing:.1em;font-size:9px}.overtime-link{color:var(--ink);background:0 0;border:0;margin-top:20px;padding:0;font-size:10px;font-weight:800}.overtime-link span{color:var(--orange);margin-left:5px}.day-strip{background:var(--navy);color:#fff;align-items:center;gap:28px;margin-top:22px;padding:20px 26px;display:flex}.day-strip div{flex-direction:column;gap:4px;min-width:120px;display:flex}.day-strip span{color:#9fb0bc;text-transform:uppercase;letter-spacing:.14em;font-size:8px}.day-strip strong{font-size:13px}.day-strip i{border-left:1px solid #ffffff29;height:32px}.day-strip p{color:#8599a7;text-transform:uppercase;margin-left:auto;font-size:8px}.toast{z-index:12;background:var(--navy);color:#fff;align-items:center;gap:10px;padding:14px 20px;font-size:11px;display:flex;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 8px 30px #091f3038}.toast span{background:var(--green);border-radius:50%;place-items:center;width:20px;height:20px;display:grid}.toast.error span{background:var(--red)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#051420ad;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--cream);border-top:5px solid var(--orange);width:min(470px,100%);padding:38px;box-shadow:14px 14px #0003}.modal-icon{float:right;background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;font-weight:900;display:grid}.modal h2{letter-spacing:-.04em;max-width:370px;margin:14px 0;font-size:29px;line-height:1.1}.modal>p{color:#60717e;font-size:12px;line-height:1.65}.modal-actions{flex-direction:row-reverse;gap:10px;margin-top:25px;display:flex}.modal-actions .primary-button{width:auto;margin:0}.hr-shell{background:var(--paper)}.hr-login-wrap{flex:1;place-items:center;padding:70px 24px;display:grid}.hr-login{width:min(430px,100%)}.hr-login h1{letter-spacing:-.05em;margin:12px 0 8px;font-size:35px}.hr-login>p{color:var(--muted);font-size:12px}.hr-page{width:min(1240px,100% - 48px);margin:0 auto;padding:45px 0 70px}.hr-title{justify-content:space-between;align-items:flex-end;margin-bottom:30px;display:flex}.hr-title h1{letter-spacing:-.05em;margin:7px 0 2px;font-size:38px}.hr-title p{color:var(--muted);margin:0;font-size:11px}.hr-title .secondary-button{min-height:42px}.metrics{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px;display:grid}.metrics article{background:var(--navy);color:#fff;border-bottom:3px solid var(--orange);padding:22px}.metrics small,.metrics span{color:#99aab6;text-transform:uppercase;letter-spacing:.11em;font-size:9px;display:block}.metrics strong{margin:8px 0 3px;font-size:34px;display:block}.metrics small{color:#718997;font-size:8px}.hr-grid{grid-template-columns:1.45fr .8fr;gap:18px;display:grid}.employee-admin-panel,.hr-grid{margin-bottom:18px}.employee-form{grid-template-columns:.7fr 1.4fr .8fr .8fr auto;align-items:end;gap:12px;padding:8px 0 20px;display:grid}.employee-form label{margin:0}.employee-form .primary-button{width:auto;min-width:112px;margin:0 0 5px}.employee-access-list{border-top:1px solid var(--line);grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 18px;padding-top:8px;display:grid}.employee-access-list article{border-bottom:1px solid #e3e3de;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;display:flex}.employee-access-list article div{flex-direction:column;gap:3px;display:flex}.employee-access-list strong{font-size:10px}.employee-access-list span{color:var(--muted);text-transform:uppercase;letter-spacing:.08em;font-size:8px}.employee-access-list button{text-transform:uppercase;border:0;padding:8px 9px;font-size:8px;font-weight:900}.employee-access-list .deactivate{color:var(--red);background:#f6e9e7}.employee-access-list .activate{color:var(--green);background:#e6f3ed}.panel{box-shadow:none;padding:24px}.panel-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;margin-bottom:8px;padding-bottom:17px;display:flex}.panel-title h2{margin:0;font-size:16px}.panel-title p{color:var(--muted);margin:4px 0 0;font-size:9px}.panel-title>span{color:var(--orange);text-transform:uppercase;background:#fff0e8;padding:7px 9px;font-size:8px;font-weight:900}.request-row{border-bottom:1px solid #e3e3de;grid-template-columns:38px 1fr auto;align-items:center;gap:13px;padding:16px 0;display:grid}.request-avatar{width:36px;height:36px;box-shadow:2px 2px 0 var(--orange);font-size:9px}.request-copy>div{align-items:center;gap:8px;display:flex}.request-copy strong{font-size:11px}.request-copy span{color:var(--muted);font-size:8px}.request-copy p{color:#5c6d78;margin:5px 0 0;font-size:9px}.review-actions{gap:6px;display:flex}.review-actions button{color:var(--green);text-transform:uppercase;background:#e6f3ed;border:0;padding:9px;font-size:8px;font-weight:900}.review-actions button:last-child{color:var(--red);background:#f6e9e7}.status-chip{text-transform:uppercase;color:#b77a10;font-size:8px;font-weight:900}.status-chip.approved{color:var(--green)}.status-chip.declined{color:var(--red)}.empty-state{color:#8b959b;padding:25px 0;font-size:10px}.comment-row{border-bottom:1px solid #e3e3de;gap:10px;padding:13px 0;display:flex}.comment-row>span{width:23px;height:23px;color:var(--orange);background:#fff0e8;flex:none;place-items:center;font-size:10px;font-weight:900;display:grid}.comment-row strong{font-size:9px}.comment-row p{color:var(--muted);margin:4px 0 0;font-size:8px;line-height:1.5}.activity-panel{overflow:hidden}.activity-table{min-width:600px}.activity-header,.activity-row{grid-template-columns:1.2fr .7fr 1fr .5fr;align-items:center;gap:20px;padding:12px 8px;display:grid}.activity-header{color:#73818a;text-transform:uppercase;letter-spacing:.12em;background:#eaeae5;font-size:8px}.activity-row{border-bottom:1px solid #e5e5df;font-size:10px}.activity-row>span:first-child{flex-direction:column;display:flex}.activity-row strong{font-size:10px}.activity-row small{color:var(--muted);margin-top:2px;font-size:8px}.activity-row>span:nth-child(2){text-transform:capitalize;color:var(--muted)}.activity-row time{font-weight:850}.hr-footnote{color:#89949a;font-size:8px}@media (max-width:900px){.signin-layout{grid-template-columns:1fr;gap:38px;padding-top:45px}.intro-panel{text-align:center;margin:auto}.intro-panel>p{margin-inline:auto}.intro-panel h1{font-size:56px}.clock-grid,.hr-grid{grid-template-columns:1fr}.employee-form{grid-template-columns:1fr 1fr}.employee-form .primary-button{width:100%}.metrics{grid-template-columns:repeat(2,1fr)}}@media (max-width:620px){.topbar{height:70px;padding:0 18px}.secure-pill{display:none}.brand-mark{width:34px;height:34px}.brand strong{font-size:15px}.brand small{font-size:7px}.clock-layout,.hr-page,.signin-layout{width:calc(100% - 28px)}.intro-panel h1{font-size:43px}.trust-row{gap:8px}.trust-row div{flex-direction:column;gap:3px}.action-card,.modal,.panel,.signin-card,.status-card{padding:22px}.clock-layout{padding-top:28px}.employee-banner h1{font-size:20px}.signout-button{font-size:9px}.clock-grid{gap:14px}.time-total>strong{font-size:45px}.day-strip{grid-template-columns:1fr 1fr;gap:14px;display:grid}.day-strip i{display:none}.day-strip p{margin:0}footer{flex-direction:column;justify-content:center;gap:5px}.metrics{grid-template-columns:1fr 1fr}.metrics article{padding:16px}.hr-title{align-items:flex-start}.hr-title h1{font-size:30px}.request-row{grid-template-columns:35px 1fr}.review-actions,.status-chip{grid-column:2}.activity-panel{overflow-x:auto}.employee-access-list,.employee-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}