.brand{mix-blend-mode:screen}.mobile-brand{background:transparent;filter:invert(1) hue-rotate(180deg);mix-blend-mode:multiply;padding:0;width:92px;border-radius:0}.sidebar{isolation:isolate}.panel{padding:20px}.stack{gap:18px}.employee-grid{gap:20px}.section-heading{margin-bottom:12px}.metric{padding:18px 20px}.metric .value{margin:10px 0 2px}.request-row{padding:13px 0;min-height:64px}.profile-fields{gap:20px}.balance-strip{margin-top:8px;padding-top:13px}.timeline-row{padding:10px 0}.page-heading{margin:25px 0 20px}.chart-note{font-size:10px;display:block;margin-top:10px}.quick-launch{width:100%;display:flex;align-items:center;text-align:right;gap:13px;padding:12px 16px;margin-top:12px;border:1px solid var(--line);border-radius:18px;background:#fffdf8;min-height:66px}.quick-launch>span:nth-child(2){flex:1}.quick-launch strong{font-size:14px;font-weight:500}.quick-launch small{display:block;font-size:11px;margin-top:2px}.quick-launch>.icon{width:17px;color:#677787}.launch-icon{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#e2eaf1;color:#416384}.menu-row{display:flex;align-items:center;text-align:right;gap:13px;padding:12px 14px;width:100%;min-height:57px;font-size:14px;border-bottom:1px solid #d0d8df70}.menu-row:last-child{border-bottom:0}.menu-row>span:nth-child(2){flex:1}.menu-row>.icon{width:16px;color:#6b7a88}.menu-icon{width:30px;height:30px;display:grid;place-items:center;color:#45596d}.menu-icon .icon{width:21px;height:21px}.action-menu{border:1px solid #d2dae2;border-radius:18px;overflow:hidden;background:#ffffff85}.secondary-menu{margin-top:14px}.menu-row:hover{background:#fffdf6}.menu-row:focus-visible{outline-offset:-3px}.clock-panel .clock-top{padding-top:20px}.clock-number{padding-top:16px}.time-scale{margin-top:20px}.clock-bottom{padding-block:18px}.quick-launch:hover{border-color:#a0b2c3}.btn,.text-btn,.filter-tabs button,.roles button{min-height:44px}.circle-btn{min-width:44px;min-height:44px}.check{min-width:44px;min-height:44px;border:0;background:none}.check:before{content:'';position:absolute;width:23px;height:23px;border:1px solid #a7b3bf;border-radius:7px}.check .icon{z-index:1;width:18px}.task.done .check{background:transparent;color:#3d4e5f}.task.done .check:before{background:#d6dee5;border-color:#9dadbc}.kpi-table .goal-name{min-height:44px;text-align:right;padding:0}.day.off:after{display:none}
body.embedded .roles,body.embedded .demo-label{display:none}.embedded .topbar{height:68px;padding-block:12px;flex-wrap:nowrap}.embedded .page-heading{margin-top:20px}.embedded .top-actions .circle-btn{width:38px;height:38px;min-width:44px;min-height:44px}.embedded .main>.footnote{font-size:10px}
@media(max-width:800px){.main{padding-inline:18px}.panel{padding:18px}.page-heading{gap:10px}.page-heading h1{font-size:23px;line-height:1.45}.page-heading .date{font-size:11px;flex-shrink:0}.clock-top{padding-inline:21px}.clock-number{padding-inline:21px;font-size:clamp(43px,14vw,57px)}.clock-number span{font-size:24px}.clock-label,.time-scale,.scale-labels{padding-inline:21px}.clock-bottom{padding-inline:21px;padding-block:16px}.time-scale{height:27px;margin-top:18px}.time-scale i{height:12px}.time-scale i:nth-child(4n+1){height:20px}.time-scale i.current{height:27px}.clock-bottom .btn{min-width:118px;padding-inline:13px}.quick-launch{margin-top:10px}.employee-grid,.stack{gap:17px}.section-heading h2{font-size:18px}.metric{padding:16px}.metric-grid{margin-bottom:18px}.metric .value{font-size:30px}.metric small{font-size:11px}.roles button{font-size:11px}.form-row{gap:11px}dialog{padding:23px;border-radius:26px}.modal-head{margin-bottom:18px}.menu-row{min-height:58px}.nav-bottom{padding:6px;bottom:max(12px,env(safe-area-inset-bottom));background:#f2f4f7bd;border-color:#fff;border-radius:33px}.nav-bottom button{font-size:11px}.nav-bottom button.active{color:#3f5f7f}.footnote{font-size:11px}.profile-hero{margin-bottom:20px;padding-bottom:20px}.calendar-grid .day{aspect-ratio:1;min-height:44px}.day-name{overflow:hidden}.chart-note{font-size:10px}}
@media(prefers-reduced-transparency:reduce){.nav-bottom,dialog{background:#f2f4f6;backdrop-filter:none}}@media(prefers-contrast:more){:root{--muted:#414a54;--line:#71808f}.status{border:1px solid currentColor}.nav-bottom{background:#f3f5f7}}
html:has(body.embedded){scrollbar-width:none}html:has(body.embedded)::-webkit-scrollbar{display:none}@media(max-width:800px){.calendar-grid .day{aspect-ratio:auto;height:44px}}