html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg)}body{background:var(--bg);min-width:320px}::selection{background:var(--signal);color:var(--signal-ink)}h1,h2,h3,h4,h5,h6,strong,b{font-weight:800}:focus-visible{outline-color:var(--interactive)}.app-shell{background:var(--bg);grid-template-columns:272px minmax(0,1fr);min-height:100dvh;transition:grid-template-columns .18s cubic-bezier(.22,1,.36,1)}.app-shell.sidebar-collapsed{grid-template-columns:84px minmax(0,1fr)}.app-main{background:var(--bg)}.app-body{grid-template-rows:minmax(0,1fr);min-width:0;display:grid}.app-header{z-index:var(--z-sticky);background:var(--bg);position:sticky;top:0}.sidebar{background:var(--bg-sub);border-color:var(--line);overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;gap:18px;height:100dvh;padding:16px 14px 14px}.sidebar::-webkit-scrollbar{display:none}.sidebar-brand-row{border-bottom:1px solid var(--line-2);align-items:center;gap:8px;min-height:54px;padding:0 2px 8px;display:flex}.sidebar-close{z-index:2;border:1px solid var(--control-border,var(--line));background:var(--tile);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:10px;place-items:center;display:none;position:absolute;top:16px;right:14px}.sidebar[role=dialog] .sidebar-close{display:grid}.sidebar[role=dialog] .brand{padding-right:54px}.brand{border-bottom:0;flex:auto;min-width:0;min-height:44px;padding:5px 6px}.sidebar-brand-mark{flex:none;width:32px;height:32px;display:none}.sidebar-brand-mark img{width:32px;height:32px;display:block}.sidebar-collapse{width:38px;height:38px;color:var(--faint);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:10px;flex:none;place-items:center;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out;display:grid}.sidebar-collapse:hover{border-color:var(--control-border);background:var(--tile);color:var(--ink)}.wordmark{font-family:var(--font-bolt), "Bolt Bold", Arial, sans-serif;letter-spacing:0;font-weight:700}.wordmark svg{margin-inline:.015em;width:1.14em;height:1.14em;margin-bottom:.05em}.section-label{letter-spacing:0;text-transform:none;color:var(--muted);font-size:12.5px;font-weight:800;line-height:1.2}.nav{gap:3px}.nav-link{min-height:44px;color:var(--ink-2);border:1px solid #0000;border-radius:10px;gap:11px;padding:10px 12px;font-size:14.5px;font-weight:500;position:relative}.nav-link svg{color:var(--muted);flex:none;transition:color .16s ease-out}.nav-link:hover{background:var(--tile);border-color:var(--line-2)}.nav-link:hover svg{color:var(--ink-2)}.nav-link.active{border-color:color-mix(in srgb, var(--accent) 34%, transparent);background:color-mix(in srgb, var(--accent) 14%, var(--tile));color:var(--ink);font-weight:800}.nav-link.active svg{color:var(--interactive)}.nav-pill{background:var(--accent-soft);min-width:22px;color:var(--interactive-strong);text-align:center;padding:3px 7px;font-size:10px;font-weight:800}.sidebar-mode-link{border-color:var(--line);background:0 0;margin-top:12px}.sidebar-mode-link.is-primary{border-color:color-mix(in srgb, var(--accent) 42%, transparent);background:color-mix(in srgb, var(--accent) 12%, var(--tile))}.sidebar-mode-link.is-highlight{background:var(--brand-gradient);color:var(--ink);border-color:#0000}.sidebar-mode-link.is-highlight:hover{background:var(--brand-gradient);color:var(--ink);filter:brightness(1.07)saturate(1.05)}.sidebar-foot{border-color:var(--line-2);margin-inline:-2px;padding:12px 8px 0}@media (min-width:1081px){.sidebar.is-collapsed{gap:14px;padding-inline:12px}.sidebar.is-collapsed .sidebar-brand-row{flex-direction:column;justify-content:center;gap:8px;min-height:90px;padding-inline:0}.sidebar.is-collapsed .brand{flex:none;justify-content:center;min-height:38px;padding:3px}.sidebar.is-collapsed .sidebar-wordmark,.sidebar.is-collapsed .section-label,.sidebar.is-collapsed .nav-link-label,.sidebar.is-collapsed .sidebar-profile-copy{display:none}.sidebar.is-collapsed .sidebar-brand-mark{display:block}.sidebar.is-collapsed .nav-link{justify-content:center;width:44px;min-height:44px;margin-inline:auto;padding:10px}.sidebar.is-collapsed .sidebar-mode-link{margin-top:8px}.sidebar.is-collapsed .sidebar-foot{flex-direction:column;gap:8px;padding-inline:0}.sidebar.is-collapsed .nav-link.active{background:var(--tile-inner)}.sidebar.is-collapsed .nav-pill{border:2px solid var(--bg-sub);min-width:18px;padding:2px 5px;font-size:9px;line-height:1.2;position:absolute;top:-3px;right:-5px}}.avatar{font-family:var(--font-lufga), "Lufga", Arial, sans-serif;background:var(--card-2)}.sidebar-profile-copy{flex:auto;min-width:0}.sidebar-profile-name{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;font-weight:800;overflow:hidden}.sidebar-profile-role{color:var(--muted);text-transform:capitalize;font-size:11px}.sidebar-signout{cursor:pointer;border-radius:var(--radius-pill);min-width:44px;min-height:44px;color:var(--muted);background:0 0;border:0;flex:none;place-items:center;transition:background-color .16s ease-out,color .16s ease-out;display:grid}.sidebar-signout:hover{background:var(--tile);color:var(--ink)}.topbar{background:var(--bg);border-color:var(--line-2);gap:12px;min-height:68px;padding:12px 28px}.topbar-actions{align-items:center;gap:8px;min-width:0;display:flex}.crumb{color:var(--faint);font-size:13px}.crumb b{font-weight:800}.search-box{background:var(--tile);border-color:var(--control-border);min-width:min(300px,30vw);min-height:44px;color:var(--muted);cursor:pointer;border-radius:10px;padding-inline:13px;transition:background-color .16s ease-out,border-color .16s ease-out,color .16s ease-out}.search-box:hover{border-color:color-mix(in srgb, var(--interactive) 42%, var(--control-border));background:var(--tile-inner);color:var(--ink)}.command-backdrop{z-index:var(--z-modal-backdrop);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000ad;place-items:start center;padding:72px 16px 16px;display:grid;position:fixed;inset:0}.command-dialog{z-index:var(--z-modal);border:1px solid var(--control-border);border-radius:var(--radius-lg);background:var(--tile);width:min(560px,100%);max-height:min(680px,100dvh - 96px);position:fixed;top:72px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 6px 8px #0000006b}.command-search-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:60px;padding:10px 14px;display:flex}.command-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}.command-input{width:100%;min-width:0;color:var(--ink);background:0 0;border:0;outline:0;font-size:15px}.command-input::placeholder{color:var(--muted)}.command-shortcut{border:1px solid var(--line);background:var(--bg);color:var(--faint);border-radius:6px;flex:none;padding:3px 6px;font-size:10px;line-height:1.2}.command-list{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--line) transparent;max-height:min(62dvh,480px);padding:8px;overflow:auto}.command-empty{color:var(--muted);text-align:center;padding:32px 12px;font-size:14px}.command-group [cmdk-group-heading]{color:var(--faint);padding:10px 10px 6px;font-size:12px;font-weight:800}.command-item{cursor:pointer;min-height:44px;color:var(--ink-2);border-radius:9px;justify-content:space-between;align-items:center;padding:10px 12px;font-size:14px;display:flex}.command-item[aria-selected=true]{background:var(--tile-inner);color:var(--ink)}.login-clock{min-height:60px;color:var(--ink);font-variant-numeric:tabular-nums;letter-spacing:0;opacity:0;font-size:60px;line-height:1;transition:opacity .7s}.login-clock[data-visible=true]{opacity:1}.login-clock-seconds{color:var(--muted)}.live-clock{max-width:190px;color:var(--faint);font-variant-numeric:tabular-nums;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.nav-toggle{background:var(--tile);border-radius:10px;width:44px;height:44px}.content{width:100%;padding:32px clamp(20px,3vw,44px) 48px}.content-narrow{max-width:1280px}.page-head{align-items:flex-start;margin-bottom:28px}.page-title{font-family:var(--font-lufga), "Lufga", Arial, sans-serif;letter-spacing:0;text-wrap:balance;font-size:30px;font-weight:700;line-height:1.12}.page-sub{max-width:70ch;color:var(--muted);text-wrap:pretty;margin-top:8px;font-size:15px;line-height:1.55}.card,.card-raised,.card-hero{border-radius:var(--radius-lg)}.card{background:var(--card);border-color:var(--line)}.card-raised{background:var(--card-2);border-color:var(--line)}.card-hero{background:var(--hero);border-color:color-mix(in srgb, var(--signal) 58%, var(--line));box-shadow:none}.metric-grid{gap:12px}.metric-grid>.card{background:var(--card);min-height:124px;padding:18px}.btn{border-radius:var(--radius-pill);min-height:44px;padding:9px 18px;font-size:13.5px;font-weight:800;transition:background-color .17s ease-out,border-color .17s ease-out,color .17s ease-out,transform .14s ease-out}.btn:hover{border-color:#fff3}.btn-primary,.btn-accent{background:var(--accent);color:var(--accent-ink);border-color:#0000}.btn-primary:hover,.btn-accent:hover{background:var(--accent-deep);box-shadow:none;border-color:#0000}.btn-signal{background:var(--signal);color:var(--signal-ink);border-color:#0000}.btn-signal:hover{background:var(--signal-hover);color:var(--signal-ink);border-color:#0000}.btn-gradient{background:var(--brand-gradient);color:var(--ink);border:0;transition:filter .17s ease-out,transform .14s ease-out;box-shadow:inset 0 1px #fff3}.btn-gradient:hover{filter:brightness(1.07)saturate(1.08);border-color:#0000;transform:translateY(-1px)}.btn-gradient:active{filter:brightness(.98)saturate(1.04);transform:translateY(0)}.btn-gradient:disabled{cursor:not-allowed;filter:grayscale(.35)brightness(.72);transform:none}.btn-secondary{background:var(--card-2);border-color:#ffffff2e}.btn-ghost{color:var(--muted)}.btn-primary:focus-visible,.btn-accent:focus-visible,.btn-gradient:focus-visible,.btn-signal:focus-visible,.cat-chip-input:checked+.cat-chip-label:focus-visible{outline:2px solid var(--signal);outline-offset:3px;box-shadow:none}.input,.textarea,.select,.form-field input,.form-field select,.form-field textarea{border-color:var(--control-border);background:var(--bg-sub);min-height:46px;color:var(--ink);font-family:var(--font-gilroy), "Gilroy", Arial, sans-serif;border-radius:11px;font-weight:400}.input:focus,.textarea:focus,.select:focus,.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.input::placeholder,.textarea::placeholder,.form-field input::placeholder,.form-field textarea::placeholder{color:var(--muted);opacity:1}input[type=checkbox],input[type=radio]{accent-color:var(--accent)}.chip,.badge{font-weight:800}.chip{background:var(--card-2)}.status-note{background:var(--accent);width:fit-content;min-height:27px;color:var(--accent-ink);text-transform:none;white-space:nowrap;border:0;border-radius:7px 7px 9px 6px;flex:none;justify-content:center;align-items:center;padding:6px 10px;font-size:11px;font-weight:800;line-height:1;display:inline-flex;transform:rotate(.45deg);box-shadow:0 2px #00000038}.status-note[data-tone=break],.status-note[data-tone=warning],.status-note[data-tone=attention],.status-note[data-tone=pending],.status-note[data-tone=scheduled]{background:var(--signal);color:var(--signal-ink);transform:rotate(-.45deg)}.status-note[data-tone=success],.status-note[data-tone=complete],.status-note[data-tone=ready]{background:var(--green);color:var(--signal-ink)}.status-note[data-tone=danger],.status-note[data-tone=failed]{background:var(--danger);color:var(--signal-ink);transform:rotate(-.45deg)}.status-note[data-tone=neutral],.status-note[data-tone=paused]{background:var(--muted);color:var(--bg-deep)}.status-note-sm{min-height:23px;padding:4px 8px;font-size:10px}.badge-muted{color:var(--muted)}:where(.app-main table:not([data-row-stripes=off])>tbody>tr:nth-child(2n)),:where(.app-main [data-striped-rows]>:nth-child(2n)){background-color:var(--row-alt)}:where(.app-main table:not([data-row-stripes=off])>tbody>tr),:where(.app-main [data-striped-rows]>*){transition:background-color .15s ease-out}:where(.app-main table:not([data-row-stripes=off])>tbody>tr:hover){background-color:var(--row-hover)}.table{font-variant-numeric:tabular-nums}.table th{background:var(--card-2);border-color:var(--line);color:var(--muted);padding:12px 14px;font-size:11px;font-weight:800}.table td{border-color:var(--line-2);padding:13px 14px;font-size:14px}.table tbody tr{transition:background-color .15s ease-out}.table tbody tr:hover{background:var(--row-hover)}.settings-tabs,.survey-tabs,.payroll-tabs{border-color:var(--line);background:var(--card);border-radius:14px;gap:5px;padding:6px}.settings-tab,.survey-tab,.payroll-tab{border-radius:9px;min-height:44px;font-weight:800}.settings-tab:hover,.survey-tab:hover,.payroll-tab:hover{background:var(--card-2)}.settings-tab.active,.settings-tab.is-active,.survey-tab.active,.survey-tab.is-active,.payroll-tab:first-child{border-color:color-mix(in srgb, var(--accent) 34%, transparent);background:color-mix(in srgb, var(--accent) 15%, var(--card-2));color:var(--ink)}.skeleton{background:var(--card-2)}@media (max-width:1080px){.search-box{min-width:220px}.app-shell{display:block}.app-header{position:sticky}.sidebar{width:min(308px,100vw - 24px);padding-top:max(14px, env(safe-area-inset-top));padding-bottom:max(14px, env(safe-area-inset-bottom))}.topbar{min-height:62px;padding:10px 16px}.crumb{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.search-box{justify-content:center;width:44px;min-width:44px;padding-inline:0;display:flex}.search-box>span{display:none}.content{padding:24px 16px calc(116px + env(safe-area-inset-bottom))}.app-shell-admin .content{padding-bottom:48px}.page-head{gap:14px;margin-bottom:22px;display:grid}.page-title{font-size:26px}.page-sub{font-size:15px}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid>.card{min-height:112px}.tab-bar{padding:7px 8px max(8px, env(safe-area-inset-bottom));border-color:var(--line);background:var(--bg-sub);gap:4px}.tab-btn{border-radius:10px;gap:5px;min-width:0;min-height:56px;font-size:11px}.tab-btn.active{background:color-mix(in srgb, var(--accent) 14%, var(--tile));color:var(--ink)}.tab-btn.active svg{color:var(--interactive)}.settings-tabs,.survey-tabs,.payroll-tabs{border-radius:12px}}@media (max-width:520px){.content{padding-inline:14px}.metric-grid{grid-template-columns:1fr}.metric-grid>.card{min-height:auto}.btn{min-height:44px}.crumb{display:none}.live-clock{max-width:136px;font-size:10.5px}.command-backdrop{padding:12px 12px calc(82px + env(safe-area-inset-bottom));align-items:end}.command-dialog{width:calc(100vw - 24px);top:auto;bottom:calc(82px + env(safe-area-inset-bottom));border-radius:var(--radius-lg);max-height:min(74dvh,620px)}}@media (max-width:380px){.topbar{gap:8px;padding-inline:12px}.live-clock{max-width:126px;font-size:10px}.topbar-actions{display:none}.tab-bar{padding-inline:4px}.tab-btn{font-size:10px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media print{.sidebar,.topbar,.app-header,.app-footer,.tab-bar,.payroll-export-console,.btn{display:none!important}html,body,.app-shell,.app-main,.app-body,.content{color:#111!important;background:#fff!important}.app-shell,.app-main,.app-body{display:block!important}.content{padding:0!important}}
