/* Helios V23: shared experience for every workspace, form and public page. */
:root{--ux-ink:#182a39;--ux-muted:#536578;--ux-blue:#315cf5;--ux-teal:#087f75;--ux-border:#dde5ec;--ux-canvas:#f5f7fa;--ux-radius:16px;--primary:#315cf5;--primary-dark:#2346ca;--muted:#536578;--text:#182a39}
html{font-size:15px;scroll-behavior:smooth}body{line-height:1.55;background:var(--ux-canvas);color:var(--ux-ink)}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}button,a,input,select,textarea,summary{outline-offset:4px} :focus-visible{outline:3px solid #315cf5!important}button:disabled{cursor:wait}.ui-icon{display:block;flex:none;width:20px;height:20px}.skip-link{position:fixed;left:20px;top:-80px;z-index:200;background:#fff;color:#152943;padding:12px 20px;border:2px solid #315cf5;border-radius:10px}.skip-link:focus{top:12px}
.experience-v23.app-shell{grid-template-columns:260px minmax(0,1fr)}.experience-v23 .sidebar{background:#112b30;padding:26px 16px 18px;box-shadow:none;color:#fff;scrollbar-color:#426267 #112b30;overscroll-behavior:contain}.experience-v23 .brand{padding:0 12px 26px;gap:12px}.experience-v23 .brand-mark{background:#d2f46b;color:#13382e;border-radius:12px;width:38px;height:38px;font-size:23px;font-weight:800;box-shadow:none}.experience-v23 .brand-name{font-size:27px;letter-spacing:-1.2px;color:#fff;line-height:1.1}.brand-dot{color:#d2f46b}.experience-v23 .brand-product{font-size:10px;letter-spacing:2px;color:#a7c4c4;margin-top:5px}.experience-v23 .sidebar-context{background:#1c393e;border:1px solid #365257;padding:12px;margin:0 0 14px;border-radius:12px}.experience-v23 .sidebar-context small{font-size:9px;letter-spacing:1.2px;color:#afc9cd}.experience-v23 .sidebar-context strong{font-size:13px;color:#eef7f7;white-space:normal;overflow-wrap:anywhere}.context-dot{background:#d2f46b;flex:none}.nav-search-trigger{display:flex;align-items:center;gap:9px;width:100%;min-height:42px;background:transparent;border:1px solid #486368;border-radius:10px;padding:9px;color:#c2d6d8;text-align:left;font-size:12px;cursor:pointer}.nav-search-trigger kbd{margin-left:auto;font-size:9px;white-space:nowrap;color:#a6bdc0}.nav-search-trigger:hover{background:#24444a}.experience-v23 .nav-list{gap:3px;padding-top:12px}.experience-v23 .nav-section-label{font-size:10px;letter-spacing:1.35px;color:#99b6b9;padding:19px 12px 7px;margin:0}.experience-v23 .nav-item{font-size:13px;min-height:44px;border-radius:10px;padding:9px 12px;color:#bfd1d4;border:1px solid transparent;gap:11px;font-weight:500;line-height:1.35}.experience-v23 .nav-icon{display:flex;align-items:center;color:#9ebec3;width:20px}.experience-v23 .nav-item:hover{color:#fff;background:#1c3c42}.experience-v23 .nav-item.active{background:#d2f46b;color:#19352d;border-color:transparent;box-shadow:none;font-weight:750}.experience-v23 .nav-item.active .nav-icon{color:#19352d}.nav-active-dot{width:5px;height:5px;border-radius:50%;background:#19352d;margin-left:auto;flex:none}.experience-v23 .sidebar-footer{border-top:1px solid #365257;margin-top:24px;padding:18px 5px 0}.experience-v23 .sidebar-user-card{gap:10px}.experience-v23 .sidebar-user-card strong{font-size:12px;color:#fff}.experience-v23 .sidebar-user-card span{font-size:10px;color:#afc6ca}.experience-v23 .version-pill{font-size:10px;margin-top:14px;color:#aec4c8}.experience-v23 .version-pill span{color:#89a9af}.experience-v23 .avatar{width:34px;height:34px;background:#e7f0f1;color:#245c61;border-radius:50%;font-size:13px}
.experience-v23 .topbar{height:76px;padding:0 34px;background:#ffffffeb;border-bottom:1px solid var(--ux-border);gap:14px}.workspace-breadcrumb{display:flex;align-items:center;gap:12px;min-width:0;font-size:12px;white-space:nowrap}.workspace-breadcrumb a{color:#66798a}.workspace-breadcrumb>span{color:#a5b3bd}.workspace-breadcrumb strong{overflow:hidden;text-overflow:ellipsis;color:#253c4d;font-weight:600}.experience-v23 .topbar-actions{gap:10px}.experience-v23 .icon-button,.experience-v23 .language-link{height:38px;min-width:38px;border-color:#e2e9ee;border-radius:10px;color:#506675;background:#fff}.experience-v23 .icon-button:hover{background:#f0f5f7;color:#315cf5}.experience-v23 .language-link{font-size:11px}.experience-v23 .user-chip{padding:0}.search-mobile{display:none!important}.experience-v23 .page-content{padding:32px 34px 48px;max-width:1560px;min-height:calc(100vh - 135px)}.experience-v23 .page-heading,.experience-v23 .dashboard-hero{align-items:center;gap:24px;margin-bottom:26px}.experience-v23 .page-heading h1,.experience-v23 .dashboard-hero h1{font-size:clamp(26px,2.6vw,36px);line-height:1.18;letter-spacing:-1.2px;font-weight:750;color:#172f3e;margin:0 0 9px}.experience-v23 .page-heading p,.experience-v23 .dashboard-hero p{font-size:14px;color:var(--ux-muted);line-height:1.65;max-width:740px}.experience-v23 .section-kicker,.experience-v23 .panel-eyebrow,.experience-v23 .eyebrow{font-size:10px;letter-spacing:1.5px;color:#08786f;font-weight:750;margin-bottom:8px}.experience-v23 h2{font-size:18px!important;line-height:1.35;letter-spacing:-.4px;color:#203a48}.experience-v23 h3{font-size:16px;line-height:1.4}.experience-v23 .heading-actions,.experience-v23 .button-row{flex-wrap:wrap;align-items:center;gap:10px}.experience-v23 .primary-button,.experience-v23 .btn-primary{background:#315cf5;border:1px solid #315cf5;box-shadow:0 3px 6px #315cf518;color:#fff}.experience-v23 .primary-button:hover,.experience-v23 .btn-primary:hover{background:#2447ce;border-color:#2447ce}.experience-v23 .primary-button,.experience-v23 .secondary-button,.experience-v23 .btn{font-size:13px;min-height:42px;border-radius:10px;padding:10px 16px;line-height:1.35;font-weight:650;display:inline-flex;align-items:center;justify-content:center;gap:8px}.experience-v23 .secondary-button,.experience-v23 .btn-secondary{background:#fff;color:#344e60;border:1px solid #cfdbe3;box-shadow:0 2px 2px #112b3003}.experience-v23 .secondary-button:hover,.experience-v23 .btn-secondary:hover{background:#f1f6f8;border-color:#9cb4c4}.experience-v23 .text-link,.experience-v23 .table-link,.experience-v23 .table-action,.experience-v23 .panel-link,.experience-v23 .back-link{color:#2853d4;font-size:12px;font-weight:650}.experience-v23 .text-link:hover,.experience-v23 .table-link:hover,.experience-v23 .table-action:hover{text-decoration:underline}.experience-v23 .back-link{display:inline-flex;margin-bottom:12px;font-size:12px}
.experience-v23 .panel,.experience-v23 .card,.experience-v23 .metric-card,.experience-v23 .empty-state-panel{border:1px solid var(--ux-border);border-radius:var(--ux-radius);box-shadow:0 3px 12px #1c3e5304;background:#fff}.experience-v23 .panel,.experience-v23 .card{padding:22px;margin-bottom:20px}.experience-v23 .panel-header{padding-bottom:16px;margin-bottom:14px;border-bottom:1px solid #eaf0f4;gap:16px;align-items:center}.experience-v23 .panel-header h2{font-size:17px!important}.experience-v23 .metric-grid{gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.experience-v23 .metric-card{padding:19px;gap:14px;min-width:0}.experience-v23 .metric-card>span{display:block}.experience-v23 .metric-card>strong{display:block}.experience-v23 .metric-card>small{display:block}.experience-v23 .metric-card:has(>strong){display:block}.experience-v23 .metric-card span{font-size:12px;color:#536a79}.experience-v23 .metric-card strong{font-size:28px;color:#183543;margin:5px 0;overflow-wrap:anywhere}.experience-v23 .metric-card small{font-size:11px;color:#607586}.experience-v23 .metric-card .status-text{font-size:20px}.experience-v23 .metric-icon{background:#edf4f4;color:#26786f;border-radius:12px;width:42px;height:42px}.experience-v23 .metric-card.accent{background:#edf6f3;border-color:#cee5db}.experience-v23 .status-badge,.experience-v23 .mini-badge,.experience-v23 .plan-chip,.experience-v23 .badge,.experience-v23 .activity-badge,.experience-v23 .issue-pill{font-size:10px;line-height:1.4;letter-spacing:.1px;padding:5px 9px;display:inline-flex;align-items:center;border-radius:7px;white-space:normal;font-weight:650}.experience-v23 .status-active,.experience-v23 .badge-live,.experience-v23 .alert-success{background:#eaf6ef;color:#166246}.experience-v23 .status-suspended,.experience-v23 .status-cancelled{background:#fff0ee;color:#a2352f}.experience-v23 .status-trial{background:#eef2ff;color:#374eb1}
.experience-v23 .filter-bar,.experience-v23 .filter-panel{background:#fff;border:1px solid var(--ux-border);border-radius:14px;padding:16px;box-shadow:none;margin-bottom:20px}.experience-v23 .filter-bar{display:flex;flex-wrap:wrap;gap:10px;align-items:end}.experience-v23 .control-filters{gap:14px;align-items:end}.experience-v23 label{font-size:12px;font-weight:600;color:#334f61;line-height:1.5;min-width:0}.experience-v23 label>span{font-size:12px}.experience-v23 input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.experience-v23 select,.experience-v23 textarea{font-size:13px;min-height:44px;padding:10px 12px;border:1px solid #bdceda;border-radius:9px;background:#fff;color:#203a48;max-width:100%;box-shadow:0 1px 2px #112b3003}.experience-v23 input::placeholder,.experience-v23 textarea::placeholder{color:#7a8d9c;font-size:12px;font-weight:400}.experience-v23 input:focus,.experience-v23 select:focus,.experience-v23 textarea:focus{border-color:#315cf5;box-shadow:0 0 0 3px #315cf513}.experience-v23 input[type=checkbox],.experience-v23 input[type=radio]{accent-color:#315cf5;width:17px;height:17px;flex:none}.experience-v23 input[readonly]{background:#f3f6f8!important;color:#627b8c!important}.experience-v23 .form-grid{gap:18px}.experience-v23 .form-grid label,.experience-v23 .field{display:flex;flex-direction:column;gap:7px}.experience-v23 .form-grid label:has(input[type=checkbox]){flex-direction:row;align-items:center}.experience-v23 small,.experience-v23 .field small{font-size:11px;line-height:1.55;color:#5d7483}.experience-v23 .form-section{padding:24px 0;border-color:#e4ecf1}.experience-v23 .form-section:first-child{padding-top:0}.experience-v23 .form-section h2{font-size:17px!important}.experience-v23 .form-section p{font-size:12px;color:#607586}.experience-v23 .form-actions{display:flex;gap:10px;justify-content:flex-end;align-items:center;padding-top:20px;border-top:1px solid #e5edf3;margin-top:20px;flex-wrap:wrap}.experience-v23 .permission-option{padding:14px;border-radius:10px;border:1px solid #dce6ed;background:#fafcfd;gap:10px;cursor:pointer}.experience-v23 .permission-option:has(input:checked){background:#f0f4ff;border-color:#7d9af9}.experience-v23 .permission-option strong{font-size:12px}.experience-v23 .permission-option small{font-size:11px}.experience-v23 .form-alert,.experience-v23 .alert,.experience-v23 .success-banner{font-size:13px;line-height:1.6;padding:14px 17px;border-radius:12px;margin-bottom:18px}.experience-v23 .alert-error{background:#fff0ee;color:#a02d26;border:1px solid #f2d2cd}.experience-v23 .alert-success{border:1px solid #cce7d7}.experience-v23 .error-list{font-size:13px;line-height:1.7}
.experience-v23 table{width:100%;border-collapse:collapse;font-size:13px}.experience-v23 table th,.experience-v23 .data-table th,.experience-v23 .dashboard-table th{font-size:10px;letter-spacing:.65px;text-transform:uppercase;color:#516c7e;background:#f7fafc;font-weight:700;padding:13px 14px;border-bottom:1px solid #dde7ee;text-align:left;white-space:nowrap}.experience-v23 table td,.experience-v23 .data-table td,.experience-v23 .dashboard-table td{font-size:12px;line-height:1.55;padding:15px 14px;color:#345064;border-bottom:1px solid #e9eff4;vertical-align:middle}.experience-v23 table td strong{font-size:12px;color:#1d3949}.experience-v23 table td small{font-size:11px;color:#657c8d;display:block;margin-top:3px}.experience-v23 table tbody tr:last-child td{border-bottom:0}.experience-v23 table tbody tr:hover{background:#f8fbff}.experience-v23 .table-wrap,.experience-v23 .responsive-table,.experience-v23 .table-scroll,.experience-v23 .dashboard-table-wrap{overflow-x:auto;scrollbar-width:thin;border-radius:10px;max-width:100%}.experience-v23 .table-note{font-size:12px;color:#607586}.experience-v23 .empty-state,.experience-v23 .table-empty,.experience-v23 .empty-cell,.experience-v23 .dashboard-empty{padding:36px 18px;text-align:center;color:#5a7385;font-size:13px;line-height:1.7}.experience-v23 .empty-state h3{font-size:18px;color:#1f3e4e;margin-bottom:8px}.experience-v23 .empty-state p{font-size:13px}.experience-v23 .empty-icon{background:#edf4f3;color:#318174;width:56px;height:56px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center}.experience-v23 .empty-state a{margin-top:16px}.experience-v23 .tenant-row{padding:17px 4px;gap:14px}.experience-v23 .tenant-main strong{font-size:14px}.experience-v23 .tenant-main span{font-size:12px;color:#607586}.experience-v23 .tenant-avatar{background:#edf4f4;color:#27675f;border-radius:12px}.experience-v23 .detail-list dt{font-size:12px;color:#5a7284}.experience-v23 .detail-list dd{font-size:13px;overflow-wrap:anywhere}
.experience-v23 .dashboard-kpis{gap:14px;margin-bottom:24px}.experience-v23 .dashboard-kpi{padding:18px;border-radius:14px;border-color:var(--ux-border);box-shadow:none}.experience-v23 .dashboard-kpi small{font-size:11px;color:#536a79}.experience-v23 .dashboard-kpi strong{font-size:28px;margin:7px 0}.experience-v23 .dashboard-kpi span:not(.kpi-orb){font-size:10px;color:#5a7385}.experience-v23 .dashboard-kpi strong.kpi-status{font-size:19px}.experience-v23 .dashboard-grid{gap:20px;margin-bottom:0}.experience-v23 .hours-bar-label,.experience-v23 .hours-bar-value{font-size:11px;color:#566f83}.experience-v23 .schedule-time strong,.experience-v23 .schedule-person strong,.experience-v23 .issue-row strong,.experience-v23 .person-cell strong{font-size:12px}.experience-v23 .schedule-time span,.experience-v23 .schedule-person span,.experience-v23 .schedule-location,.experience-v23 .issue-row>div span,.experience-v23 .person-cell small{font-size:10px;color:#617a8b}.experience-v23 .schedule-row,.experience-v23 .issue-row{padding:13px 0}.experience-v23 .mini-avatar{width:30px;height:30px;font-size:11px}.experience-v23 .today-chip{padding:9px 12px;border-radius:10px}.experience-v23 .today-chip small{font-size:9px;color:#607586}.experience-v23 .today-chip strong{font-size:12px}.experience-v23 .payroll-dashboard-stats small{font-size:11px;color:#607586}.experience-v23 .payroll-dashboard-stats strong{font-size:14px}.experience-v23 .payroll-dashboard-title p{font-size:12px}.experience-v23 .dashboard-directory-strip{background:#173b3e;padding:24px;margin-top:4px}.experience-v23 .dashboard-directory-strip h2{font-size:19px!important;color:#fff}.experience-v23 .dashboard-directory-strip .panel-eyebrow{color:#d2f46b}.experience-v23 .directory-pills a{font-size:12px;padding:11px 13px}.experience-v23 .directory-pills a span{color:#c7e7de}.experience-v23 .foundation-item{gap:12px;padding:17px 0}.experience-v23 .foundation-item strong{font-size:13px}.experience-v23 .foundation-item p{font-size:12px;color:#607586}.experience-v23 .foundation-item>span:last-child{font-size:11px;color:#607586}.experience-v23 .employee-clock-hero{background:#143a3e;border-radius:20px;padding:32px;grid-template-columns:minmax(0,1fr) 330px}.experience-v23 .clock-copy h1{font-size:32px}.experience-v23 .clock-copy p{font-size:14px;color:#cadfe1}.experience-v23 .clock-policy-note{font-size:12px;color:#bfd8d9;margin-top:14px}.experience-v23 .clock-button{background:#315cf5;color:#fff;height:auto;min-height:48px;font-size:14px}.experience-v23 .clock-status{font-size:12px}.experience-v23 .clock-date{font-size:12px}.workspace-footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e2eaf0;padding:18px 34px;color:#6d8190;font-size:11px}.workspace-footer>span:first-child{font-weight:650}.journey-banner{display:flex;align-items:center;gap:20px;border:1px solid #d4e8df;background:#edf6f1;border-radius:16px;padding:22px 24px;margin-bottom:24px}.journey-banner .journey-icon{background:#d8eddf;color:#256c50;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;flex:none}.journey-banner h2{font-size:17px!important;margin:0 0 5px}.journey-banner p{font-size:13px;color:#4f6c5f;margin:0}.journey-banner .primary-button,.journey-banner .secondary-button{margin-left:auto;flex:none}.journey-steps{display:flex;gap:10px;flex-wrap:wrap;margin-top:13px;font-size:11px;color:#527462}.journey-steps span{background:#fff9;border:1px solid #d3e5d9;border-radius:7px;padding:5px 9px}.journey-steps .current{background:#245d49;color:#fff;border-color:#245d49}.module-help{margin-bottom:24px;border:1px solid #dce7ee;border-radius:12px;background:#faffff}.module-help>summary{display:flex;gap:9px;align-items:center;cursor:pointer;padding:12px 15px;font-size:12px;color:#536f7d;list-style:none;font-weight:600}.module-help>summary::after{content:'+';margin-left:auto}.module-help[open]>summary::after{content:'−'}.module-help>p{margin:0;padding:0 15px 16px;font-size:13px;color:#536f7d;max-width:900px}.module-help strong{color:#274c5c}
.command-dialog{width:min(580px,calc(100% - 28px));max-height:80vh;border:1px solid #d9e4ec;border-radius:20px;padding:0;box-shadow:0 24px 100px #102b3050;color:#203b49}.command-dialog::backdrop{background:#112b3070;backdrop-filter:blur(4px)}.command-header{display:flex;justify-content:space-between;align-items:center;padding:24px 24px 18px}.command-header h2{font-size:21px;margin:0;letter-spacing:-.7px}.command-header .icon-button{font-size:22px;border:0;background:#f2f6f8}.command-search{margin:0 24px 12px;display:flex;gap:10px;align-items:center;border:1px solid #c2d3df;border-radius:10px;padding:0 12px;color:#718899}.command-search input{width:100%;min-height:46px;border:0;background:transparent;font-size:14px;outline:none}.command-results{display:flex;flex-direction:column;padding:0 14px;max-height:340px;overflow-y:auto}.command-results a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:9px;font-size:13px}.command-results a:hover,.command-results a:focus{background:#edf3ff;color:#315cf5}.command-results a[hidden]{display:none}.command-results .nav-active-dot{display:none}.command-footer{padding:15px 24px;font-size:11px;color:#6f8391;background:#f6f9fb;margin-top:12px;border-top:1px solid #e3ebf1}.command-empty{padding:20px;color:#647f8f;text-align:center;font-size:13px}.password-field{position:relative;display:flex;align-items:center}.password-field input{width:100%;padding-right:72px!important}.password-toggle{position:absolute;right:7px;border:0;background:#f0f4f7;border-radius:6px;padding:7px;color:#3e5d70;font-size:11px;cursor:pointer}.field-hint{display:block;font-size:11px!important;font-weight:400;color:#607586;margin-top:4px}.table-count{font-size:11px;color:#607586;margin:8px 0 0}.required-note{font-size:11px;color:#607586;margin-bottom:18px}.form-feedback{font-size:12px;color:#3c6657;padding-top:10px}.unsaved-indicator{font-size:11px;color:#956311;display:block;margin-top:8px}.ux-live{position:fixed;bottom:22px;right:22px;z-index:100;background:#123b36;color:#fff;max-width:320px;border-radius:12px;padding:14px 18px;box-shadow:0 6px 24px #123b3630;font-size:13px}.ux-live:empty{display:none}
/* Public authentication, recovery, initial setup and kiosk. */
.auth-page{grid-template-columns:1fr 1fr}.auth-brand-panel{background:#12383b}.auth-hero-copy h1{font-size:clamp(38px,4vw,62px);line-height:1.05;letter-spacing:-2.5px}.auth-hero-copy p{font-size:16px;line-height:1.7;color:#bfd7d8}.hero-mark{background:#d2f46b;color:#173b31;box-shadow:none;border-radius:12px}.hero-grid{border-color:#406063}.hero-grid strong{font-size:14px}.hero-grid span{font-size:12px;color:#bdd5d6}.login-card{max-width:420px;width:100%}.login-card h2{font-size:30px;letter-spacing:-1px;line-height:1.2}.login-card>.muted{font-size:14px}.form-stack{gap:18px}.auth-page input,.setup-page input,.kiosk-page input{min-height:48px;font-size:15px;border-radius:10px;border:1px solid #bdceda;padding:12px}.auth-page .field span,.setup-page .field span,.kiosk-page .field span{font-size:13px}.auth-page .primary-button,.setup-page .primary-button{background:#315cf5;border-radius:10px;min-height:48px;font-size:14px;box-shadow:none}.login-help,.login-footer{font-size:12px;line-height:1.8}.login-help a{color:#315cf5;font-weight:650}.auth-form-panel{padding:48px}.setup-page{background:radial-gradient(ellipse at top,#e6f0eb,transparent 70%),#f4f7f9;padding:48px 20px}.setup-card{border:1px solid #d9e5e8;border-radius:22px;box-shadow:0 16px 60px #153c3c0a;max-width:740px;padding:40px}.setup-card h1{font-size:32px;line-height:1.2}.setup-card .muted{font-size:14px;line-height:1.7}.setup-card .section-kicker{color:#08786f;font-size:10px;margin-top:25px}.error-page{max-width:620px;margin:8vh auto;padding:48px 30px;border:1px solid #dce7ed;border-radius:24px;background:#fff;text-align:center}.error-page .error-code{color:#2e7b71;font-size:72px;line-height:1.1;font-weight:750;letter-spacing:-4px}.error-page h1{font-size:28px;letter-spacing:-.8px}.error-page p{color:#5c7483;line-height:1.75;margin-bottom:24px}.error-page .primary-button{background:#315cf5;border-radius:10px;box-shadow:none}.error-page .error-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.kiosk-page{background:#edf4f2}.kiosk-card{border-radius:24px;border:1px solid #d4e3df;box-shadow:0 14px 50px #12383b08}.kiosk-card h1{font-size:32px;letter-spacing:-1px}.kiosk-page .clock-button{background:#315cf5;color:#fff;font-size:16px;min-height:54px}.kiosk-page .secondary-button{min-height:50px}.kiosk-policy-note,.geo-feedback{font-size:13px}.kiosk-state strong{font-variant-numeric:tabular-nums}
@media(min-width:1700px){.experience-v23 .page-content{padding-top:40px}}
@media(max-width:1200px){.experience-v23.app-shell{grid-template-columns:230px minmax(0,1fr)}.experience-v23 .page-content{padding:26px 24px}.experience-v23 .topbar{padding:0 24px}.experience-v23 .dashboard-primary-grid,.experience-v23 .control-grid{grid-template-columns:1fr}.experience-v23 .dashboard-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.experience-v23 .employee-clock-hero{grid-template-columns:1fr 300px;gap:20px;padding:24px}}
@media(max-width:900px){.experience-v23 .detail-grid,.experience-v23 .dashboard-activity-grid{grid-template-columns:1fr}.experience-v23 .dashboard-activity-grid .panel:first-child{grid-column:auto}.journey-banner{flex-wrap:wrap}.journey-banner .primary-button,.journey-banner .secondary-button{margin-left:64px}.auth-page{grid-template-columns:1fr}.auth-brand-panel{display:none}.auth-form-panel{min-height:100vh}.experience-v23 .employee-clock-hero{grid-template-columns:1fr}.experience-v23 .clock-card{width:100%}.experience-v23 .form-grid{grid-template-columns:1fr 1fr}.experience-v23 .organization-layout{grid-template-columns:1fr}}
@media(max-width:780px){.experience-v23.app-shell{grid-template-columns:1fr}.experience-v23 .sidebar{position:fixed;left:-280px;width:260px;top:0;bottom:0;height:100dvh;z-index:60;transition:left .2s}.experience-v23 .sidebar.open{left:0}.experience-v23 .menu-button{display:grid;place-items:center;min-width:40px;min-height:40px;border:1px solid #dce7ed;border-radius:9px;color:#365363;background:#fff;cursor:pointer}.experience-v23 .topbar{height:66px;padding:0 16px;gap:10px}.experience-v23 .topbar-actions{gap:6px}.experience-v23 .topbar-actions .user-chip{display:none}.workspace-breadcrumb>a,.workspace-breadcrumb>span{display:none}.workspace-breadcrumb{font-size:12px}.experience-v23 .sidebar-scrim{display:block;z-index:55}.experience-v23 .sidebar.open~.sidebar-scrim{pointer-events:auto;opacity:1}.search-mobile{display:grid!important}.experience-v23 .page-content{padding:24px 16px 36px}.workspace-footer{padding:16px;font-size:10px}.experience-v23 .page-heading,.experience-v23 .dashboard-hero{flex-direction:column;align-items:flex-start;gap:16px}.experience-v23 .heading-actions{width:100%}.experience-v23 .page-heading h1{font-size:29px}.experience-v23 .dashboard-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-v23 .dashboard-grid{grid-template-columns:1fr}.experience-v23 .panel,.experience-v23 .card{padding:18px}.experience-v23 .employee-clock-hero{padding:24px}.experience-v23 .clock-copy h1{font-size:27px}.experience-v23 .panel-header{flex-wrap:wrap}.journey-banner{padding:18px;gap:14px}.journey-banner .journey-icon{display:none}.journey-banner .primary-button,.journey-banner .secondary-button{margin-left:0}.experience-v23 .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-v23 .form-grid,.experience-v23 .form-grid.two{grid-template-columns:1fr}.experience-v23 .form-span-2{grid-column:auto}.experience-v23 .permission-grid{grid-template-columns:1fr}.experience-v23 .form-actions{justify-content:stretch}.experience-v23 .form-actions>.primary-button{flex:1}.experience-v23 .dashboard-table th:nth-child(4),.experience-v23 .dashboard-table td:nth-child(4){display:table-cell}.experience-v23 .dashboard-table{min-width:520px}.setup-card{padding:26px}.setup-card h1{font-size:27px}.two-column-form{grid-template-columns:1fr}.error-page{margin:28px 16px}.experience-v23 .control-filters{display:flex;flex-direction:column;align-items:stretch}.experience-v23 .control-filters>label{width:100%}}
@media(max-width:420px){.experience-v23 .topbar-actions{gap:4px}.experience-v23 .icon-button,.experience-v23 .language-link{height:34px;min-width:32px}.experience-v23 .topbar-actions .search-mobile{display:none!important}.experience-v23 .metric-grid,.experience-v23 .dashboard-kpis{grid-template-columns:1fr}.auth-form-panel{padding:28px 22px}.workspace-footer{flex-direction:column;gap:4px}.experience-v23 .heading-actions>a{flex:1}.setup-page{padding:20px 12px}.experience-v23 .dashboard-directory-strip{padding:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.sidebar,.topbar,.workspace-footer,.module-help,.heading-actions,.skip-link,.command-dialog{display:none!important}.experience-v23.app-shell{display:block}.experience-v23 .page-content{padding:0;max-width:none}.experience-v23 .panel{box-shadow:none;break-inside:avoid}.experience-v23 .table-wrap{overflow:visible}body{background:#fff}}

.hours-bar.bar-level-5{height:5%}.hours-bar.bar-level-10{height:10%}.hours-bar.bar-level-15{height:15%}.hours-bar.bar-level-20{height:20%}.hours-bar.bar-level-25{height:25%}.hours-bar.bar-level-30{height:30%}.hours-bar.bar-level-35{height:35%}.hours-bar.bar-level-40{height:40%}.hours-bar.bar-level-45{height:45%}.hours-bar.bar-level-50{height:50%}.hours-bar.bar-level-55{height:55%}.hours-bar.bar-level-60{height:60%}.hours-bar.bar-level-65{height:65%}.hours-bar.bar-level-70{height:70%}.hours-bar.bar-level-75{height:75%}.hours-bar.bar-level-80{height:80%}.hours-bar.bar-level-85{height:85%}.hours-bar.bar-level-90{height:90%}.hours-bar.bar-level-95{height:95%}.hours-bar.bar-level-100{height:100%}
@media(max-width:780px){.experience-v23 .sidebar{visibility:hidden}.experience-v23 .sidebar.open{visibility:visible}}
.experience-v23 .nav-item{font-size:14px}.experience-v23 table td,.experience-v23 .data-table td,.experience-v23 .dashboard-table td{font-size:13px}.experience-v23 .metric-card span{font-size:13px}.experience-v23 .metric-card small{font-size:12px}
.experience-v23 .form-alert.danger{background:#fff0ee;border:1px solid #f2d2cd;color:#a02d26}.experience-v23 .form-alert.danger strong{font-size:13px}.experience-v23 .form-alert ul{margin-bottom:0}.experience-v23 .form-alert.danger:focus{outline:2px solid #d76c60}
.experience-v23 .employee-clock-hero .section-kicker{color:#d2f46b}.two-column-form>.required-note,.form-grid>.required-note{grid-column:1/-1;margin:0}.experience-v23 .table-panel>.panel-header{margin-bottom:14px}
@media(max-width:780px){.experience-v23 .sidebar-scrim{visibility:hidden}.experience-v23 .sidebar.open~.sidebar-scrim{visibility:visible}body.nav-open{overflow:hidden}}