: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}.content{max-width:1560px;margin:auto;padding:34px 36px 18px}.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.wide{width:100%}.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}textarea{resize:vertical;min-height:78px}.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}td b{font-weight:550}.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}.kiosk-welcome>.eyebrow,.kiosk-welcome p,.kiosk-time span,.kiosk-footnote,.kiosk-footer,.kiosk-connection{color:#ccc}.kiosk-header .connection-dot{background:#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 b{font-size:12px;font-weight:650}.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 .button.touch{border-radius:9px;min-height:51px;font-size:13px}.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}button,a,input,select,textarea{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s var(--ease)}button:active:not(:disabled),a.button:active{transform:scale(.98)}button:disabled{opacity:.48}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}.eyebrow{letter-spacing:1.4px;font-size:10px}.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 svg{width:21px;height:21px}.sidebar nav>button:hover{color:#111;background:#f5f5f5}.sidebar nav>button.active{color:#111;background:#ededed;font-weight:650}.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}.main-area{width:calc(100% - 232px);min-width:0;margin-left:232px}.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:hover:not(:disabled){filter:none;background:#f3f3f3;box-shadow:0 2px 5px #00000008}.button.primary{color:#fff;background:#111;border-color:#111}.button.primary:hover:not(:disabled){background:#333;border-color:#333}.button.inverse:hover:not(:disabled){background:#e9e9e9}.button.small{min-height:34px;padding:7px 12px;font-size:12px}.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}.section-head h2{font-size:17px}.section-head p{font-size:12px;line-height:1.6}.panel-body{padding:24px}.live-panel .section-head{border:0;padding-bottom:15px}.live-panel .empty{padding:25px 20px 30px}.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{padding:20px 24px;font-size:13px}.person-row small{font-size:11px}.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}tbody tr:hover{background:#fafafa}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}input:hover,select:hover,textarea:hover{border-color:#555}.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}.check input{margin-top:4px}.alert,.toast{border-radius:14px;padding:16px 18px;font-size:13px;line-height:1.65}.toast{box-shadow:0 6px 18px #00000008}.toast button{min-width:30px;font-size:20px}.scrim{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:10;background:#0006;padding:24px;animation:.18s scrim-in}.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{gap:20px;margin:27px 4px}.steps>span{font-size:12px}.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-panel{max-width:500px;padding:50px 30px}.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 .eyebrow{font-size:10px}.kiosk-card select,.kiosk-card input{height:52px}.keypad{gap:10px;margin:24px 0}.keypad>button{background:#f5f5f5;border:0;border-radius:16px;height:60px;font-size:23px}.keypad>button:hover{background:#e7e7e7}.button.touch{min-height:54px;font-size:15px}.kiosk-success{border-radius:17px;font-size:13px;line-height:1.6}.enroll-link{font-size:11px;line-height:1.8}.enroll-link b{font-size:13px}.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-wrap: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}}.notification-page{gap:24px;min-width:0;display:grid}.notification-hero{background:linear-gradient(120deg,#edf4ff,#f4f6f9 70%);border:1px solid #dce4ef;border-radius:20px;justify-content:space-between;align-items:center;gap:28px;padding:30px;display:flex}.notification-hero h2{letter-spacing:-.8px;margin:10px 0;font-size:27px}.notification-hero p{color:#566171;max-width:670px;margin-bottom:0;line-height:1.7}.notification-hero .button{white-space:nowrap}.notification-channels{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.channel-card{border:1px solid #e1e5ea;border-radius:16px;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 p{color:#687282;min-height:44px;line-height:1.6}.channel-card small{color:#687282;font-size:12px;line-height:1.6}.channel-symbol{color:#335fc2;background:#edf2ff;border-radius:13px;flex-shrink:0;place-items:center;width:42px;height:42px;font-size:23px;display:grid}.channel-symbol.sms{color:#24765b;background:#eaf7f2}.channel-symbol.push{color:#7654b6;background:#f2edff}.notification-metrics{background:#fff;border:1px solid #e1e5ea;border-radius:16px;grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.notification-metrics>div{flex-direction:column;gap:12px;padding:22px;display:flex}.notification-metrics>div+div{border-left:1px solid #e1e5ea}.notification-metrics span{color:#687282;font-size:13px}.notification-metrics strong{letter-spacing:-1px;font-size:32px;font-weight:550}.notification-section-head{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:16px;display:flex}.notification-section-head h2{margin-top:0}.notification-section-head p{color:#687282;line-height:1.6}.notification-section-head .field{min-width:190px}.notification-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}.notification-row{border-top:1px solid #e8ebf0;gap:16px;min-width:0;padding:23px 0;display:flex}.notification-row-main{flex:1;min-width:0}.notification-row-title{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.notification-row-main>p{color:#687282;margin:8px 0;font-size:13px}.notification-row small{color:#687282;overflow-wrap:anywhere}.notification-row details{margin:14px 0}.notification-row summary{cursor:pointer;color:#355fc3;font-size:13px;list-style-position:inside}.notification-message{background:#f7f9fc;border:1px solid #e1e5ea;border-radius:12px;margin:16px 0;padding:20px}.notification-message p{line-height:1.6}.notification-timeline{padding-left:20px}.notification-timeline li{padding:7px 0}.notification-timeline p{color:#687282;margin:5px 0;font-size:13px}.notification-roster>div{border-top:1px solid #e8ebf0;justify-content:space-between;gap:16px;padding:17px 0;display:flex}.notification-roster span{color:#687282;font-size:13px}.channel-choice{cursor:pointer;background:#fff;position:relative}.channel-choice.selected{background:#f5f8ff;border-color:#719af0}.channel-choice input{accent-color:#265ecb;width:18px;height:18px;position:absolute;top:22px;right:20px}.notification-checks{grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 30px;display:grid}.notification-checks label,.notification-check{align-items:flex-start;gap:10px;font-size:14px;line-height:1.6;display:flex}.notification-check{margin:20px 0}.notification-check input,.notification-checks input{accent-color:#265ecb;flex-shrink:0;width:17px;height:17px;margin-top:3px}.notification-page form>.notification-channels{margin:24px 0}.notification-page .form-grid{margin:18px 0}@media (width<=760px){.notification-channels{grid-template-columns:1fr}.notification-hero,.notification-section-head{flex-direction:column;align-items:stretch}.notification-hero{padding:22px}.notification-metrics{grid-template-columns:1fr 1fr}.notification-metrics>div:nth-child(3){border-top:1px solid #e1e5ea;border-left:0}.notification-metrics>div:nth-child(4){border-top:1px solid #e1e5ea}.notification-checks{grid-template-columns:1fr}.notification-roster>div{flex-direction:column}.notification-row{gap:10px}.channel-card p{min-height:0}}