:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--brand:#000;--on-brand:#fff;--ink:#171717;--muted:#606060;--paper:#f5f5f5;--line:#dedede;--subtle:#eee}*{box-sizing:border-box}body{color:var(--ink);background:var(--paper);margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:14px;line-height:1.5}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:4px}button:focus-visible,a:focus-visible{outline:3px solid #000}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}h1,h2,h3,p{margin:0}h2{letter-spacing:-.4px;font-size:19px;font-weight:620}h3{font-size:16px}p{margin:10px 0 16px}small{font-size:12px}svg{flex-shrink:0;width:19px;height:19px}.small{font-size:12px}.muted{color:var(--muted)}.mono{word-break:break-all;font-family:ui-monospace,SFMono-Regular,monospace}.eyebrow{letter-spacing:1.7px;font-size:10px;font-weight:700}.brand{letter-spacing:-1.4px;align-items:center;gap:11px;font-size:27px;font-weight:720;display:flex}.brand-time{margin-left:5px;font-weight:350}.brand-mark{background:var(--brand);color:#fff;text-align:center;letter-spacing:-2px;border-radius:10px;width:39px;height:40px;font-size:29px;line-height:36px;position:relative}.brand-mark span{color:var(--on-brand);font-size:28px;position:absolute;top:-6px;right:6px}.app-shell{min-height:100vh;display:flex}.sidebar{border-right:1px solid var(--line);background:#fff;flex-direction:column;width:224px;padding:29px 18px 18px;display:flex;position:fixed;top:0;bottom:0}.sidebar>.brand{padding-left:9px}.workspace-label{border:1px solid var(--line);color:#222;border-radius:8px;align-items:center;gap:8px;margin:30px 4px 25px;padding:10px;font-size:12px;display:flex}.workspace-label>.small{margin-left:auto}.location-dot{border:2px solid var(--brand);border-radius:50%;width:7px;height:7px}nav{flex-direction:column;gap:5px;display:flex}nav>button{text-align:left;color:#606060;background:0 0;border:0;border-radius:7px;align-items:center;gap:12px;padding:12px;font-size:13px;display:flex}nav>button:hover{background:#f5f5f5}nav>button.active{color:var(--brand);background:var(--subtle);font-weight:650}.nav-rule{background:var(--line);height:1px;margin:19px 10px}.kiosk-launch{border:1px solid var(--line);border-radius:8px;align-items:center;gap:9px;margin-top:auto;padding:13px 9px;font-size:11px;text-decoration:none;display:flex}.kiosk-launch small{color:var(--muted);margin-top:4px;font-size:9px;display:block}.sidebar-user{align-items:center;gap:9px;padding:23px 3px 0;font-size:12px;display:flex}.sidebar-user small{color:var(--muted);font-size:10px;display:block}.sidebar-user button{color:var(--muted);background:0 0;border:0;margin-left:auto;font-size:20px}.avatar{color:#222;background:#eee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:35px;height:35px;font-size:11px;font-weight:600;display:inline-flex}.main-area{width:calc(100% - 224px);margin-left:224px}.demo-banner{color:#222;letter-spacing:.15px;background:#eee;justify-content:space-between;padding:9px 32px;font-size:10px;display:flex}.demo-banner b{letter-spacing:1px;margin-right:9px;font-size:9px}.topbar{border-bottom:1px solid var(--line);background:#fff;justify-content:space-between;align-items:center;height:70px;padding:0 35px;font-size:12px;display:flex}.topbar>span{font-weight:600}.topbar>div{color:var(--muted);align-items:center;gap:7px;font-size:11px;display:flex}.top-date{border-left:1px solid var(--line);margin-left:12px;padding-left:16px}.connection-dot,.status-dot{background:#000;border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.connection-dot.offline{background:#222}.status-dot.gray{background:#767676}.page-heading{margin-bottom:29px}.page-heading .eyebrow{color:var(--muted);margin-bottom:12px;font-size:9px}.page-heading p{color:var(--muted);margin:10px 0 0;font-size:13px}.dashboard-hero{background:var(--brand);color:#fff;border-radius:13px;justify-content:space-between;align-items:center;min-height:230px;padding:30px 38px;display:flex;position:relative;overflow:hidden}.dashboard-hero .eyebrow{color:#ccc;margin-bottom:14px}.dashboard-hero h2{letter-spacing:-.7px;font-size:31px;font-weight:500;line-height:1.18}.dashboard-hero p{color:#ccc;margin:11px 0 22px;font-size:12px}.hero-clock{align-items:center;gap:30px;margin-right:22px;display:flex}.hero-clock b{letter-spacing:-1.2px;font-size:38px;font-weight:400}.hero-clock span:not(.clock-hand):not(.clock-center){letter-spacing:1.7px;color:#ccc;margin-top:6px;font-size:8px;display:block}.clock-face{background:repeating-conic-gradient(from -1deg,#ffffff70 0deg 1deg,#0000 1deg 30deg);border:1px solid #fff6;border-radius:50%;outline:9px solid #ffffff10;width:128px;height:128px;position:relative;box-shadow:inset 0 0 0 12px #000}.clock-face:before{content:"";background:var(--brand);border-radius:50%;position:absolute;inset:15px}.clock-hand{background:var(--on-brand);transform-origin:0;height:2px;display:block;position:absolute;top:50%;left:50%}.clock-hand.hour{width:29px;transform:rotate(202deg)}.clock-hand.minute{width:41px;transform:rotate(-68deg)}.clock-center{background:var(--on-brand);border-radius:50%;width:8px;height:8px;position:absolute;top:calc(50% - 4px);left:calc(50% - 4px)}.button{color:var(--ink);white-space:nowrap;background:#fff;border:1px solid #8a8a8a;border-radius:7px;justify-content:center;align-items:center;gap:16px;min-height:38px;padding:10px 15px;font-size:12px;font-weight:550;line-height:1.4;text-decoration:none;display:inline-flex}.button:hover:not(:disabled){filter:brightness(.965)}.button.primary{background:var(--brand);border-color:var(--brand);color:#fff}.button.inverse{color:var(--brand);background:#fff;border:0}.button.small{gap:6px;min-height:30px;padding:6px 10px;font-size:11px}.button.link{color:var(--muted);background:0 0;border:0}.button.danger{color:#222}.stat-grid{grid-template-columns:repeat(4,1fr);gap:15px;margin:22px 0;display:grid}.stat{border:1px solid var(--line);background:#fff;border-radius:10px;padding:20px}.stat>span{color:#606060;align-items:center;gap:8px;font-size:11px;display:flex}.stat strong{letter-spacing:-1.3px;margin:12px 0 8px;font-size:36px;font-weight:550;line-height:1.25;display:block}.stat em{letter-spacing:0;color:var(--muted);margin-left:6px;font-size:13px;font-style:normal;font-weight:400}.stat small{color:var(--muted);font-size:10px}.two-column{grid-template-columns:1fr 1fr;gap:22px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:10px;margin-bottom:22px;overflow:hidden}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:22px 23px;display:flex}.section-head p{margin:6px 0 0}.badge{white-space:nowrap;color:#606060;text-transform:capitalize;background:#eee;border-radius:5px;align-items:center;padding:4px 9px;font-size:10px;font-weight:550;line-height:1.5;display:inline-flex}.badge.positive,.badge.attention{color:#222;background:#eee}.empty{text-align:center;color:var(--muted);padding:37px 20px;font-size:12px}.empty-icon{color:#606060;margin-bottom:8px;font-size:34px}.empty h3{color:#222;font-weight:500}.empty p{max-width:270px;margin:8px auto;font-size:12px}.panel-link{border:0;border-top:1px solid var(--line);width:100%;color:var(--brand);background:0 0;justify-content:space-between;padding:16px 23px;font-size:11px;display:flex}.task-row{border:0;border-bottom:1px solid var(--line);text-align:left;width:100%;color:var(--ink);background:0 0;align-items:center;gap:15px;padding:19px 23px;display:flex}.task-row>span:last-child{color:#606060;margin-left:auto}.task-number{color:#606060;border:1px solid #8a8a8a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-size:11px;display:flex}.task-row b{font-size:12px;font-weight:550;display:block}.task-row small{color:var(--muted);margin-top:5px;font-size:10px;display:block}.backup-note{color:var(--muted);align-items:center;gap:8px;padding:16px 23px;font-size:10px;display:flex}.person-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:18px 23px;display:flex}.person-row small{color:var(--muted);display:block}.person-row>strong{margin-left:auto;font-size:12px}.page-footer{color:#606060;justify-content:space-between;padding:12px 0;font-size:9px;display:flex}.table-tools{border-bottom:1px solid var(--line);padding:18px 23px}input,select,textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #8a8a8a;border-radius:7px;min-height:40px;padding:10px 12px}input::placeholder,textarea::placeholder{color:#606060}input:focus,select:focus,textarea:focus{border-color:#000;outline:2px solid #0003}.search{background:#f5f5f5;max-width:320px}.filters{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.filters>select{width:auto;min-width:170px;max-width:250px;font-size:12px}.inline-label{align-items:center;gap:6px;font-size:10px;display:flex}.inline-label input{width:140px;font-size:11px}.table-scroll{overflow:auto}table{border-collapse:collapse;text-align:left;white-space:nowrap;width:100%}th{color:#606060;text-transform:uppercase;letter-spacing:.5px;background:#f5f5f5;padding:13px 19px;font-size:10px;font-weight:550}td{border-bottom:1px solid #f5f5f5;padding:17px 19px;font-size:12px}td small{color:var(--muted);margin-top:4px;font-size:10px;display:block}.name-cell{align-items:center;gap:12px;display:flex}.row-actions{flex-wrap:wrap;gap:8px;display:flex}.table-footer{color:var(--muted);background:#f5f5f5;padding:13px 22px;font-size:10px}.count{color:var(--muted);background:#eee;border-radius:4px;margin-left:6px;padding:3px 7px;font-size:11px}.voided{opacity:.5}.field{margin-bottom:18px;display:block}.field>span{margin-bottom:7px;font-size:12px;font-weight:550;display:block}.field>small{color:var(--muted);margin-top:6px;font-size:10px;line-height:1.6;display:block}.check{color:#222;align-items:flex-start;gap:10px;margin:19px 0;font-size:12px;display:flex}.check input{width:16px;height:16px;min-height:0;accent-color:var(--brand);flex-shrink:0;margin-top:2px}.form-grid{grid-template-columns:1fr 1fr;gap:0 16px;display:grid}.alert,.toast{color:#222;background:#eee;border:1px solid #8a8a8a;border-radius:8px;margin-bottom:20px;padding:13px 16px;font-size:12px}.alert.error,.toast.error{color:#222;background:#eee;border-color:#8a8a8a}.toast{color:#222;background:#eee;border-color:#8a8a8a;justify-content:space-between;display:flex}.toast button{color:inherit;cursor:pointer;background:0 0;border:0}.scrim{z-index:5;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#000000c0;justify-content:center;align-items:center;padding:25px;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:14px;width:600px;max-width:100%;max-height:92vh;padding:26px;overflow:auto;box-shadow:0 25px 100px #00000040}.modal>.section-head{margin-bottom:23px;padding:0 0 17px}.modal p{color:var(--muted);font-size:13px}.icon-button{color:#606060;background:0 0;border:0;padding:0 8px;font-size:25px}.modal-actions{border-top:1px solid var(--line);justify-content:flex-end;gap:10px;margin-top:22px;padding-top:20px;display:flex}.one-time-code{background:var(--subtle);color:var(--brand);letter-spacing:5px;text-align:center;border-radius:9px;margin:20px 0;padding:25px;font-family:monospace;font-size:32px}.period-toolbar{flex-wrap:wrap;justify-content:space-between;gap:15px;margin-bottom:22px;display:flex}.period-toolbar>select{width:auto;min-width:300px}.new-period{gap:10px;display:flex}.new-period input{width:155px}.period-summary{justify-content:space-between;align-items:center;padding:27px;display:flex}.period-summary .eyebrow{color:var(--muted);margin-bottom:10px}.period-summary p{margin:10px 0 0}.period-summary>div:last-child{text-align:right}.period-summary strong{letter-spacing:-1px;margin-top:13px;font-size:33px;font-weight:500;display:block}.period-summary strong>span{letter-spacing:0;color:var(--muted);font-size:12px}.steps{align-items:center;gap:20px;margin:30px 5px;display:flex}.steps>span{color:#606060;align-items:center;gap:10px;font-size:12px;display:flex}.steps .done{color:#222}.steps i{background:#8a8a8a;flex:1;height:1px}.steps b{font-weight:500}.review-grid{margin-top:0}.validation-line{color:#222;background:#eee;border-radius:5px;align-items:flex-start;gap:9px;margin:8px 0;padding:10px;font-size:12px;display:flex}.validation-line>span{text-align:center;background:#8a8a8a;border-radius:50%;flex-shrink:0;width:16px}.csv-preview{background:#f5f5f5;max-height:280px;padding:20px;font-size:10px;overflow:auto}.snapshot-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:15px;padding:18px 23px;font-size:12px;display:flex}.snapshot-row>div{flex:1}.snapshot-row small{color:var(--muted);margin-top:6px;font-size:10px;display:block}.pair-form{align-items:flex-end;gap:15px;padding:23px;display:flex}.pair-form .field{flex:1;max-width:330px;margin:0}.policy-note{background:#eee;border-radius:8px;margin:23px 0;padding:18px;font-size:12px}.policy-note p{margin-bottom:0}.diagnostics{overflow-wrap:anywhere;font-size:12px}.diagnostics dt{color:var(--muted);margin-top:15px}.diagnostics dd{margin:3px 0}.audit-item{border-bottom:1px solid var(--line);padding:13px 0}.audit-item small{color:var(--muted);display:block}details{font-size:11px}summary{cursor:pointer}pre{white-space:pre-wrap;overflow-wrap:anywhere;max-width:680px;font-size:10px}.loading{min-height:100vh;color:var(--muted);place-content:center;display:grid}.login-layout{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.login-story{background:var(--brand);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:50px 65px;display:flex}.login-story .brand-mark{color:var(--brand);background:#fff}.login-story h1{letter-spacing:-2px;margin:20px 0;font-size:62px;line-height:1.12}.login-story p{color:#ccc;font-size:18px;font-weight:350;line-height:1.7}.login-story>span{color:#ccc;font-size:11px}.login-panel{width:100%;max-width:470px;margin:auto;padding:50px 20px}.login-panel h2{margin:23px 0 14px;font-size:29px}.login-panel>.muted{margin-bottom:25px;font-size:13px;line-height:1.7}.login-panel form{margin-top:25px}.divider{color:#606060;align-items:center;gap:10px;margin:28px 0;font-size:10px;display:flex}.divider:after,.divider:before{content:"";background:var(--line);flex:1;height:1px}.text-link{text-align:center;color:var(--brand);margin-top:25px;font-size:12px;text-decoration:none;display:block}.kiosk-page{background:#f5f5f5;min-height:100vh}.kiosk-header{border-bottom:1px solid #8a8a8a;align-items:center;gap:24px;padding:28px 5vw;display:flex}.kiosk-connection{color:var(--muted);align-items:center;gap:7px;margin-left:auto;font-size:11px;display:flex}.kiosk-main{grid-template-columns:1fr 440px;align-items:center;gap:75px;max-width:1130px;margin:auto;padding:45px 35px;display:grid}.kiosk-welcome>.eyebrow{color:#606060}.kiosk-welcome h1{letter-spacing:-2.3px;margin:24px 0 34px;font-size:58px;font-weight:460;line-height:1.12}.kiosk-welcome p{color:#606060;font-size:15px;line-height:1.8}.kiosk-time{letter-spacing:-1px;border-top:1px solid #8a8a8a;padding-top:25px;font-size:44px;font-weight:350}.kiosk-time span{color:#606060;letter-spacing:.1px;margin:5px 0 25px;font-size:11px;display:block}.kiosk-footnote{color:#606060;margin-top:45px;font-size:10px;line-height:1.8}.kiosk-card{background:#fff;border:1px solid #8a8a8a;border-radius:17px;padding:32px;box-shadow:0 16px 55px #0000000a}.kiosk-card .eyebrow{color:#606060;font-size:9px}.kiosk-card h2{letter-spacing:-.7px;margin:9px 0 28px;font-size:26px;font-weight:550}.kiosk-card select{height:49px;font-size:15px}.kiosk-card input{height:49px}.pin-input{letter-spacing:10px;text-align:center;font-size:24px}.keypad{grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0;display:grid}.keypad>button{height:57px;color:var(--brand);background:#f5f5f5;border:1px solid #8a8a8a;border-radius:8px;font-size:22px;font-weight:420}.keypad>button:nth-child(10){font-size:12px}.enroll-link{border:0;border-top:1px solid var(--line);color:var(--muted);background:0 0;width:100%;margin-top:24px;padding:22px 0 0;font-size:10px;line-height:1.9}.enroll-link b{color:var(--brand);font-size:12px;font-weight:550;display:block}.kiosk-footer{color:#606060;border-top:1px solid #8a8a8a;justify-content:space-between;gap:20px;padding:18px 5vw;font-size:10px;display:flex}.kiosk-footer a{white-space:nowrap}.kiosk-success{color:#222;background:#eee;border:1px solid #8a8a8a;border-radius:10px;align-items:center;gap:12px;margin-bottom:25px;padding:17px;font-size:14px;display:flex}.kiosk-success>span{font-size:28px}.kiosk-success>b{font-weight:500}.shift-state{padding:23px 0 30px;font-size:16px}.shift-state>.status-dot{margin-right:9px}.shift-state p{color:var(--muted);margin:12px 0 0;font-size:13px}.pending p{font-size:11px}.punch-button{margin-bottom:13px}.sidebar{background:var(--brand);color:var(--on-brand);border-color:#333}.sidebar .brand-mark,.login-story .brand-mark,.kiosk-header .brand-mark{background:var(--on-brand);color:var(--brand)}.sidebar .brand-mark span,.login-story .brand-mark span,.kiosk-header .brand-mark span{color:var(--brand)}.sidebar .workspace-label,.sidebar .kiosk-launch{color:#fff;border-color:#767676}.sidebar nav>button{color:#ccc}.sidebar nav>button.active{color:#000;background:#fff}.sidebar .nav-rule{background:#333}.sidebar .kiosk-launch small,.sidebar .sidebar-user small,.sidebar .sidebar-user button{color:#ccc}.demo-banner{border-bottom:1px solid #ccc}.button.danger{border-color:#000;font-weight:700}.badge.attention{color:#000;background:#fff;box-shadow:inset 0 0 0 1px #767676}.alert.error,.toast.error{color:#111;background:#fff;border-color:#000;border-left-width:4px}.alert.error:before,.toast.error:before{content:"!";border:1px solid;border-radius:50%;justify-content:center;align-items:center;width:17px;height:17px;margin-right:8px;font-weight:700;display:inline-flex}.toast:not(.error),.kiosk-success{color:#fff;background:#000;border-color:#000}.kiosk-page{color:#fff;background:#000}.kiosk-header,.kiosk-footer,.kiosk-time{border-color:#444}.kiosk-card{color:var(--ink);box-shadow:none;border-color:#fff}.connection-dot.offline{background:0 0;outline:1px solid}.kiosk-header .connection-dot.offline{background:0 0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid #000;box-shadow:0 0 0 3px #fff}.sidebar button:focus-visible,.sidebar a:focus-visible,.kiosk-header a:focus-visible,.kiosk-footer a:focus-visible{outline-color:#fff;box-shadow:0 0 0 3px #000}@media (width>=1500px){.dashboard-hero{min-height:260px}.dashboard-hero h2{font-size:37px}.hero-clock{margin-right:70px}.clock-face{width:150px;height:150px}}@media (width<=1150px){.sidebar{width:194px;padding:25px 12px}.main-area{width:calc(100% - 194px);margin-left:194px}.content{padding:28px 23px}.hero-clock{gap:18px;margin-right:0}.clock-face{width:100px;height:100px}.hero-clock b{font-size:30px}.dashboard-hero{padding:28px}.stat{padding:17px 14px}.stat small{font-size:9px}.kiosk-main{grid-template-columns:1fr 420px;gap:35px}.kiosk-welcome h1{font-size:49px}.two-column{gap:16px}.section-head{padding:19px}.demo-banner>span:last-child{display:none}}@media (width<=900px){.sidebar{width:76px;padding:24px 10px}.sidebar .brand{justify-content:center;padding:0;font-size:0}.brand-mark{font-size:29px}.sidebar .brand-time,.workspace-label,.kiosk-launch,.sidebar-user{display:none}.sidebar nav{margin-top:35px}nav>button{justify-content:center;padding:15px 9px;font-size:0}nav>button svg{width:21px;height:21px}.nav-rule{margin:15px 0}.main-area{width:calc(100% - 76px);margin-left:76px}.stat-grid{grid-template-columns:repeat(2,1fr)}.two-column{grid-template-columns:1fr}.hero-clock .clock-face{display:none}.hero-clock{margin-left:20px}.dashboard-hero h2{font-size:29px}.kiosk-main{grid-template-columns:1fr 370px;gap:25px;padding:30px 25px}.kiosk-card{padding:25px}.kiosk-welcome h1{font-size:40px}.kiosk-time{font-size:36px}.kiosk-welcome p{font-size:13px}.login-story{padding:45px 30px}.login-story h1{font-size:49px}.login-panel{padding:35px}.period-summary{gap:20px}.period-summary h2{font-size:22px}}@media (width<=650px){h1{font-size:28px}.content{padding:25px 16px}.topbar{height:55px;padding:0 18px}.top-date{display:none}.demo-banner{padding:9px 15px;font-size:9px}.demo-banner b{display:block}.dashboard-hero{padding:25px}.dashboard-hero h2{font-size:26px}.hero-clock{display:none}.stat-grid{gap:10px}.stat strong{font-size:31px}.stat>span{font-size:10px}.stat small{font-size:9px}.page-footer{display:block}.page-footer>span{margin:5px 0;display:block}.section-head{flex-wrap:wrap;align-items:flex-start;padding:16px}.section-head .button{font-size:11px}.form-grid{grid-template-columns:1fr}.period-summary{flex-direction:column;align-items:flex-start}.period-summary>div:last-child{text-align:left}.period-summary strong{font-size:26px}.period-toolbar>select{width:100%;min-width:0}.new-period{flex-wrap:wrap}.steps{gap:9px}.steps>span{gap:4px;font-size:9px}.scrim{padding:12px}.modal{padding:20px}.one-time-code{letter-spacing:2px;font-size:24px}.pair-form{flex-direction:column;align-items:stretch}.snapshot-row{flex-wrap:wrap;align-items:flex-start}.kiosk-header{gap:14px;padding:20px}.kiosk-header .brand{font-size:23px}.kiosk-connection{font-size:0}.kiosk-main{padding:22px 18px;display:block}.kiosk-welcome{display:none}.kiosk-card{max-width:440px;margin:auto}.kiosk-footer{flex-direction:column;gap:8px;font-size:9px}.kiosk-card h2{font-size:25px}.login-layout{display:block}.login-story{min-height:0;padding:25px}.login-story>div:not(.brand),.login-story>span{display:none}.login-panel{padding:35px 25px}.login-panel h2{font-size:26px}.sidebar{width:61px;padding:20px 6px}.main-area{width:calc(100% - 61px);margin-left:61px}}.employee-email-note{background:var(--subtle);border-bottom:1px solid var(--line);align-items:flex-start;gap:12px;padding:18px 23px;display:flex}.employee-email-note>.connection-dot{margin-top:7px}.employee-email-note p{color:var(--muted);max-width:760px;margin:4px 0 0;font-size:12px}.employee-email{overflow-wrap:anywhere;max-width:240px;font-size:12px;display:block}.employee-pin-status{max-width:180px;margin-top:7px}.employee-pin-status small{line-height:1.45;display:block}.employee-pin-status small+small{color:var(--muted);margin-top:3px;font-size:10px}.employee-actions{flex-wrap:wrap;min-width:170px;max-width:270px}.employee-table td{vertical-align:top}.employee-form-intro{color:var(--muted);margin:18px 0;font-size:13px}.pin-setup-page{background:radial-gradient(ellipse at 50% 0,#fff 0,var(--paper) 70%);flex-direction:column;justify-content:center;align-items:center;gap:30px;min-height:100svh;padding:44px 22px;display:flex}.pin-setup-brand{font-size:25px;text-decoration:none}.pin-setup-card{border:1px solid var(--line);background:#fff;border-radius:22px;width:min(100%,470px);padding:38px;box-shadow:0 18px 60px #00000007}.pin-setup-symbol{border:1px solid var(--line);background:var(--subtle);border-radius:15px;justify-content:center;align-items:center;width:52px;height:52px;margin-bottom:26px;display:flex}.pin-setup-symbol svg{width:25px;height:25px}.pin-setup-card>.eyebrow{color:var(--muted);margin-bottom:10px;font-size:9px;display:block}.pin-setup-card h1{letter-spacing:-1.1px;outline:none;font-size:31px;font-weight:570;line-height:1.13}.pin-setup-card>p{color:var(--muted);margin:17px 0 23px;font-size:14px;line-height:1.6}.pin-setup-card strong{color:var(--ink);font-weight:600}.pin-setup-card form{margin-top:26px}.pin-setup-card input{letter-spacing:8px;font-variant-numeric:tabular-nums;min-height:58px;font-size:23px}.pin-setup-card .field{margin-bottom:19px}.pin-setup-card .alert{letter-spacing:0;font-size:12px;line-height:1.6}.pin-setup-card .policy-note{margin:22px 0}.pin-setup-card .policy-note p{margin-bottom:0;font-size:12px}.pin-setup-card p.pin-setup-expiry{color:var(--muted);margin:16px 0 0;font-size:11px}.pin-setup-footer{border-top:1px solid var(--line);color:var(--muted);align-items:flex-start;gap:11px;margin-top:28px;padding-top:21px;display:flex}.pin-setup-footer>span{font-size:21px;line-height:1}.pin-setup-footer p{margin:0;font-size:11px;line-height:1.55}.pin-setup-byline{color:var(--muted);text-align:center;margin:0;font-size:11px}@media (width<=650px){.employee-email-note{padding:16px}.pin-setup-page{justify-content:flex-start;gap:23px;padding:28px 16px}.pin-setup-card{border-radius:18px;padding:28px 24px}.pin-setup-card h1{font-size:29px}.pin-setup-symbol{margin-bottom:23px}}:root{--paper:#fff;--line:#e7e7e7;--subtle:#f5f5f5;--ease:cubic-bezier(.22,1,.36,1)}body{letter-spacing:-.15px;-webkit-font-smoothing:antialiased;font-size:15px}h1{letter-spacing:-1.4px;font-size:clamp(28px,2.35vw,38px);font-weight:600;line-height:1.18}h2{letter-spacing:-.5px;font-weight:600}.sidebar{width:232px;color:var(--ink);border-color:var(--line);z-index:3;background:#fff;padding:32px 20px 22px;overflow-y:auto}.sidebar>.brand{padding-left:7px;font-size:27px}.sidebar .brand-mark{color:#fff;background:#000;border-radius:13px}.sidebar .brand-mark span{color:#fff}.workspace-label{background:#f6f6f6;border:0;border-radius:12px;margin:28px 4px 24px;padding:11px 12px;font-size:12px}.sidebar .workspace-label{color:#555;border:0}.sidebar .location-dot{border-color:#171717}.sidebar nav>button{color:#606060;border-radius:100px;flex-shrink:0;gap:13px;min-height:48px;padding:13px 15px;font-size:14px;font-weight:500;position:relative}.sidebar nav>button:hover{color:#111;background:#f5f5f5}.sidebar nav>button.active svg{stroke-width:2.2px}.sidebar .nav-rule{background:var(--line);margin:18px 12px}.sidebar .kiosk-launch{color:#171717;background:#f6f6f6;border:0;border-radius:14px;gap:10px;margin-top:36px;padding:15px 12px;font-size:12px}.sidebar .kiosk-launch:hover{background:#eee}.sidebar .kiosk-launch small{color:#606060;font-size:10px}.sidebar-user{gap:10px;margin-top:auto;padding:26px 3px 0;font-size:12px}.sidebar .sidebar-user small,.sidebar .sidebar-user button{color:#606060}.sidebar-user button{border-radius:50%;width:36px;height:36px}.sidebar-user button:hover{background:#eee}.sidebar-user>span:nth-child(2){overflow-wrap:anywhere;min-width:0}.avatar{color:#333;background:#f0f0f0;width:38px;height:38px;font-size:12px}.demo-banner{color:#606060;background:#f6f6f6;border:0;padding:8px 36px;font-size:10px}.demo-banner b{color:#333;font-size:9px}.topbar{border-color:var(--line);height:80px;padding:0 36px;font-size:16px}.topbar>span{letter-spacing:-.3px;font-weight:600}.topbar>div{gap:8px;font-size:11px}.top-date{background:#f6f6f6;border:0;border-radius:100px;margin-left:14px;padding:9px 13px}.content{max-width:1500px;padding:36px 38px 18px}.page-heading{justify-content:space-between;align-items:center;gap:28px;margin-bottom:32px;display:flex}.page-heading .eyebrow{letter-spacing:1.6px;margin-bottom:12px;font-size:9px}.page-heading p{margin-top:12px;font-size:13px;line-height:1.6}.heading-actions{flex-shrink:0;align-items:center;gap:10px;display:flex}.button{border-color:#8a8a8a;border-radius:100px;gap:10px;min-height:44px;padding:11px 18px;font-size:13px;font-weight:600;line-height:1.45}.button.inverse:hover:not(:disabled){background:#e9e9e9}.button.link{box-shadow:none}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:30px;display:grid}.metric-card{text-align:left;color:var(--ink);background:#f5f5f5;border:0;border-radius:20px;min-width:0;padding:22px 24px;display:block}.metric-card:hover{background:#eee;transform:translateY(-2px)}.metric-card>span{color:#606060;align-items:center;gap:8px;font-size:13px;display:flex}.metric-card strong{letter-spacing:-1.6px;font-variant-numeric:tabular-nums;margin:13px 0 9px;font-size:38px;font-weight:550;line-height:1.2;display:block}.metric-card small{color:#606060;justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.metric-card small>span{color:#171717;font-size:16px}.overview-grid{grid-template-columns:minmax(0,1fr) 304px;align-items:start;gap:28px;display:grid}.overview-main,.overview-rail{min-width:0}.hours-panel{border-top:1px solid var(--line);margin-bottom:28px;padding:27px 0 0}.hours-heading{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.hours-heading>div>.muted{font-size:14px;font-weight:500}.hours-total{letter-spacing:-2.9px;font-variant-numeric:tabular-nums;margin:10px 0;font-size:54px;font-weight:500;line-height:1.2}.hours-total>span{letter-spacing:-.3px;color:#606060;margin-left:9px;font-size:20px;font-weight:400}.hours-heading p{color:#606060;margin:0;font-size:11px;line-height:1.7}.range-switch{background:#f3f3f3;border-radius:100px;flex-shrink:0;gap:3px;padding:4px;display:flex}.range-switch button{color:#606060;white-space:nowrap;background:0 0;border:0;border-radius:100px;min-height:34px;padding:8px 11px;font-size:11px;font-weight:600}.range-switch button[aria-pressed=true]{color:#fff;background:#111;box-shadow:0 2px 3px #00000012}.chart-caption{color:#606060;flex-wrap:wrap;align-items:center;gap:10px;min-height:22px;margin:27px 0 12px;font-size:11px;display:flex}.chart-caption b{color:#171717;font-weight:600}.chart-cumulative{margin-left:auto}.chart-wrap{gap:18px;height:214px;padding-top:5px;display:flex}.chart-scale{color:#606060;flex-direction:column;justify-content:space-between;align-items:flex-start;min-width:40px;padding:0;font-size:9px;display:flex}.chart-plot{flex:1;min-width:0;height:100%;margin-right:14px;position:relative}.chart-grid{border-top:1px dashed #e7e7e7;border-bottom:1px dashed #e7e7e7;position:absolute;inset:0}.chart-grid:after{content:"";border-top:1px dashed #e7e7e7;position:absolute;top:50%;left:0;right:0}.hours-chart{color:#171717;width:100%;height:100%;display:block;position:relative;overflow:visible}.chart-line{stroke-linejoin:round;stroke-linecap:round}.chart-point{background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.chart-point:active:not(:disabled){transform:translate(-50%,-50%)}.chart-point>span{box-sizing:content-box;opacity:0;background:#171717;border:2px solid #fff;border-radius:50%;width:6px;height:6px;transition:opacity .15s,box-shadow .15s;display:block}.chart-point.selected>span,.chart-point:hover>span,.chart-point:focus-visible>span{opacity:1;box-shadow:0 0 0 5px #0000000a}.chart-axis{color:#606060;justify-content:space-between;margin:5px 14px 0 58px;font-size:10px;display:flex}.hours-footer{border-top:1px solid var(--line);color:#606060;justify-content:space-between;align-items:center;gap:16px;margin-top:24px;padding-top:22px;font-size:11px;display:flex}.hours-footer button,.backup-card button{color:#171717;text-align:left;white-space:nowrap;background:0 0;border:0;padding:6px 0;font-size:12px;font-weight:600}.hours-footer button:hover,.backup-card button:hover{text-underline-offset:4px;text-decoration:underline}.hours-footer button span,.backup-card button span{margin-left:9px}.review-card{color:#fff;background:#111;border-radius:22px;margin-bottom:22px;padding:26px}.review-card-top{color:#ccc;justify-content:space-between;align-items:center;margin-bottom:25px;display:flex}.review-card-top .eyebrow{letter-spacing:1.6px;font-size:9px}.review-card-top>svg{width:25px;height:25px}.review-card h2{letter-spacing:-.8px;font-size:27px;font-weight:500;line-height:1.2}.review-card p{color:#ccc;margin:15px 0 24px;font-size:12px;line-height:1.7}.review-card .button{justify-content:space-between;min-height:45px;font-size:12px}.checklist-card{border:1px solid var(--line);background:#fff;border-radius:20px;margin-bottom:22px;overflow:hidden}.checklist-card .section-head{border:0;padding:21px 22px}.completion-count{color:#606060;background:#f3f3f3;border-radius:100px;padding:4px 9px;font-size:11px}.task-row{border-color:var(--line);gap:12px;padding:19px 21px}.task-row:hover{background:#f7f7f7}.task-row:last-child{border-bottom:0}.task-row b{font-size:12px;font-weight:600;line-height:1.5}.task-row small{margin-top:4px;font-size:11px;line-height:1.5}.task-number{color:#606060;background:#f5f5f5;border:0;width:27px;height:27px;font-size:10px}.task-row>span:last-child{color:#606060;font-size:20px}.backup-card{align-items:flex-start;gap:13px;padding:3px 8px;display:flex}.backup-symbol{background:#f3f3f3;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:22px;display:flex}.backup-card b{font-size:12px;font-weight:600}.backup-card p{color:#606060;margin:5px 0;font-size:11px;line-height:1.6}.backup-card button{font-size:11px}.overview-note{color:#606060;margin:22px 0;padding:0 8px;font-size:10px;line-height:1.7}.panel{border-color:var(--line);border-radius:20px;margin-bottom:26px}.section-head{gap:14px;padding:24px}.live-panel .section-head{border:0;padding-bottom:15px}.empty{font-size:13px;line-height:1.6}.empty-icon{color:#606060;background:#f5f5f5;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;margin:0 auto 14px;display:flex}.empty-icon svg{width:22px;height:22px}.empty h3{color:#171717;font-size:16px}.empty p{color:#606060;max-width:290px;font-size:12px;line-height:1.7}.panel-link{padding:17px 24px;font-size:12px;font-weight:500}.panel-link:hover{background:#f8f8f8}.badge{border-radius:100px;padding:5px 10px;font-size:10px;font-weight:600}.badge.positive{color:#222;background:#f0f0f0}.badge.positive:before{content:"";background:#171717;border-radius:50%;width:5px;height:5px;margin-right:6px}.badge.attention{box-shadow:none;color:#222;background:#f0f0f0}.person-row>strong{font-variant-numeric:tabular-nums;font-size:12px}.table-tools{padding:20px 24px}th{color:#606060;background:#f7f7f7;padding:15px 24px;font-size:10px;font-weight:600}td{border-color:#eee;padding:21px 24px;font-size:13px}tbody tr{transition:background-color .15s}td small{font-size:11px}.table-footer{background:#fafafa;padding:16px 24px;font-size:11px}input,select,textarea{background:#fff;border-color:#8a8a8a;border-radius:12px;min-height:46px;padding:12px 14px;font-size:14px}.search{background:#f7f7f7;border-radius:100px;max-width:360px;padding-left:18px}.field{margin-bottom:21px}.field>span{margin-bottom:9px;font-size:13px;font-weight:550}.field>small{margin-top:8px;font-size:11px;line-height:1.7}.check{color:#444;font-size:13px;line-height:1.7}.toast{box-shadow:0 6px 18px #00000008}.toast button{min-width:30px;font-size:20px}.modal{animation:dialog-in .26s var(--ease);border-radius:24px;max-height:90dvh;padding:30px;box-shadow:0 24px 90px #00000026}.modal>.section-head{margin-bottom:26px;padding-bottom:23px}.modal h2{font-size:24px}.icon-button{background:#f4f4f4;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;padding:0;line-height:1;display:flex}.icon-button:hover{background:#e9e9e9}.modal-actions{gap:12px;padding-top:22px}.one-time-code{letter-spacing:6px;background:#f4f4f4;border-radius:16px}.period-summary{padding:30px}.period-summary h2{font-size:25px}.period-summary strong{font-variant-numeric:tabular-nums}.steps .done{font-weight:600}.snapshot-row{gap:18px;padding:20px 24px}.policy-note{background:#f5f5f5;border-radius:14px;padding:20px;line-height:1.7}.page-footer{color:#606060;gap:20px;margin-top:8px;padding:16px 0;font-size:10px}.page-body{animation:page-in .26s var(--ease)}.login-story .brand-mark{border-radius:13px}.login-story h1{letter-spacing:-2.8px;font-size:clamp(44px,4.5vw,66px);font-weight:500}.login-panel h2{font-size:30px;line-height:1.2}.kiosk-header{padding:24px 5vw}.kiosk-main{grid-template-columns:minmax(0,1fr) 440px;gap:85px;max-width:1180px;padding:44px 35px}.kiosk-welcome h1{letter-spacing:-2.8px;font-size:clamp(43px,4.4vw,64px);font-weight:500}.kiosk-card{border-radius:28px;padding:34px}.kiosk-card h2{margin-bottom:27px;font-size:27px;font-weight:550;line-height:1.2}.kiosk-card select,.kiosk-card input{height:52px}.keypad>button{background:#f5f5f5;border:0;border-radius:16px;height:60px;font-size:23px}.keypad>button:hover{background:#e7e7e7}.kiosk-success{border-radius:17px;font-size:13px;line-height:1.6}.enroll-link{font-size:11px;line-height:1.8}.sidebar button:focus-visible,.sidebar a:focus-visible{outline-color:#000;box-shadow:0 0 0 3px #fff}@keyframes page-in{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}@keyframes scrim-in{0%{opacity:0}to{opacity:1}}@keyframes dialog-in{0%{opacity:0;transform:translateY(12px)scale(.985)}to{opacity:1;transform:none}}@media (width<=1400px){.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:stretch;padding-top:24px}.heading-actions .button{min-height:39px;padding:9px 14px;font-size:12px}.overview-grid{grid-template-columns:minmax(0,1fr) 280px;gap:24px}.hours-heading{flex-wrap:wrap}.hours-heading .range-switch{margin-top:2px}.content{padding:32px}.review-card{padding:23px}.review-card h2{font-size:26px}.chart-cumulative{display:none}}@media (width<=1120px){.sidebar{width:202px;padding:28px 13px 20px}.sidebar>.brand{gap:8px;font-size:24px}.sidebar nav>button{padding:12px;font-size:13px}.main-area{width:calc(100% - 202px);margin-left:202px}.content{padding:28px}.overview-grid{grid-template-columns:minmax(0,1fr) 250px;gap:22px}.review-card{padding:22px}.review-card h2{font-size:24px}.checklist-card .section-head,.task-row{padding:19px 17px}.task-row small{font-size:10px}.hours-total{font-size:48px}.metric-card{padding:20px}.metric-card strong{font-size:35px}.hours-footer{flex-wrap:wrap;gap:4px}.kiosk-main{grid-template-columns:minmax(0,1fr) 410px;gap:40px}}@media (width<=960px){.sidebar{width:80px;padding:28px 12px}.sidebar>.brand{justify-content:center;padding:0;font-size:0}.sidebar .brand-mark{font-size:29px}.sidebar .brand-time,.sidebar .workspace-label,.sidebar .kiosk-launch,.sidebar-user>span,.sidebar nav>button>span{display:none}.sidebar nav{gap:9px;margin-top:32px}.sidebar nav>button{justify-content:center;min-height:48px;padding:13px;font-size:0}.sidebar .sidebar-user{justify-content:center;padding:22px 0 0;display:flex}.sidebar-user button{width:44px;height:44px;margin:0}.sidebar .nav-rule{margin:14px 0}.main-area{width:calc(100% - 80px);margin-left:80px}.overview-grid{grid-template-columns:minmax(0,1fr) 250px}.content{padding:28px 24px}.heading-actions{display:none}.page-heading{margin-bottom:26px}.metric-grid{gap:12px}.metric-card{padding:18px}.metric-card>span{font-size:12px}.metric-card small{font-size:10px}.metric-card strong{font-size:32px}.kiosk-main{grid-template-columns:minmax(0,1fr) 375px;gap:30px}.kiosk-card{padding:28px}.kiosk-welcome h1{font-size:42px}}@media (width<=800px){.overview-grid{grid-template-columns:1fr}.overview-rail{grid-template-columns:1fr 1fr;gap:20px;display:grid}.overview-rail>.review-card,.overview-rail>.checklist-card,.overview-note{margin:0}.hours-heading{flex-wrap:nowrap}.chart-cumulative{display:inline}.two-column{grid-template-columns:1fr}.topbar,.demo-banner{padding-left:24px;padding-right:24px}.metric-card>span{font-size:12px}.metric-card small{font-size:10px}.page-heading h1{font-size:30px}.kiosk-main{grid-template-columns:1fr 360px}.kiosk-welcome h1{font-size:37px}}@media (width<=700px){.app-shell{display:block}.sidebar{border-right:0;border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:12px;width:100%;padding:15px 18px 0;display:grid;position:sticky;top:0;bottom:auto;overflow:visible}.sidebar>.brand{justify-content:flex-start;gap:9px;font-size:23px}.sidebar .brand-time{display:inline}.sidebar .brand-mark{border-radius:11px;width:34px;height:35px;font-size:27px;line-height:32px}.sidebar .brand-mark span{font-size:23px;top:-5px;right:5px}.sidebar nav{scrollbar-width:thin;flex-direction:row;grid-area:2/1/auto/-1;gap:6px;margin:0 -18px;padding:0 18px 12px;display:flex;overflow:auto}.sidebar nav>button{border-radius:100px;gap:7px;min-height:42px;padding:10px 13px;font-size:12px}.sidebar nav>button svg{width:17px;height:17px}.sidebar nav>button>span{white-space:nowrap;display:inline}.sidebar .nav-rule{display:none}.sidebar .sidebar-user{grid-area:1/2;padding:0;display:flex}.sidebar-user button{background:#f5f5f5;width:35px;height:35px;font-size:21px}.main-area{width:100%;margin-left:0}.demo-banner{padding:9px 20px;font-size:9px}.demo-banner b{margin-right:7px;font-size:8px;display:inline}.topbar{height:60px;padding:0 20px;font-size:15px}.top-date{display:none}.topbar>div{font-size:10px}.content{padding:28px 20px 18px}.page-heading{margin-bottom:25px;display:block}.page-heading h1{letter-spacing:-1.1px;max-width:370px;font-size:30px}.page-heading p{max-width:310px;font-size:12px}.page-heading .eyebrow{font-size:8px}.metric-grid{gap:9px;margin-bottom:26px}.metric-card{border-radius:16px;padding:16px 13px}.metric-card>span{align-items:flex-start;min-height:30px;font-size:11px;line-height:1.4}.metric-card .status-dot{margin-top:5px}.metric-card strong{letter-spacing:-1px;margin:9px 0;font-size:31px}.metric-card small{align-items:flex-end;font-size:9px;line-height:1.5}.metric-card small>span{display:none}.hours-panel{padding-top:24px}.hours-heading{flex-wrap:wrap;gap:18px}.hours-total{letter-spacing:-2.3px;font-size:49px}.hours-heading p{font-size:10px}.range-switch button{min-height:36px;padding:8px 12px;font-size:11px}.chart-caption{gap:7px;margin-top:22px;font-size:10px}.chart-cumulative{display:none}.chart-wrap{gap:10px;height:175px}.chart-scale{min-width:34px;font-size:8px}.chart-axis{margin-left:44px;font-size:9px}.chart-point{width:24px;height:24px}.hours-footer{gap:7px;padding-top:17px;font-size:10px}.hours-footer button{font-size:11px}.overview-rail{display:block}.overview-rail>.review-card,.overview-rail>.checklist-card{margin-bottom:22px}.review-card{padding:26px}.review-card h2{font-size:28px}.review-card p{max-width:270px}.overview-note{margin-top:20px}.panel{border-radius:18px}.section-head,.panel-body,.table-tools{padding:20px}.section-head h2{font-size:16px}.section-head p{font-size:11px}.section-head .button{font-size:12px}.form-grid{grid-template-columns:1fr}.field>span{font-size:12px}.field>small{font-size:10px}.check{font-size:12px}.row-actions .button{white-space:normal}.filters>select{width:100%;max-width:100%}.inline-label{font-size:11px}.inline-label input{flex:1;min-width:0}.table-tools.filters>.inline-label{width:100%}.scrim{padding:14px}.modal{border-radius:23px;max-height:92dvh;padding:24px}.modal h2{font-size:23px}.modal>.section-head{margin-bottom:22px;padding-bottom:20px}.modal-actions .button{padding:10px 16px;font-size:12px}.period-summary{padding:23px}.period-summary h2{font-size:22px}.steps{gap:10px}.steps>span{gap:5px;font-size:10px}.period-toolbar{gap:12px}.new-period{flex-wrap:wrap}.new-period input{flex:1;min-width:120px}.pair-form{padding:20px}.snapshot-row{flex-wrap:wrap;padding:20px}.snapshot-row>.button{white-space:normal}.kiosk-main{padding:26px 18px;display:block}.kiosk-header{gap:13px;padding:20px}.kiosk-header .brand{font-size:23px}.kiosk-connection{font-size:0}.kiosk-welcome{display:none}.kiosk-card{border-radius:25px;max-width:440px;margin:auto;padding:28px}.kiosk-card h2{font-size:25px}.kiosk-header .badge{padding:5px 8px;font-size:8px}.kiosk-footer{font-size:10px;line-height:1.7}.login-panel{padding:34px 25px}.login-story{padding:25px}.page-footer{font-size:9px;line-height:1.7;display:block}}@media (width<=370px){.content{padding-left:16px;padding-right:16px}.metric-card{padding:13px 10px}.metric-card>span{font-size:10px}.metric-card strong{font-size:28px}.metric-card small{font-size:8px}.page-heading h1{font-size:28px}.kiosk-header{gap:9px;padding:16px}.kiosk-header .brand{gap:8px;font-size:20px}.kiosk-header .brand-mark{width:34px}.kiosk-main{padding:18px 12px}.kiosk-card{padding:24px}.button{white-space:normal}.modal{padding:21px}.one-time-code{letter-spacing:2px;font-size:23px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.metric-card:hover{transform:none}}.feature-outer-heading{display:none}.page-body>.panel,.feature-page>.panel{margin-bottom:24px}:is(.page-body>.panel:not(:has(>.section-head)),.feature-page>.panel){padding:26px}.page-body .toolbar,.page-body .actions,.employee-portal .actions,.employee-portal .toolbar{flex-wrap:wrap;align-items:center;gap:12px;margin:16px 0;display:flex}.toolbar .field{min-width:160px;margin:0}.feature-page .panel>h2,.page-body>.panel>h2{margin-bottom:10px;font-size:21px}.feature-page .panel>p,.page-body>.panel>p{color:#606060;margin-bottom:22px;font-size:13px;line-height:1.7}.feature-page .panel>.form-grid,.page-body>.panel>.form-grid{margin-top:20px}.feature-page .table-wrap{max-width:100%;overflow:auto}.notice{overflow-wrap:anywhere;background:#f6f6f6;border:1px solid #d6d6d6;border-radius:14px;margin:16px 0;padding:16px 18px;font-size:13px;line-height:1.6}.notice.error{color:#111;background:#eee;border-color:#666}.request-card{border-top:1px solid #e7e7e7;padding:20px 0}.request-card p{color:#606060;font-size:13px;line-height:1.7}.section-heading{justify-content:space-between;align-items:center;gap:16px;display:flex}.employee-launch{color:#333;border-radius:12px;justify-content:space-between;gap:12px;margin-top:18px;padding:14px 12px;font-size:12px;text-decoration:none;display:flex}.employee-launch:hover{background:#f5f5f5}.account-launch{color:#606060;border-radius:10px;padding:12px;font-size:11px;text-decoration:none;display:block}.account-launch:hover{color:#111;background:#f5f5f5}.form-grid>.button{place-self:center start;max-width:100%;min-height:44px}.setup-page,.auth-shell{max-width:580px;min-height:100dvh;margin:auto;padding:72px 24px}.setup-page>.panel,.auth-shell>.panel{background:#fff;border-radius:24px;padding:36px;box-shadow:0 12px 48px #00000006}.setup-page h1,.auth-shell h1{margin:18px 0;font-size:32px}.setup-page p,.auth-shell p{color:#606060;margin:18px 0;font-size:13px;line-height:1.7}.setup-page form{margin-top:30px;margin-bottom:12px}.setup-page form .button,.setup-page>.panel>.button{width:100%}.setup-page a,.auth-shell a{color:#333;font-size:13px}.auth-shell .form-grid{display:block}.tabs{flex-flow:wrap;gap:8px;margin:22px 0;display:flex}.card{border:1px solid #e7e7e7;border-radius:20px;margin:24px 0;padding:26px}.card h3{letter-spacing:-.5px;margin-bottom:14px;font-size:21px}.card p{color:#606060;margin:14px 0;font-size:13px;line-height:1.7}.card .button{margin-bottom:8px;margin-right:8px}.card .table-wrap{max-width:100%;overflow:auto}.feature-page fieldset{border:1px solid #e7e7e7;border-radius:14px;min-width:0;padding:18px}.feature-page fieldset label{align-items:center;gap:7px;margin:6px 16px 6px 0;font-size:12px;display:inline-flex}.feature-page fieldset input[type=checkbox]{width:18px;min-height:18px}.sidebar .kiosk-launch{margin-top:8px}.sidebar nav{gap:3px}.sidebar nav>button{min-height:42px;padding-top:10px;padding-bottom:10px}.sidebar .nav-rule{margin:10px 12px}.sidebar .workspace-label{margin:20px 4px 16px}.feature-page input,.feature-page select,.page-body input,.page-body select{min-width:0;max-width:100%}.feature-page .panel,.page-body>.panel,.page-body>.feature-page{min-width:0}.feature-page table,.page-body table{width:100%}.feature-page pre,.page-body pre{max-width:100%;overflow:auto}.feature-tabs{flex-flow:wrap;gap:8px;margin-bottom:24px;display:flex}.feature-tabs button[aria-selected=true],.feature-tabs button[aria-pressed=true]{color:#fff;background:#111}.employee-portal{max-width:1100px;margin:auto;padding:32px 24px}.employee-portal .panel{margin-bottom:24px;padding:26px}.employee-portal header{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.employee-portal nav{flex-wrap:wrap;gap:8px;margin:20px 0;display:flex}@media (width>=701px){.sidebar{padding-top:24px}.sidebar-user{padding-top:16px}.sidebar nav,.sidebar>.brand{flex-shrink:0}}@media (width<=960px){.employee-launch,.account-launch{display:none}}@media (width<=600px){.setup-page,.auth-shell{padding:32px 16px}.setup-page>.panel,.auth-shell>.panel{padding:26px 22px}.setup-page h1,.auth-shell h1{font-size:28px}.card{padding:20px}.tabs{gap:6px}.tabs .button{padding:9px 13px;font-size:12px}}@media (width<=700px){:is(.page-body>.panel:not(:has(>.section-head)),.feature-page>.panel,.employee-portal .panel){padding:20px}.page-body .toolbar{align-items:stretch}.toolbar .field{flex:1;min-width:0}.page-body .form-grid{grid-template-columns:minmax(0,1fr);display:grid}.feature-page .actions{align-items:stretch}.feature-page .actions>.button{flex:1}.employee-portal{padding:20px 16px}.employee-portal header{flex-wrap:wrap;align-items:flex-start}.sidebar nav{gap:6px}.sidebar nav>button{padding:10px 13px}.page-body .page-heading h1{font-size:28px}.notice{overflow-wrap:anywhere}}.feature-page{min-width:0;max-width:100%}.feature-page .feature-heading{align-items:flex-start;margin-bottom:28px}.feature-heading h1{letter-spacing:-1.1px;font-size:clamp(26px,2.5vw,34px);line-height:1.16}.feature-heading .eyebrow{letter-spacing:.12em;margin:0 0 12px;font-size:11px;font-weight:650}.feature-heading>div>p:not(.eyebrow){color:#62625f;max-width:640px;margin:12px 0 0;font-size:14px;line-height:1.65}.feature-heading-action{flex-shrink:0;padding-top:12px}.feature-page>.panel,.feature-page>div>.panel,.feature-page>.card{background:#fff;border:1px solid #e7e7e3;border-radius:20px;margin:0 0 24px;padding:26px}.feature-page .panel h2,.feature-page .card h3{letter-spacing:-.45px;margin:0 0 10px;font-size:20px;line-height:1.35}.feature-page .panel h3{letter-spacing:-.2px;margin:24px 0 12px;font-size:16px;line-height:1.4}.feature-page .panel>h3:first-child{margin-top:0;font-size:20px}.feature-page .panel>p,.feature-page .card>p{color:#62625f;max-width:80ch;font-size:14px;line-height:1.65}.feature-page .panel>p:last-child{margin-bottom:0}.feature-page .tabs{background:#eaeae6;border:1px solid #e3e3de;border-radius:14px;flex-direction:row;align-items:center;gap:5px;max-width:100%;margin:0 0 26px;padding:5px;display:inline-flex}.feature-page .tabs>.button{min-height:44px;box-shadow:none;color:#595955;background:0 0;border:1px solid #0000;border-radius:10px;margin:0;padding:10px 17px;font-size:13px;font-weight:600}.feature-page .tabs>.button[aria-pressed=true]{color:#171717;background:#fff;border-color:#deded8;box-shadow:0 1px 3px #00000006}.feature-page .tabs>.button:hover:not([aria-pressed=true]){color:#171717;background:#f5f5f2}.feature-section-links{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:8px;margin:-4px 0 24px;display:flex}.feature-section-links a{color:#565650;background:#fff;border:1px solid #e1e1db;border-radius:24px;flex:none;align-items:center;max-width:100%;min-height:44px;padding:10px 14px;font-size:13px;font-weight:550;text-decoration:none;display:inline-flex}.feature-section-links a:hover,.feature-section-links a:focus-visible{color:#111;background:#f5f5f1;border-color:#b8b8af}.feature-page [id]{scroll-margin-top:24px}.feature-page .feature-feedback{color:#363931;overflow-wrap:anywhere;background:#f3f4ef;border:1px solid #dddeda;border-radius:12px;align-items:center;gap:10px;margin:0 0 22px;padding:14px 17px;font-size:14px;line-height:1.6;display:flex}.feature-page .feature-feedback.error{color:#713b32;background:#fcf6f4;border-color:#e6d5cf}.feature-page .feature-feedback.is-pending{color:#66665e;background:#f6f6f3}.feature-page .feature-feedback>span{flex-shrink:0;font-size:17px}.feature-page .form-grid{gap:18px 20px;margin:20px 0}.feature-page form.form-grid>h3,.feature-page form.form-grid>p,.feature-page form.form-grid>fieldset,.feature-page form.form-grid>[role],.feature-page .form-grid>.actions,.feature-page .form-grid>.feature-form-actions{grid-column:1/-1}.feature-page form.form-grid>h3{margin:0}.feature-page form.form-grid>p{color:#62625f;max-width:80ch;margin:0 0 4px;font-size:14px;line-height:1.65}.feature-page .field>span{font-size:13px;line-height:1.45}.feature-page .field>small{color:#71716a;font-size:13px;line-height:1.5}.feature-page .field input:not([type=checkbox]),.feature-page .field select,.feature-page .field textarea{border-radius:10px;min-height:44px;font-size:14px}.feature-page textarea{resize:vertical;min-height:100px}.feature-page .field:has(input[type=checkbox]){border:1px solid #e7e7e2;border-radius:10px;flex-direction:row-reverse;justify-content:flex-end;align-items:center;gap:12px;min-height:54px;margin:0;padding:14px;display:flex}.feature-page input[type=checkbox]{accent-color:#171717;flex-shrink:0;width:18px;height:18px;min-height:18px}.feature-page fieldset{background:#fafaf8;border:1px solid #e4e4de;padding:18px}.feature-page fieldset legend{padding:0 7px;font-size:13px;font-weight:600;line-height:1.5}.feature-page fieldset label{gap:9px;min-height:36px;margin:4px 20px 4px 0;font-size:13px}.feature-page .button{min-height:44px;font-size:13px}.feature-page .toolbar,.feature-page .actions,.feature-form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin:20px 0 0;display:flex}.feature-page .toolbar:first-child{margin-top:0}.feature-page .feature-form-actions{border-top:1px solid #e9e9e3;padding-top:18px}.feature-page .feature-form-actions .button,.feature-page .actions .button{margin:0}.feature-page .panel>form>.button,.feature-page form.panel>.button{margin-top:12px}.feature-page .table-wrap,.feature-page .table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;border:1px solid #e9e9e3;border-radius:12px;margin:20px 0;overflow-x:auto}.feature-page table{border-collapse:collapse;font-size:13px}.feature-page th{letter-spacing:.045em;color:#77776e;white-space:nowrap;background:#fafaf8;padding:14px 16px;font-size:11px;font-weight:650}.feature-page td{vertical-align:middle;border-top:1px solid #eeeee9;padding:17px 16px;font-size:13px;line-height:1.55}.feature-page tbody tr:hover{background:#fcfcfa}.feature-page td .button{margin:3px 7px 3px 0}.feature-page .feature-table-actions{min-width:250px}.feature-page .request-card{background:#fff;border:1px solid #e7e7e1;border-radius:14px;margin:12px 0;padding:18px 20px}.feature-page .request-card p{margin:9px 0;font-size:14px;line-height:1.6}.feature-page .request-card h3{margin:0 0 8px}.feature-page .request-card>.button{margin:12px 8px 0 0}.feature-page .section-heading{align-items:flex-start}.feature-page details{background:#fafaf8;border:1px solid #e5e5df;border-radius:12px;margin:20px 0;padding:0 18px}.feature-page details>summary{cursor:pointer;color:#373732;align-content:center;min-height:52px;padding:14px 0;font-size:14px;font-weight:600;line-height:1.5;list-style-position:inside;display:list-item}.feature-page details[open]{padding-bottom:18px}.feature-page details[open]>summary{border-bottom:1px solid #e5e5df;margin-bottom:18px}.feature-page details p{color:#66665f;font-size:13px;line-height:1.65}.feature-page pre{background:#f0f0eb;border-radius:10px;padding:16px;font-size:12px;line-height:1.7}.feature-page .list-row{border-bottom:1px solid #eeeee8;padding:18px 0}.feature-page .list-row>small{color:#77776e;margin-left:12px;font-size:12px}.feature-page .list-row>p{margin-top:10px;font-size:14px;line-height:1.7}.feature-page .feature-editor{outline-offset:5px;border-color:#c7c7be;scroll-margin-top:24px}.scheduling-page .schedule-toolbar{justify-content:flex-start;gap:10px}.scheduling-page .schedule-toolbar .field{flex:0 185px}.scheduling-page .schedule-toolbar>.primary{margin-left:auto}.scheduling-page .schedule-hint{color:#78786f;margin:18px 0;font-size:13px}.scheduling-page .schedule-board table{table-layout:fixed;min-width:1120px}.scheduling-page .schedule-board th:first-child{z-index:1;white-space:normal;background:#fafaf8;width:150px;position:sticky;left:0}.scheduling-page .schedule-board td{vertical-align:top;min-height:90px;padding:10px 8px}.scheduling-page .schedule-board tbody th{letter-spacing:0;color:#363631;font-size:13px}.scheduling-page .schedule-shift{text-align:left;white-space:normal;width:100%;font-size:12px;line-height:1.65;display:block;color:#44443d!important;box-shadow:none!important;background:#f8f8f4!important;border:1px solid #deded7!important;border-left:3px solid #78786b!important;border-radius:10px!important;margin:0 0 8px!important;padding:12px!important}.scheduling-page .schedule-shift strong{color:#22221e;font-size:13px}.scheduling-page .schedule-shift .badge{margin-top:7px}.scheduling-page .schedule-shift:hover{background:#f0f0e9!important;border-color:#b6b6aa!important}.scheduling-page .schedule-shift.is-cancelled{opacity:.6;border-left-style:dashed!important}@media (width<=760px){.feature-page>.panel,.feature-page>div>.panel,.feature-page>.card{border-radius:16px;padding:20px}.feature-heading-action{width:100%;padding-top:0}.feature-heading-action .button{width:100%}.feature-page .tabs{flex-wrap:nowrap;gap:2px;width:100%;display:flex;overflow-x:auto}.feature-page .tabs>.button{white-space:nowrap;flex:none;padding:10px 14px}.feature-page .form-grid{grid-template-columns:minmax(0,1fr)}.feature-page .table-wrap,.feature-page .table-scroll{margin:18px -6px}.feature-page .feature-form-actions>.button{flex:150px}.feature-page .request-card{padding:16px}.scheduling-page .schedule-toolbar>.primary{flex:100%;margin-left:0}.scheduling-page .schedule-toolbar .field{flex:150px}.feature-section-links{gap:6px}.feature-section-links a{padding:8px 12px;font-size:12px}.feature-page fieldset label{display:flex}.feature-page .section-heading{flex-wrap:wrap}}:root{--paper:#f7f7f7;--line:#e4e4e4;--muted:#606060;--surface:#fff;--radius:18px;--ease:cubic-bezier(.2,.8,.2,1)}html{scroll-padding-top:24px}body{letter-spacing:-.12px;background:var(--paper);font-size:15px;line-height:1.55}button,a,input,select,textarea{transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s}button:active:not(:disabled),a.button:active{transform:none}button:disabled{opacity:.5}h1{letter-spacing:-1.1px;text-wrap:balance;font-size:clamp(27px,2.3vw,34px);font-weight:620;line-height:1.18}h2{letter-spacing:-.45px;font-weight:620;line-height:1.3}h3{line-height:1.4}.small,small{font-size:13px;line-height:1.55}.eyebrow{letter-spacing:1.2px;font-size:11px}:where(button,a,input,select,textarea,summary):focus-visible{outline-offset:3px;outline:2px solid #171717;box-shadow:0 0 0 5px #fff}input,select,textarea{background:#fff;border:1px solid #919191;border-radius:10px;max-width:100%;min-height:44px;padding:11px 13px;scroll-margin-block:90px;font-size:14px;line-height:1.5}input::placeholder,textarea::placeholder{color:#727272;opacity:1}input:hover,select:hover,textarea:hover{border-color:#555}input:focus,select:focus,textarea:focus{border-color:#171717}input[readonly]{color:#606060;background:#f5f5f5}input[type=checkbox],input[type=radio]{accent-color:#171717;flex-shrink:0;width:18px;height:18px;min-height:18px}textarea{resize:vertical;min-height:96px}.button{border-color:#aaa;border-radius:11px;gap:9px;min-height:44px;padding:10px 16px;font-size:13px;font-weight:600}.button:hover:not(:disabled){filter:none;background:#f3f3f3;box-shadow:0 2px 4px #00000006}.button.primary{color:#fff;background:#171717;border-color:#171717}.button.primary:hover:not(:disabled){background:#333;border-color:#333}.button.small{min-height:36px;padding:7px 11px;font-size:12px}.button.link{color:#454545;border-color:#0000}.button.wide{width:100%}.button.touch{min-height:54px;font-size:16px}.skip-link{z-index:100;color:#fff;background:#171717;border-radius:10px;padding:12px 20px;position:fixed;top:10px;left:16px;transform:translateY(-150%)}.skip-link:focus{transform:none}.content:focus{outline:none}.sidebar{z-index:5;border-right:1px solid var(--line);background:#fff;width:224px;padding:24px 14px 14px;overflow:hidden}.sidebar-brand{flex-shrink:0;align-items:center;padding:0 8px;display:flex}.brand-home{min-height:44px;color:inherit;border-radius:10px;flex-shrink:0;align-items:center;text-decoration:none;display:inline-flex}.sidebar .brand-home:focus-visible{outline-offset:4px;outline:2px solid #171717;box-shadow:0 0 0 4px #fff}.sidebar-brand .brand{gap:9px;font-size:25px}.sidebar-brand .brand-mark{border-radius:11px;width:35px;height:37px;line-height:33px}.workspace-label{background:#f6f6f6;border:1px solid #ededed;border-radius:9px;flex-shrink:0;min-width:0;margin:22px 7px 16px;padding:9px 10px;font-size:12px}.workspace-label>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.workspace-navigation{scrollbar-width:thin;scrollbar-color:#d4d4d4 transparent;flex:1;min-height:0;padding:0 3px 8px;overflow:auto}.sidebar nav{flex-direction:column;gap:3px;margin:0;padding:0;display:flex;overflow:visible}.sidebar nav>button{color:#555;text-align:left;white-space:normal;border-radius:9px;flex-shrink:0;align-items:center;gap:11px;min-height:40px;padding:9px 12px;font-size:13px;line-height:1.45;display:flex}.sidebar nav>button svg{width:19px;height:19px}.sidebar nav>button.active{color:#171717;background:#efefef;font-weight:650}.sidebar nav>button.active:before{content:"";background:#171717;border-radius:3px;width:3px;height:17px;position:absolute;left:0}.sidebar nav>button>span{display:inline}.sidebar .nav-rule{color:#767676;letter-spacing:1.1px;text-transform:uppercase;background:0 0;height:auto;margin:17px 12px 6px;font-size:10px;font-weight:600}.sidebar-shortcuts{border-top:1px solid var(--line);gap:3px;margin-top:18px;padding-top:12px;display:grid}.sidebar .sidebar-shortcuts>a{color:#555;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;min-height:40px;margin:0;padding:10px 11px;font-size:12px;font-weight:500;text-decoration:none;display:flex}.sidebar-shortcuts>a:hover{color:#171717!important;background:#f4f4f4!important}.sidebar-shortcuts>a>svg{width:17px;height:17px}.sidebar-shortcuts>a>span:last-child{margin-left:auto}.sidebar .kiosk-launch small{margin-top:1px;font-size:10px;line-height:1.4}.sidebar-user{border-top:1px solid var(--line);flex-shrink:0;gap:10px;margin-top:10px;padding:14px 6px 0;font-size:12px;display:flex!important}.sidebar-user>span{display:inline-flex!important}.sidebar-user>span:nth-child(2){text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden;display:block!important}.sidebar-user small{margin-top:1px;font-size:11px;line-height:1.5}.sidebar-user .avatar{width:32px;height:32px;font-size:11px}.sidebar-user button{border-radius:9px;flex-shrink:0;place-items:center;width:36px;height:36px;margin:0;display:grid}.mobile-menu-toggle{display:none}.main-area{width:calc(100% - 224px);min-width:0;margin-left:224px}.demo-banner{background:#f0f0f0;border-bottom:1px solid #e9e9e9;flex-wrap:wrap;gap:16px;min-height:30px;padding:7px 30px;font-size:10px;line-height:1.5}.demo-banner b{font-size:9px}.topbar{border-bottom:1px solid var(--line);background:#ffffffeb;height:65px;padding:0 32px;font-size:14px}.topbar>div{font-size:12px}.top-date{border-left:1px solid var(--line);background:0 0;border-radius:0;margin-left:8px;padding:0 0 0 16px;font-size:12px}.content{max-width:1460px;margin:auto;padding:30px 32px 18px}.page-heading{align-items:center;gap:20px;margin-bottom:27px}.page-heading .eyebrow{margin-bottom:9px;font-size:10px}.page-heading p{max-width:600px;margin-top:10px;font-size:14px;line-height:1.6}.heading-actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:10px;padding:0;display:flex}.heading-actions .button{min-height:44px;padding:10px 15px;font-size:13px}.page-body{min-width:0;animation:none}.page-footer{color:#666;gap:16px;margin-top:18px;padding:10px 0 4px;font-size:11px;line-height:1.6}.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:22px;overflow:hidden;box-shadow:0 2px 3px #00000002}.section-head{align-items:center;gap:16px;padding:21px 24px}.section-head h2{font-size:18px}.section-head p{font-size:13px;line-height:1.6}.panel-body{padding:24px}.metric-grid{gap:16px;margin-bottom:24px}.metric-card{border:1px solid var(--line);background:#fff;border-radius:16px;padding:20px 23px;box-shadow:0 2px 3px #00000002}.metric-card:hover{background:#fff;border-color:#a9a9a9;transform:none;box-shadow:0 4px 12px #00000005}.metric-card>span{color:#555;min-height:0;font-size:13px;line-height:1.5}.metric-card strong{letter-spacing:-1.3px;margin:12px 0 8px;font-size:36px;line-height:1.15}.metric-card small{font-size:12px;line-height:1.5}.overview-grid{grid-template-columns:minmax(0,1fr) 288px;gap:24px}.hours-panel{border:1px solid var(--line);background:#fff;border-radius:18px;margin-bottom:24px;padding:24px}.hours-heading{flex-wrap:wrap;gap:16px}.hours-heading>div>.muted{color:#555;font-size:14px}.hours-total{letter-spacing:-2px;margin:8px 0;font-size:46px}.hours-total>span{font-size:18px}.hours-heading p{font-size:12px;line-height:1.6}.range-switch{background:#f5f5f5;border:1px solid #e3e3e3;border-radius:10px;gap:2px;padding:3px}.range-switch button{border-radius:7px;min-height:34px;padding:7px 11px;font-size:12px}.chart-caption{gap:7px;margin-top:24px;font-size:12px}.chart-scale{font-size:10px}.chart-axis{font-size:11px}.chart-wrap{gap:12px;height:210px}.chart-cumulative{font-size:11px}.hours-footer{flex-wrap:wrap;gap:10px;margin-top:22px;padding-top:17px;font-size:12px}.hours-footer button,.backup-card button{min-height:32px;font-size:12px}.review-card{border-radius:18px;margin-bottom:20px;padding:24px}.review-card-top{margin-bottom:22px}.review-card-top .eyebrow{font-size:10px}.review-card h2{letter-spacing:-.6px;font-size:25px;line-height:1.2}.review-card p{margin:14px 0 22px;font-size:13px;line-height:1.65}.review-card .button{border-radius:10px;font-size:13px}.checklist-card{border-radius:18px;margin-bottom:22px}.checklist-card .section-head{padding:20px}.checklist-card .section-head h2{font-size:16px}.completion-count{font-size:12px}.task-row{gap:10px;padding:17px 20px}.task-row b{font-size:13px}.task-row small{font-size:12px;line-height:1.5}.task-number{flex-shrink:0;width:26px;height:26px;font-size:11px}.backup-card{padding:0 5px}.backup-card b{font-size:13px}.backup-card p,.overview-note{font-size:12px;line-height:1.65}.live-panel .empty{padding:28px 24px}.empty{padding:36px 24px;font-size:14px}.empty h3{font-size:17px}.empty p{max-width:360px;font-size:13px;line-height:1.65}.empty .button{margin-top:8px}.panel-link{padding:17px 24px;font-size:13px}.avatar{letter-spacing:0;width:36px;height:36px;font-size:12px}.person-row{padding:19px 24px;font-size:14px}.person-row small{font-size:12px}.person-row>strong{font-size:13px}.badge{white-space:normal;border-radius:7px;max-width:100%;padding:5px 9px;font-size:11px;font-weight:550;line-height:1.45}.badge.attention{color:#333;background:#fff;border:1px solid #999}.badge.positive{color:#222;background:#efefef;border:1px solid #0000}.badge.neutral{color:#5b5b5b;background:#f4f4f4}.table-tools{gap:12px;padding:18px 24px}.search{background:#fff;border-radius:10px;min-width:0;max-width:380px;padding-left:13px}.table-scroll{overscroll-behavior-x:contain;scrollbar-width:thin;max-width:100%;overflow:auto}table{border-collapse:collapse;width:100%}th{letter-spacing:.5px;white-space:nowrap;border-bottom:1px solid var(--line);background:#f7f7f7;padding:13px 20px;font-size:11px;line-height:1.5}td{vertical-align:top;border-color:#ededed;padding:18px 20px;font-size:13px;line-height:1.55}td small{margin-top:4px;font-size:12px;line-height:1.55}td b{font-weight:600}tbody tr:hover{background:#fafafa}.table-footer{background:#fafafa;padding:15px 24px;font-size:12px;line-height:1.6}.row-actions{flex-wrap:wrap;gap:7px}.employee-table .name-cell{gap:10px;min-width:170px}.employee-table .name-cell>div{overflow-wrap:anywhere;min-width:0}.employee-actions{min-width:146px}.employee-actions .button{flex:auto}.employee-email{overflow-wrap:anywhere;font-size:13px}.employee-email-note{border:0;border-bottom:1px solid var(--line);background:#fafafa;gap:10px;margin:0;padding:16px 24px}.employee-email-note b{font-size:13px;font-weight:600}.employee-email-note p{max-width:750px;margin:3px 0 0;font-size:12px;line-height:1.6}.employee-pin-status small{font-size:12px;line-height:1.45}.count{background:#f2f2f2;border-radius:7px;margin-left:7px;padding:3px 8px;font-size:12px}.field{min-width:0;margin-bottom:19px}.field>span{margin-bottom:7px;font-size:13px;font-weight:600;line-height:1.5}.field>small{color:#666;margin-top:6px;font-size:12px;line-height:1.6}.form-grid{gap:0 18px;min-width:0}.check{color:#444;align-items:flex-start;gap:10px;min-height:36px;font-size:13px;line-height:1.6}.check input{margin-top:2px}.inline-label{gap:8px;min-width:0;font-size:12px}.filters{flex-wrap:wrap;align-items:end}.filters>select{flex:1;min-width:155px;max-width:none}.filters .inline-label{flex:1;min-width:165px}.filters .inline-label input{width:100%;min-width:0}.alert,.toast{border-radius:12px;padding:15px 18px;font-size:13px;line-height:1.6}.alert.error,.toast.error{color:#222;background:#f5f5f5;border:1px solid #777}.toast{z-index:3;background:#fff;border:1px solid #c5c5c5;align-items:flex-start;gap:15px;margin-bottom:20px;display:flex;position:sticky;top:12px;box-shadow:0 5px 20px #0000000a}.toast button{border-radius:7px;flex-shrink:0;min-width:30px;min-height:30px;margin-left:auto;line-height:1}.scrim{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:20;background:#00000060;padding:24px;animation:.12s polish-fade}.modal{overscroll-behavior:contain;width:100%;max-width:640px;max-height:calc(100dvh - 48px);animation:polish-dialog .16s var(--ease);border:1px solid #e7e7e7;border-radius:20px;padding:28px;overflow:auto;box-shadow:0 24px 80px #00000025}.modal>.section-head{z-index:2;border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:16px;margin:-28px -28px 24px;padding:20px 28px;position:sticky;top:-28px}.modal h2{letter-spacing:-.6px;font-size:23px}.icon-button{border-radius:9px;flex-shrink:0;width:36px;height:36px;font-size:24px}.modal-actions{z-index:2;border-top:1px solid var(--line);background:#fff;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:24px -28px -28px;padding:18px 28px;position:sticky;bottom:-28px}.modal-actions .button{min-height:44px}.employee-form-intro{margin-bottom:22px;font-size:14px;line-height:1.65}.one-time-code{letter-spacing:5px;-webkit-user-select:all;user-select:all;border-radius:12px;padding:20px;font-size:28px}.policy-note{background:#f7f7f7;border:1px solid #e7e7e7;border-radius:12px;padding:18px;font-size:13px;line-height:1.65}.policy-note p{font-size:13px;line-height:1.65}.period-toolbar{flex-wrap:wrap;align-items:stretch;gap:12px}.period-toolbar>select{flex:1;min-width:240px}.new-period{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.new-period input{min-width:150px}.period-summary{gap:20px;padding:24px}.period-summary h2{margin-top:8px;font-size:24px;line-height:1.3}.period-summary p{font-size:12px}.period-summary strong{font-size:30px}.steps{gap:15px;margin:24px 0}.steps>span{font-size:13px}.snapshot-row{flex-wrap:wrap;gap:16px;padding:20px 24px}.snapshot-row>div{overflow-wrap:anywhere;flex:1;min-width:0}.snapshot-row small{font-size:12px;line-height:1.6}.pair-form{flex-wrap:wrap;align-items:end;gap:16px;padding:24px}.pair-form .field{flex:1;min-width:180px;margin-bottom:0}.csv-preview{max-height:440px;padding:24px;font-size:12px;line-height:1.8;overflow:auto}pre{max-width:100%;font-size:12px;overflow:auto}summary{cursor:pointer;align-content:center;min-height:36px;font-size:13px;display:list-item}.auth-shell{border:1px solid var(--line);background:#fff;border-radius:18px;padding:32px;line-height:1.6}.login-layout{background:#fff;min-height:100dvh}.login-panel{max-width:520px;padding:48px 32px}.login-panel h2{letter-spacing:-.8px;margin-top:20px;font-size:29px;line-height:1.2}.login-panel>.muted{margin:14px 0 27px;font-size:14px;line-height:1.7}.login-panel .text-link{align-items:center;min-height:38px;font-size:13px;display:flex}.login-story h1{font-size:clamp(40px,4.5vw,66px);line-height:1.13}.login-story p{font-size:17px;line-height:1.6}.login-story>span{font-size:12px}.loading{color:#606060;justify-content:center;align-items:center;min-height:55vh;font-size:14px;display:flex}.kiosk-page{color:var(--ink);background:#f7f7f7;min-height:100dvh}.kiosk-welcome>.eyebrow,.kiosk-welcome p,.kiosk-time span,.kiosk-footnote,.kiosk-footer,.kiosk-connection{color:#606060}.kiosk-header .brand-mark{color:#fff;background:#111}.kiosk-header .brand-mark span{color:#fff}.kiosk-header .connection-dot{background:#111}.kiosk-header a:focus-visible,.kiosk-footer a:focus-visible{outline-color:#111;box-shadow:0 0 0 3px #fff}.kiosk-header{border-bottom:1px solid var(--line);background:#fff;gap:16px;padding:22px 5vw}.kiosk-connection{font-size:12px;line-height:1.5}.kiosk-main{grid-template-columns:minmax(0,1fr) 430px;align-items:center;gap:65px;max-width:1180px;padding:46px 32px}.kiosk-welcome h1{letter-spacing:-2px;font-size:clamp(42px,4.4vw,62px);line-height:1.1}.kiosk-welcome p{font-size:16px;line-height:1.6}.kiosk-time{font-variant-numeric:tabular-nums}.kiosk-time span,.kiosk-footnote{font-size:13px;line-height:1.65}.kiosk-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:30px;box-shadow:0 8px 32px #00000004}.kiosk-card h2{margin:10px 0 23px;font-size:28px;line-height:1.2}.kiosk-card .eyebrow{font-size:10px}.kiosk-card input,.kiosk-card select{min-height:50px;font-size:16px}.keypad{gap:9px;margin:22px 0}.keypad>button{background:#f6f6f6;border:1px solid #e4e4e4;border-radius:12px;height:58px;font-size:22px;font-weight:500}.keypad>button:nth-child(10),.keypad>button:nth-child(12){font-size:15px}.keypad>button:hover{background:#eaeaea;border-color:#b5b5b5}.enroll-link{min-height:54px;margin-top:12px;font-size:12px;line-height:1.7}.enroll-link b{font-size:13px}.kiosk-success{color:#222;background:#f2f2f2;border:1px solid #aaa;border-radius:12px;padding:18px;font-size:14px;line-height:1.6}.kiosk-footer{flex-wrap:wrap;justify-content:center;gap:10px 24px;padding:16px 24px 24px;font-size:12px;line-height:1.7;display:flex}.kiosk-footer a{margin:0}@keyframes polish-fade{0%{opacity:0}to{opacity:1}}@keyframes polish-dialog{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (width<=1200px){.overview-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.content{padding:28px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;align-items:stretch}.review-card{padding:22px}.chart-cumulative{display:none}}@media (width<=1060px){.sidebar{width:204px;padding:22px 10px 14px}.sidebar-brand{padding-left:7px}.sidebar-brand .brand{font-size:23px}.sidebar .brand-time{display:inline}.sidebar nav>button{justify-content:flex-start;min-height:40px;padding:9px 11px;font-size:13px}.sidebar nav>button>span{display:inline}.sidebar .workspace-label{margin-top:18px;display:flex}.sidebar-user>span{display:inline-flex!important}.main-area{width:calc(100% - 204px);margin-left:204px}.overview-grid{grid-template-columns:1fr}.overview-rail{grid-template-columns:1fr 1fr;gap:20px;display:grid}.overview-rail>.review-card,.overview-rail>.checklist-card{margin:0}.hours-heading{flex-wrap:nowrap}.chart-cumulative{display:inline}.topbar,.demo-banner{padding-left:26px;padding-right:26px}.page-heading{display:block}.heading-actions{flex-direction:row;justify-content:flex-start;margin-top:18px;display:flex}.metric-card{padding:18px}.metric-card strong{font-size:32px}.metric-card small{font-size:11px}.two-column{grid-template-columns:1fr}.kiosk-main{grid-template-columns:minmax(0,1fr) 390px;gap:35px;padding:36px 26px}.kiosk-welcome h1{font-size:43px}}@media (width<=800px){.content{padding:26px 22px}.hours-heading{flex-wrap:wrap}.chart-cumulative{display:none}.metric-grid{gap:10px}.metric-card{padding:16px}.metric-card>span{font-size:12px}.metric-card small{font-size:11px}.section-head{flex-wrap:wrap}.kiosk-main{max-width:520px;display:block}.kiosk-welcome{display:none}.kiosk-card{max-width:460px;margin:auto}.kiosk-header .kiosk-connection{margin-left:auto;font-size:11px}}@media (width<=700px){.app-shell input:not([type=checkbox]):not([type=radio]),.app-shell select,.app-shell textarea{font-size:16px!important}html{scroll-padding-top:90px}.app-shell{display:block}.sidebar{border:0;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffffffa;grid-template-columns:minmax(0,1fr) 44px;gap:0 10px;width:100%;padding:13px 16px;display:grid;position:sticky;top:0;overflow:visible}.sidebar-brand{grid-area:1/1;justify-content:space-between;gap:12px;min-width:0;padding:0;display:flex}.sidebar-brand .brand{letter-spacing:-1px;flex-shrink:0;gap:8px;font-size:23px}.sidebar-brand .brand-mark{width:32px;height:34px;font-size:26px;line-height:30px}.sidebar .workspace-label{display:none}.mobile-menu-toggle{border:1px solid var(--line);color:#333;background:#fff;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:9px 10px;font-size:12px;font-weight:600;display:flex}.mobile-menu-toggle svg{width:17px;height:17px}.sidebar .sidebar-user{border:0;grid-area:1/2;justify-content:flex-end;align-items:center;margin:0;padding:0;display:flex!important}.sidebar .sidebar-user>span{display:none!important}.sidebar-user button{background:#f4f4f4;width:44px;height:44px;font-size:21px}.workspace-navigation{overscroll-behavior:contain;grid-area:2/1/auto/-1;max-height:calc(100dvh - 100px);padding:14px 0 3px;display:none;overflow:auto}.navigation-open .workspace-navigation{display:block}.sidebar nav{grid-template-columns:1fr 1fr;gap:5px;margin:0;padding:0;display:grid;overflow:visible}.sidebar nav>button{border-radius:9px;justify-content:flex-start;gap:10px;min-height:44px;padding:11px 12px;font-size:13px}.sidebar nav>button>span{white-space:normal;display:inline}.sidebar nav>button svg{width:18px;height:18px}.sidebar .nav-rule{grid-column:1/-1;margin:10px 12px 3px;display:block}.sidebar-shortcuts{grid-template-columns:1fr 1fr;gap:4px;margin-top:13px;padding-top:10px;display:grid}.sidebar .sidebar-shortcuts>a{gap:8px;min-height:44px;padding:10px;font-size:12px}.sidebar .sidebar-shortcuts .kiosk-launch small{display:none}.main-area{width:100%;margin:0}.demo-banner{min-height:30px;padding:7px 18px;font-size:10px}.demo-banner>span:last-child{display:none}.demo-banner b{font-size:9px}.topbar{height:52px;padding:0 20px;font-size:13px}.topbar>div{font-size:11px}.top-date{display:none}.content{padding:24px 18px 18px}.page-heading{margin-bottom:23px}.page-heading h1{letter-spacing:-1px;max-width:100%;font-size:29px}.page-heading p{max-width:100%;font-size:13px;line-height:1.65}.page-heading .eyebrow{font-size:10px}.heading-actions{flex-wrap:wrap;gap:8px;margin-top:18px}.heading-actions .button{flex:1;padding:10px 13px;font-size:12px}.metric-grid{grid-template-columns:1fr;gap:10px;margin-bottom:22px}.metric-card{border-radius:14px;grid-template-columns:1fr auto;gap:4px 12px;padding:17px 19px;display:grid}.metric-card>span{grid-area:1/1;align-items:center;min-height:0;font-size:13px}.metric-card strong{grid-area:1/2/3;align-self:center;margin:0;font-size:30px}.metric-card small{grid-area:2/1;font-size:12px}.metric-card small>span{display:none}.hours-panel{border-radius:16px;padding:20px}.hours-total{letter-spacing:-1.6px;font-size:43px}.hours-heading p{font-size:12px}.range-switch button{min-height:40px;padding:8px 12px;font-size:12px}.chart-caption{margin-top:22px;font-size:11px;line-height:1.6}.chart-wrap{gap:10px;height:180px}.chart-scale{min-width:35px;font-size:10px}.chart-axis{margin-left:45px;font-size:10px}.hours-footer{gap:8px;font-size:12px}.hours-footer button{min-height:38px;font-size:12px}.overview-rail{display:block}.overview-rail>.review-card,.overview-rail>.checklist-card{margin-bottom:20px}.review-card{padding:24px}.review-card h2{font-size:26px}.review-card p{max-width:100%;font-size:14px}.overview-note{margin-top:16px;font-size:12px}.panel{border-radius:16px;margin-bottom:20px}.section-head,.panel-body,.table-tools{padding:19px}.section-head{align-items:flex-start;gap:14px}.section-head h2{font-size:18px}.section-head p{font-size:13px}.section-head .button{min-height:42px;font-size:12px}.table-tools .search{width:100%;max-width:none}.employee-email-note{padding:15px 19px}.employee-email-note b{font-size:13px}.employee-email-note p{font-size:12px}.employee-table,.timesheet-table{display:block;min-width:0!important}.employee-table thead,.timesheet-table thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.employee-table tbody,.timesheet-table tbody{display:block}.employee-table tbody tr,.timesheet-table tbody tr{border-bottom:1px solid var(--line);grid-template-columns:1fr 1fr;gap:13px 18px;padding:20px 19px;display:grid}.employee-table tbody tr:last-child,.timesheet-table tbody tr:last-child{border-bottom:0}.employee-table td,.timesheet-table td{overflow-wrap:anywhere;border:0;min-width:0;padding:0;font-size:13px;display:block}.employee-table td:before,.timesheet-table td:before{content:attr(data-label);color:#666;margin-bottom:5px;font-size:11px;font-weight:500;display:block}.employee-table td:first-child,.timesheet-table td:first-child{grid-column:1/-1}.employee-table td:first-child:before,.timesheet-table td:first-child:before{display:none}.employee-table td:nth-child(2),.employee-table td:last-child,.timesheet-table td:last-child{grid-column:1/-1}.employee-table td:last-child:before,.timesheet-table td:last-child:before{display:none}.employee-table .name-cell{min-width:0}.employee-actions{gap:7px;min-width:0;display:flex}.employee-actions .button,.timesheet-table .button{min-height:42px;font-size:12px}.employee-actions .button{white-space:normal;flex:1}.employee-table td:last-child>small{margin-top:8px;font-size:11px}.form-grid{grid-template-columns:1fr;gap:0}.field>span{font-size:13px}.field>small{font-size:12px}input,select,textarea{min-height:46px;font-size:16px}.check{min-height:40px;font-size:13px;line-height:1.65}.filters{gap:12px}.filters>select,.filters>.inline-label{flex-basis:100%;width:100%;min-width:0}.inline-label{font-size:13px}.toast{font-size:13px;top:82px}.scrim{align-items:flex-end;padding:12px 0 0}.modal{border-bottom:0;border-radius:20px 20px 0 0;max-width:100%;max-height:calc(100dvh - 12px);padding:24px 20px}.modal>.section-head{margin:-24px -20px 22px;padding:18px 20px;top:-24px}.modal h2{font-size:23px}.modal .icon-button{width:44px;height:44px}.modal-actions{padding:16px 20px max(16px,env(safe-area-inset-bottom));gap:9px;margin:24px -20px -24px;bottom:-24px}.modal-actions .button{flex:1;min-height:46px;padding:11px 16px;font-size:13px}.period-toolbar>select{width:100%;min-width:0}.new-period{gap:10px;width:100%}.new-period input,.new-period .button{flex:1;min-width:0;font-size:13px}.period-summary{align-items:flex-start;padding:22px}.period-summary h2{font-size:23px}.period-summary strong{font-size:28px}.steps{gap:8px;margin:23px 0}.steps>span{flex-wrap:wrap;gap:6px;font-size:11px}.snapshot-row{gap:12px;padding:19px}.snapshot-row .button{white-space:normal;min-height:42px}.table-footer{padding:15px 19px;font-size:12px}.pair-form{padding:19px}.pair-form .button{width:100%}.page-footer{flex-wrap:wrap;gap:4px 16px;font-size:11px;line-height:1.7;display:flex}.login-panel{max-width:520px;padding:30px 23px}.login-panel h2{font-size:29px}.login-story{padding:22px}.auth-shell{border-radius:16px;margin:18px 12px;padding:26px 20px}.kiosk-header{flex-wrap:wrap;padding:18px}.kiosk-header .brand{font-size:23px}.kiosk-header .badge{margin-left:auto;font-size:10px}.kiosk-header .kiosk-connection{justify-content:flex-end;width:100%;font-size:12px}.kiosk-main{padding:24px 14px;display:block}.kiosk-card{border-radius:18px;padding:26px 22px}.kiosk-card h2{font-size:27px}.keypad>button{height:57px}.kiosk-footer{padding:8px 20px 22px;font-size:12px}}@media (width<=370px){.sidebar-brand .brand{font-size:21px}.mobile-menu-toggle span{display:none}.mobile-menu-toggle{min-width:44px;padding:9px}.sidebar{gap:8px;padding-left:12px;padding-right:12px}.content{padding:22px 14px}.page-heading h1{font-size:27px}.hours-panel{padding:18px}.employee-table tbody tr,.timesheet-table tbody tr{padding:18px 16px}.employee-actions{flex-wrap:wrap}.employee-actions .button{flex-basis:44%}.one-time-code{letter-spacing:2px;font-size:24px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.metric-card:hover{transform:none}}.loading-card{text-align:center;border:1px solid var(--line);background:#fff;border-radius:18px;max-width:480px;margin:24px;padding:32px}.loading-card h2{font-size:22px}.loading-card p{font-size:14px;line-height:1.7}.view-loading{color:#606060;border:1px solid var(--line);background:#fff;border-radius:18px;place-items:center;min-height:220px;font-size:14px;display:grid}.view-error{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;padding:32px;display:flex}.view-error h1{color:var(--ink);margin:0;font-size:25px}.view-error p{max-width:550px;margin:0}@media (width<=700px){html .feature-page .field input:not([type=checkbox]),html .feature-page .field select,html .feature-page .field textarea,html .notification-page .field input:not([type=checkbox]),html .notification-page .field select,html .notification-page .field textarea,html .notification-page select,.new-period input{font-size:16px}}.notification-page{min-width:0;color:var(--ink,#171717);gap:24px;display:grid}.notification-page .panel{border:1px solid var(--line,#dedede);min-width:0;box-shadow:none;background:#fff;border-radius:20px}.notification-page .panel>h2:first-child{margin-top:0}.notification-page p{overflow-wrap:anywhere;font-size:14px;line-height:1.65}.notification-page small{font-size:13px;line-height:1.55}.notification-page .button{border-radius:12px;min-height:44px;padding:11px 18px;font-size:14px}.notification-page .button.primary{color:#fff;background:#171717;border-color:#171717}.notification-page .button.primary:hover:not(:disabled){background:#303030;border-color:#303030}.notification-page .field{min-width:0}.notification-page .field input,.notification-page .field select{border-radius:10px;max-width:100%;min-height:44px;font-size:14px}.notification-page .notice{border-radius:12px;margin:0;padding:14px 16px}.notification-hero{background:#efefed;border:1px solid #dededb;border-radius:22px;justify-content:space-between;align-items:center;gap:28px;padding:30px;display:flex}.notification-hero h2{letter-spacing:-.8px;margin:10px 0;font-size:clamp(23px,2.5vw,30px);line-height:1.2}.notification-hero p{max-width:670px;color:var(--muted,#606060);margin-bottom:0}.notification-hero .button{white-space:nowrap;flex-shrink:0}.notification-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;min-width:0;display:grid}.notification-page .channel-card{border:1px solid var(--line,#dedede);border-radius:18px;flex-direction:column;align-items:flex-start;gap:12px;min-width:0;padding:24px;display:flex}.channel-card h2,.channel-card p{margin:0}.channel-card h2{letter-spacing:-.3px;font-size:18px}.channel-card p{color:var(--muted,#606060);line-height:1.6}.channel-card small{color:var(--muted,#606060);overflow-wrap:anywhere;margin-top:auto}.notification-page .channel-symbol{color:#252525;background:#f1f1ef;border-radius:14px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:23px;display:grid}.notification-metrics{border:1px solid var(--line,#dedede);background:#fff;border-radius:20px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.notification-metrics>div{flex-direction:column;gap:12px;min-width:0;padding:24px;display:flex}.notification-metrics>div+div{border-left:1px solid var(--line,#dedede)}.notification-metrics span{color:var(--muted,#606060);font-size:13px;line-height:1.5}.notification-metrics strong{letter-spacing:-1.2px;font-variant-numeric:tabular-nums;font-size:34px;font-weight:600;line-height:1}.notification-section-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.notification-section-head h2{letter-spacing:-.4px;margin:0;font-size:20px}.notification-section-head p{color:var(--muted,#606060);max-width:660px;margin:8px 0 0}.notification-section-head .field{min-width:190px;margin:0}.notification-section-head>.badge{flex-shrink:0}.notification-actions{flex-wrap:wrap;gap:12px;margin-top:20px;display:flex}.notification-result-count{color:var(--muted,#606060);font-variant-numeric:tabular-nums;margin:0 0 12px}.notification-row{border-top:1px solid #e7e7e4;gap:16px;min-width:0;padding:24px 0;display:flex}.notification-row:last-child{padding-bottom:0}.notification-row-main{flex:1;min-width:0}.notification-row-title{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px 16px;display:flex}.notification-row-title>strong{overflow-wrap:anywhere;font-size:15px;line-height:1.5}.notification-row-title>.badge{flex-shrink:0}.notification-row-main>p{color:var(--muted,#606060);margin:8px 0}.notification-row-meta{color:var(--muted,#606060);font-variant-numeric:tabular-nums;flex-wrap:wrap;gap:6px 16px;font-size:13px;line-height:1.6;display:flex}.notification-row small{color:var(--muted,#606060);overflow-wrap:anywhere}.notification-row-main>.notification-status-note{color:#444;background:#f6f6f4;border-left:3px solid #777;border-radius:0 8px 8px 0;margin:14px 0 0;padding:12px 14px;font-size:13px}.notification-row details{margin:10px 0 0}.notification-row summary{cursor:pointer;color:#282828;border-radius:6px;min-height:44px;padding:12px 0;font-size:13px;font-weight:600;line-height:20px;list-style-position:inside}.notification-row summary:hover{color:#000;text-underline-offset:4px;text-decoration:underline}.notification-row summary:focus-visible,.notification-page .button:focus-visible,.notification-page input:focus-visible,.notification-page select:focus-visible{outline-offset:3px;outline:2px solid #171717}.notification-row details>p{color:var(--muted,#606060);font-size:13px}.notification-row details+.button{margin-top:8px}.notification-message{background:#f6f6f4;border:1px solid #e6e6e2;border-radius:12px;margin:8px 0 16px;padding:18px}.notification-message strong{font-size:14px}.notification-message p{white-space:pre-wrap;margin:8px 0 12px;line-height:1.65}.notification-timeline{margin:18px 0;padding-left:22px}.notification-timeline li{color:#484848;padding:0 0 18px 8px;font-size:13px}.notification-timeline li:last-child{padding-bottom:0}.notification-timeline li>div{flex-wrap:wrap;align-items:baseline;gap:6px 14px;display:flex}.notification-timeline p{color:var(--muted,#606060);margin:5px 0 0;font-size:13px;line-height:1.6}.notification-delivery-id{font-variant-numeric:tabular-nums;border-top:1px solid #e7e7e4;margin:16px 0 4px;padding-top:12px;display:block}.notification-roster{margin-top:20px}.notification-roster>div{border-top:1px solid #e7e7e4;justify-content:space-between;gap:12px 20px;min-width:0;padding:18px 0;display:flex}.notification-roster strong{overflow-wrap:anywhere;font-size:14px}.notification-roster span{color:var(--muted,#606060);text-align:right;font-size:13px;line-height:1.6}.channel-choice{cursor:pointer;background:#fff;transition:border-color .15s,background .15s;position:relative}.notification-page .channel-choice.selected{background:#f5f5f2;border-color:#171717;box-shadow:inset 0 0 0 1px #171717}.channel-choice:focus-within{outline-offset:3px;outline:2px solid #171717}.channel-choice input{accent-color:#171717;cursor:pointer;width:20px;height:20px;position:absolute;top:24px;right:20px}.channel-choice strong{font-size:15px}.notification-checks{grid-template-columns:1fr 1fr;gap:10px 20px;margin:16px 0 30px;display:grid}.notification-checks label,.notification-check{cursor:pointer;align-items:flex-start;gap:12px;min-height:44px;padding:10px 0;font-size:14px;line-height:1.6;display:flex}.notification-check{margin:16px 0}.notification-check input,.notification-checks input{accent-color:#171717;cursor:pointer;flex-shrink:0;width:20px;height:20px;margin:1px 0 0}.notification-page form>.notification-channels{margin:24px 0}.notification-page .form-grid{gap:20px;margin:20px 0}.notification-page form h3{letter-spacing:-.2px;margin-top:30px;font-size:16px}@media (width<=1000px){.notification-page .channel-card,.notification-metrics>div{padding:20px}.notification-hero{padding:26px}}@media (width<=760px){.notification-page{gap:20px}.notification-channels{grid-template-columns:1fr}.notification-hero,.notification-section-head{flex-direction:column;align-items:stretch;gap:20px}.notification-hero{padding:24px}.notification-section-head>.badge{align-self:flex-start}.notification-section-head .field{width:100%;min-width:0}.notification-metrics{grid-template-columns:1fr 1fr}.notification-metrics>div:nth-child(3){border-left:0;border-top:1px solid var(--line,#dedede)}.notification-metrics>div:nth-child(4){border-top:1px solid var(--line,#dedede)}.notification-checks{grid-template-columns:1fr;gap:4px}.notification-roster>div{flex-direction:column;gap:6px}.notification-roster span{text-align:left}.notification-row{gap:12px}.notification-row .channel-symbol{border-radius:10px;width:36px;height:36px;font-size:20px}.notification-row-title{flex-direction:column;gap:8px}.notification-actions .button{flex:200px}.notification-page .form-grid{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.channel-choice{transition:none}}.notification-contact{border-top:1px solid var(--line,#dedede);min-width:0;margin-top:24px;padding:24px 0}.notification-contact:last-child{padding-bottom:0}.notification-contact .notification-section-head{margin-bottom:12px}.notification-contact h3{letter-spacing:-.3px;margin:0;font-size:18px}.notification-contact .field{max-width:420px}.notification-verify-code{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-top:20px;display:flex}.notification-verify-code .field{flex:220px;margin:0}.notification-verify-code>.button{margin-bottom:1px}.notification-install-help{margin-top:20px}.notification-install-help summary{cursor:pointer;min-height:44px;padding:12px 0;font-size:14px;font-weight:600}.notification-install-help summary:focus-visible{outline-offset:3px;outline:2px solid #171717}.notification-page .channel-choice:has(input:disabled){cursor:default}@media (width<=760px){.notification-page .field input,.notification-page .field select{font-size:16px}.notification-contact{margin-top:20px;padding-top:20px}.notification-verify-code{align-items:stretch}.notification-verify-code>.button{flex:180px}}.employee-portal,.employee-auth,.pin-setup-page{--employee-paper:#f7f7f7;--employee-ink:#171717;--employee-muted:#606060;--employee-line:#e3e3e3;--employee-radius:18px;color:var(--employee-ink)}.employee-portal{width:100%;max-width:1120px;margin:auto;padding:42px 32px 72px;font-size:14px;line-height:1.6}.employee-portal>.page-heading{border-bottom:1px solid var(--employee-line);align-items:flex-start;margin-bottom:0;padding:0 0 24px}.employee-portal>.page-heading h1{letter-spacing:-1.1px;margin:9px 0 7px;font-size:clamp(28px,3.4vw,40px);line-height:1.15}.employee-portal .employee-welcome{color:var(--employee-muted);margin:0;font-size:15px}.employee-portal .eyebrow,.employee-auth .eyebrow,.pin-setup-card>.eyebrow{letter-spacing:1.35px;color:var(--employee-muted);font-size:11px;font-weight:650;line-height:1.5}.employee-portal .employee-account-detail{color:var(--employee-muted);margin-top:12px;font-size:13px}.employee-account-detail summary,.employee-record-detail summary{cursor:pointer;text-underline-offset:4px;align-content:center;width:fit-content;min-height:32px;display:list-item}.employee-account-detail small,.employee-record-detail small{overflow-wrap:anywhere;font-size:13px;line-height:1.6;display:block}.employee-portal>.tabs{z-index:8;border:1px solid var(--employee-line);scrollbar-width:thin;background:#fff;border-radius:14px;flex-wrap:nowrap;gap:6px;margin:24px 0 30px;padding:6px;display:flex;position:sticky;top:12px;overflow-x:auto;box-shadow:0 3px 12px #12121204}.employee-portal>.tabs .button{white-space:nowrap;box-shadow:none;min-height:44px;color:var(--employee-muted);background:0 0;border:0;border-radius:9px;flex:1 0 auto;font-size:14px;font-weight:550}.employee-portal>.tabs .button[aria-current=page]{color:#fff;background:var(--employee-ink)}.employee-portal>.tabs .button:hover:not([aria-current=page]){color:var(--employee-ink);background:#f0f0f0}.employee-portal .panel,.employee-portal .card{border:1px solid var(--employee-line);border-radius:var(--employee-radius);background:#fff;min-width:0;margin-bottom:22px;padding:26px 28px;box-shadow:0 2px 8px #11111102}.employee-portal h2{letter-spacing:-.45px;margin:0 0 12px;font-size:21px;font-weight:600;line-height:1.3}.employee-portal h3{letter-spacing:-.2px;margin:0 0 10px;font-size:17px;font-weight:600;line-height:1.35}.employee-portal p,.employee-portal .request-card p{color:var(--employee-muted);font-size:14px;line-height:1.65}.employee-portal small,.employee-portal .field small,.employee-auth .field small{color:var(--employee-muted);font-size:13px;line-height:1.55}.employee-portal .button,.employee-auth .button,.pin-setup-page .button{white-space:normal;border-radius:10px;min-height:44px;padding:11px 16px;font-size:14px;line-height:1.4}.employee-portal .button.primary,.employee-auth .button.primary{background:var(--employee-ink);color:#fff;border-color:var(--employee-ink)}.employee-portal .button:disabled,.employee-auth .button:disabled{opacity:.5;cursor:not-allowed}.employee-portal :is(input,select,textarea),.employee-auth :is(input,select,textarea){min-height:46px;color:var(--employee-ink);background:#fff;border:1px solid #cfcfcf;border-radius:9px;width:100%;max-width:100%;padding:11px 12px;font-size:15px;line-height:1.5}.employee-portal :is(input[type=checkbox],input[type=radio]){width:18px;height:18px;min-height:18px;accent-color:var(--employee-ink);padding:0}.employee-portal textarea,.employee-auth textarea{resize:vertical;min-height:94px}.employee-portal .field,.employee-auth .field{gap:7px;min-width:0;margin-bottom:18px}.employee-portal .field>span,.employee-auth .field>span{color:#2f2f2f;letter-spacing:0;text-transform:none;font-size:14px;font-weight:550;line-height:1.45}.employee-portal .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 22px;margin-top:22px;display:grid}.employee-portal .form-grid>.field:has(textarea){grid-column:1/-1}.employee-portal :is(button,a,input,select,textarea,summary):focus-visible,.employee-auth :is(button,a,input,select,textarea):focus-visible,.pin-setup-page :is(button,a,input):focus-visible{outline-offset:3px;box-shadow:none;outline:3px solid #606060}.employee-portal .notice{overflow-wrap:anywhere;border-radius:12px;margin:0 0 20px;padding:15px 18px;font-size:14px;line-height:1.6}.employee-section-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin:30px 0 20px;display:flex}.employee-section-heading h2{margin:4px 0 6px}.employee-section-heading p,.employee-supporting{color:var(--employee-muted);margin:0 0 16px}.employee-section-heading p{margin-bottom:0}.employee-portal .request-card{border-top:1px solid var(--employee-line);padding:20px 0;display:flow-root}.employee-portal .request-card>strong{color:var(--employee-ink);font-size:15px;line-height:1.6;display:block}.employee-portal .request-card>.button{margin:6px 8px 0 0}.employee-portal .request-card>small{margin:10px 0;display:block}.employee-portal .employee-record-detail{color:var(--employee-muted);margin-top:14px;font-size:13px}.employee-portal .employee-schedule .request-card>.field{max-width:560px;margin-top:16px}.employee-portal .employee-availability-row{border-top:1px solid var(--employee-line);flex-wrap:wrap;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.employee-portal .employee-balance{background:var(--employee-paper);border:1px solid var(--employee-line);border-radius:12px;margin:20px 0;padding:16px 18px;font-size:13px}.employee-portal .employee-balance strong{color:var(--employee-ink);font-variant-numeric:tabular-nums;font-size:17px}.employee-portal .employee-hours th{letter-spacing:.5px;background:var(--employee-paper);color:var(--employee-muted);padding:14px 12px;font-size:12px}.employee-portal .employee-hours td{border-bottom:1px solid var(--employee-line);font-variant-numeric:tabular-nums;padding:16px 12px;font-size:14px}.employee-portal .employee-hours td:last-child{text-align:right}.employee-portal .employee-hours .table-wrap{border:1px solid var(--employee-line);border-radius:12px;margin-top:20px;overflow:auto}.employee-portal .employee-updates .request-card{padding-right:130px;position:relative}.employee-portal .employee-updates .request-card>.button{margin:0;position:absolute;top:18px;right:0}.employee-portal .empty{background:var(--employee-paper);color:var(--employee-muted);border:1px dashed var(--employee-line);border-radius:12px;padding:28px 18px;font-size:14px;line-height:1.6}.employee-visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.employee-card-heading{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.employee-card-heading>.button{flex-shrink:0}.employee-card-heading h3{margin-bottom:5px}.employee-card-heading .employee-supporting{margin:0;font-size:13px}.employee-form-footer{justify-content:flex-end;gap:10px;margin-top:12px;display:flex}.employee-compose .field{margin-top:22px}.employee-message{background:var(--employee-paper);border:1px solid #ededed;border-radius:12px;margin:10px 0;padding:16px 18px}.employee-message p,.employee-document-content{white-space:pre-wrap;overflow-wrap:anywhere}.employee-message p{color:var(--employee-ink);margin:6px 0 0}.employee-reply{border-top:1px solid var(--employee-line);margin-top:22px;padding-top:20px}.employee-count{color:var(--employee-muted);white-space:nowrap;padding-top:2px;font-size:13px;line-height:1.5}.employee-checklist-item{border-top:1px solid var(--employee-line);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.employee-checklist-item>span{color:var(--employee-ink);overflow-wrap:anywhere;font-size:14px}.employee-checklist-item>.button{flex-shrink:0;min-width:112px}.employee-checklist-item.is-complete>span{color:var(--employee-muted)}.employee-document-content{background:var(--employee-paper);border:1px solid var(--employee-line);border-radius:12px;margin:18px 0 24px;padding:20px;font-size:15px;line-height:1.8}.employee-document form{border-top:1px solid var(--employee-line);margin-top:24px;padding-top:22px}.employee-acknowledged{border-top:1px solid var(--employee-line);margin-top:22px;padding-top:18px}.employee-auth{align-items:center;max-width:580px;min-height:100svh;padding:56px 22px;display:flex}.employee-auth>.panel{border:1px solid var(--employee-line);border-radius:22px;width:100%;padding:36px;box-shadow:0 12px 42px #17171705}.employee-auth-brand{letter-spacing:-.5px;align-items:center;gap:10px;margin-bottom:32px;font-weight:600;text-decoration:none;display:flex;font-size:19px!important}.employee-auth-brand>span{background:var(--employee-ink);color:#fff;border-radius:9px;place-items:center;width:33px;height:33px;font-size:24px;line-height:1;display:grid}.employee-auth h1{letter-spacing:-1px;margin:12px 0;font-size:32px;line-height:1.18}.employee-auth p{color:var(--employee-muted);margin:12px 0;font-size:15px;line-height:1.7}.employee-auth form{margin:26px 0 12px}.employee-auth .employee-auth-help{border-top:1px solid var(--employee-line);margin-top:24px;padding-top:20px}.employee-auth-help p,.employee-auth-help a{font-size:13px;line-height:1.7}.employee-auth-help a{min-height:44px;color:var(--employee-ink);text-underline-offset:4px;align-items:center;gap:7px;display:inline-flex}.pin-setup-page{background:var(--employee-paper);padding:42px 22px}.pin-setup-page .pin-setup-card{border-color:var(--employee-line);box-shadow:0 10px 40px #17171704}.pin-setup-card h1{letter-spacing:-.9px;font-size:32px;line-height:1.2}.pin-setup-card .pin-setup-symbol{background:#f4f4f4;border-radius:14px;margin-bottom:24px}.pin-setup-card .pin-setup-symbol.is-complete{color:#262626;background:#ededed}.pin-setup-card .field>span{letter-spacing:0;text-transform:none;font-size:14px;font-weight:550}.pin-setup-card .field input{letter-spacing:7px;border-color:#cfcfcf;border-radius:10px;min-height:58px;font-size:23px}.pin-setup-card p.pin-setup-form-hint{color:var(--employee-muted);margin:0 0 15px;font-size:13px}.pin-setup-card p.pin-setup-form-hint+form{margin-top:0}.pin-setup-card .alert,.pin-setup-card .policy-note p,.pin-setup-card p.pin-setup-expiry,.pin-setup-footer p,.pin-setup-byline{font-size:13px;line-height:1.6}.pin-setup-card .button.touch{border-radius:10px;min-height:48px;font-size:14px}.pin-setup-card .pin-setup-footer{margin-top:26px;padding-top:20px}@media (width<=700px){.employee-portal{padding:24px 16px 48px}.employee-portal>.page-heading h1{font-size:29px}.employee-portal>.page-heading{flex-wrap:nowrap;gap:14px}.employee-portal>.page-heading>.button{flex-shrink:0;padding:10px 13px}.employee-portal>.tabs{border-radius:12px;gap:3px;margin:22px 0 24px;top:8px}.employee-portal>.tabs .button{padding:10px 13px;font-size:13px}.employee-portal .panel,.employee-portal .card{border-radius:15px;margin-bottom:18px;padding:22px 20px}.employee-portal h2{font-size:20px}.employee-portal .form-grid{grid-template-columns:minmax(0,1fr);gap:0;margin-top:20px}.employee-portal :is(input,select,textarea),.employee-auth :is(input,select,textarea){font-size:16px}.employee-section-heading{margin:24px 0 18px}.employee-card-heading{flex-wrap:wrap;gap:12px}.employee-portal .employee-updates .request-card{padding-right:0}.employee-portal .employee-updates .request-card>.button{margin-top:12px;position:static}.employee-portal .employee-hours .table-wrap{border:0;margin-top:18px;overflow:visible}.employee-hours table,.employee-hours tbody{width:100%;display:block}.employee-hours thead{clip:rect(0,0,0,0);width:1px;height:1px;position:absolute;overflow:hidden}.employee-hours tr{border:1px solid var(--employee-line);background:#fff;border-radius:12px;margin-bottom:12px;padding:12px 14px;display:block}.employee-portal .employee-hours td{text-align:right;border:0;justify-content:space-between;gap:16px;padding:6px 0;display:flex}.employee-hours td[data-label]:before{content:attr(data-label);color:var(--employee-muted);text-align:left;font-size:13px}.employee-portal .employee-hours td.employee-row-actions{padding-top:12px}.employee-row-actions .button,.employee-form-footer>.button{width:100%}.employee-checklist-item{gap:12px}.employee-checklist-item>.button{min-width:96px;padding:10px 12px}.employee-count{white-space:normal}.employee-document-content{padding:16px;font-size:14px}.employee-auth{align-items:flex-start;padding:28px 16px}.employee-auth>.panel{border-radius:18px;padding:28px 24px}.employee-auth h1{font-size:29px}.employee-auth-brand{margin-bottom:26px}.pin-setup-page{gap:22px;padding:28px 16px}.pin-setup-page .pin-setup-card{border-radius:18px;padding:28px 24px}.pin-setup-card h1{font-size:29px}}@media (prefers-reduced-motion:reduce){.employee-portal *,.employee-auth *,.pin-setup-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.employee-section-content{outline:none;min-width:0;scroll-margin-top:100px}.employee-auth form[aria-busy=true]{cursor:progress}.pin-setup-card .field small{color:var(--employee-muted);font-size:13px;line-height:1.6}