:root{--ink:#172320;--muted:#73807c;--line:#e7ece9;--soft-line:#edf1ef;--canvas:#f4f7f5;--white:#fff;--green:#16836f;--green-dark:#0d5f52;--green-ink:#103e36;--mint:#e6f5f0;--blue:#397ad4;--amber:#da8f27;--violet:#7a62cb;--rose:#d9647d;--teal:#208e91;--shadow:0 10px 30px #16332b0e;--shadow-lg:0 24px 80px #14362e2e}*{box-sizing:border-box}html{background:var(--canvas);scroll-behavior:smooth;width:100%;max-width:100%;overflow-x:clip}body{width:100%;max-width:100%;color:var(--ink);background:radial-gradient(circle at 82% -12%, #2a987f0f, transparent 28%), var(--canvas);font-family:Inter, "SF Pro Display", "PingFang SC", "Microsoft YaHei", var(--font-thai), system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}button,input,select,textarea{font:inherit}button{color:inherit}button,a{-webkit-tap-highlight-color:transparent}.app-shell{width:100%;max-width:100%;min-height:100vh;overflow-x:clip}.sidebar{z-index:40;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fffffff5;border-right:1px solid #e8edeb;flex-direction:column;width:252px;height:100dvh;min-height:0;padding:24px 18px 18px;display:flex;position:fixed;inset:0 auto 0 0;overflow:hidden}.sidebar-head{justify-content:space-between;align-items:center;min-height:42px;padding:0 8px;display:flex}.brand{cursor:pointer;background:0 0;border:0;align-items:center;padding:0;display:flex}.brand>span:last-child{flex-direction:column;align-items:flex-start;margin-left:10px;display:flex}.brand strong{color:#123d35;letter-spacing:-.55px;font-size:18px;font-weight:760;line-height:1.1}.brand small{color:#81908b;letter-spacing:1.25px;text-transform:uppercase;margin-top:3px;font-size:9px;font-weight:700}.logo-mark{background:linear-gradient(145deg,#1da98c,#0c6857);border-radius:10px 10px 10px 4px;flex:none;width:32px;height:32px;position:relative;overflow:hidden;box-shadow:0 6px 14px #16836f38}.logo-mark span{background:#fffffff2;border-radius:4px;height:3px;display:block;position:absolute;transform:rotate(-35deg)}.logo-mark span:first-child{width:20px;top:8px;left:8px}.logo-mark span:nth-child(2){width:16px;top:15px;left:6px}.logo-mark span:last-child{width:10px;top:22px;left:6px}.company-switcher{border:1px solid var(--line);width:100%;min-height:60px;font:inherit;text-align:left;cursor:pointer;background:#fafcfb;border-radius:13px;align-items:center;margin-top:27px;padding:9px 10px;transition:border-color .16s,background .16s;display:flex}.company-switcher:hover{background:#f5faf8;border-color:#cfe2dc}.company-icon{width:34px;height:34px;color:var(--green-dark);background:var(--mint);border-radius:10px;flex:none;place-items:center;display:grid}.company-switcher>span:nth-child(2){flex-direction:column;flex:1;min-width:0;margin-left:9px;display:flex}.company-switcher small{color:#596660;font-size:9px}.company-switcher strong{text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:11.5px;font-weight:680;overflow:hidden}.company-switcher>svg{color:#8d9894}.main-nav{margin-top:26px}.nav-label{color:#9da7a3;letter-spacing:1.4px;text-transform:uppercase;margin:0 11px 8px;font-size:9px;font-weight:760}.nav-label.second{margin-top:25px}.main-nav>button{color:#6c7874;cursor:pointer;background:0 0;border:0;border-radius:11px;align-items:center;gap:12px;width:100%;height:44px;margin:3px 0;padding:0 12px;font-size:13px;font-weight:550;transition:color .16s,background .16s,transform .16s;display:flex;position:relative}.main-nav>button:hover{color:var(--green-dark);background:#f1f8f5}.main-nav>button.active{color:#0d6655;background:#eaf6f2;font-weight:690}.main-nav>button.active:before{background:var(--green);content:"";border-radius:0 4px 4px 0;width:3px;height:22px;position:absolute;left:-18px}.main-nav button em{color:#a36219;background:#fff0d9;border-radius:7px;place-items:center;width:19px;height:19px;margin-left:auto;font-size:9px;font-style:normal;font-weight:700;display:grid}.main-nav .demo-nav{color:#54467f;background:linear-gradient(90deg,#7d63ca14,#7d63ca05)}.main-nav .demo-nav:hover,.main-nav .demo-nav.active{color:#624cac;background:#f0edfb}.nav-arrow{margin-left:auto}.sidebar-spacer{display:none}.demo-support{background:#faf9fe;border:1px solid #eceaf6;border-radius:13px;align-items:center;gap:10px;padding:12px;display:flex}.support-icon{color:#6b57b3;background:#eeeafb;border-radius:10px;flex:none;place-items:center;width:32px;height:32px;display:grid}.demo-support div{flex:1;min-width:0}.demo-support strong{font-size:11px;display:block}.demo-support p{color:#655f73;text-overflow:ellipsis;white-space:nowrap;margin:3px 0 0;font-size:9px;overflow:hidden}.demo-support>button{color:#6b57b3;cursor:pointer;background:#fff;border:1px solid #e2ddf3;border-radius:9px;flex:none;place-items:center;width:29px;height:29px;transition:all .16s;display:grid}.demo-support>button:hover{background:#eeeafb;transform:rotate(-18deg)}.sidebar-user{border:0;border-top:1px solid var(--soft-line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;width:100%;margin-top:14px;padding:15px 4px 0;display:flex}.sidebar-user>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.sidebar-user strong{font-size:11.5px}.sidebar-user small{color:#8b9591;text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:8.5px;overflow:hidden}.sidebar-user>svg{color:#929d99}.main-area{width:auto;min-width:0;max-width:100%;min-height:100vh;margin-left:252px}.topbar{z-index:25;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8faf9de;border-bottom:1px solid #e2e9e5db;align-items:center;height:82px;padding:0 34px;display:flex;position:sticky;top:0}.page-title{flex:1;min-width:0}.page-title h1{color:#1a2824;letter-spacing:-.55px;text-overflow:ellipsis;white-space:nowrap;margin:0;font-size:20px;font-weight:750;overflow:hidden}.page-title p{color:#7d8985;margin:5px 0 0;font-size:10.5px}.topbar-actions{align-items:center;gap:10px;min-width:0;margin-left:auto;display:flex}.website-link{border:1px solid var(--line);color:#53615c;background:#fff;border-radius:10px;flex:none;justify-content:center;align-items:center;gap:7px;height:36px;padding:0 11px;font-size:10px;font-weight:700;text-decoration:none;transition:all .16s;display:inline-flex}.website-link:hover{color:#176b58;background:#f4fbf8;border-color:#b9d9ce}.topbar-website-link{width:38px;padding:0}.topbar-website-link span{display:none}.role-switch-button{border:1px solid var(--line);color:#53615c;cursor:pointer;background:#fff;border-radius:11px;align-items:center;gap:8px;height:42px;padding:0 9px 0 7px;display:inline-flex}.role-switch-button>span:nth-child(2){flex-direction:column;align-items:flex-start;min-width:92px;display:flex}.role-switch-button strong{font-size:8.5px}.role-switch-button small{color:#596660;margin-top:2px;font-size:6.5px}.role-switch-button>svg{color:#96a19d}.bangkok-clock{flex-direction:column;align-items:flex-end;margin-right:7px;display:flex}.bangkok-clock strong{font-size:12px;line-height:1}.bangkok-clock span{color:#8b9692;margin-top:4px;font-size:8.5px}.language-button,.icon-button,.icon-ghost,.menu-button,.mobile-close{border:1px solid var(--line);color:#64716d;cursor:pointer;background:#fff;justify-content:center;align-items:center;display:inline-flex}.language-button{border-radius:10px;gap:7px;height:36px;padding:0 12px;font-size:10.5px}.language-picker{border:1px solid var(--line);color:#64716d;background:#fff;border-radius:10px;flex:none;align-items:center;gap:7px;height:36px;padding:0 9px 0 11px;display:inline-flex;position:relative}.language-picker select{color:#53615c;cursor:pointer;appearance:none;background:0 0;border:0;outline:0;width:72px;padding:0;font-size:10px;font-weight:650}.language-picker>svg:last-child{pointer-events:none;position:absolute;right:7px}.language-picker-compact select{opacity:0;width:100%;height:100%;position:absolute;inset:0}.language-picker-compact{justify-content:flex-start;gap:5px;width:58px;padding:0 8px}.language-short-label{color:#43534e;font-size:9px;font-weight:750}.icon-button{border-radius:10px;width:36px;height:36px;position:relative}.notification i{background:#e05970;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:7px;right:7px}.menu-button,.mobile-close{border-radius:10px;width:38px;height:38px;display:none}.content{width:100%;min-width:0;max-width:1580px;margin:0 auto;padding:26px 34px 48px}.page-stack{flex-direction:column;gap:17px;width:100%;min-width:0;max-width:100%;animation:.28s both page-in;display:flex}@keyframes page-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.welcome-banner{color:#fff;background:radial-gradient(circle at 87% 18%,#6eddbd3b,#0000 24%),radial-gradient(circle at 64% 125%,#30a98a52,#0000 42%),linear-gradient(120deg,#113e37 0%,#0d5548 48%,#147561 100%);border-radius:22px;grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr);align-items:center;min-height:254px;padding:34px 38px;display:grid;position:relative;overflow:hidden;box-shadow:0 20px 44px #11504329}.welcome-banner:before,.welcome-banner:after{content:"";border:1px solid #ffffff17;border-radius:50%;position:absolute}.welcome-banner:before{width:290px;height:290px;top:-104px;right:-64px}.welcome-banner:after{width:400px;height:400px;top:-150px;right:-6px}.banner-copy{z-index:2;position:relative}.banner-kicker{color:#c8f2e6;letter-spacing:.4px;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;font-weight:680;display:inline-flex}.banner-copy h2{letter-spacing:-1.25px;margin:14px 0 10px;font-size:clamp(24px,2.1vw,32px);font-weight:740;line-height:1.28}.banner-copy p{color:#ebf9f4bf;max-width:470px;margin:0;font-size:11px;line-height:1.7}.button{cursor:pointer;border:0;border-radius:11px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 17px;font-size:11px;font-weight:680;transition:transform .16s,box-shadow .16s,background .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button.primary{color:#fff;background:linear-gradient(135deg,#16836f,#0d6657);box-shadow:0 8px 16px #16836f2b}.button.primary:hover{box-shadow:0 10px 22px #16836f40}.button.secondary{border:1px solid var(--line);color:#52615c;box-shadow:none;background:#fff}.banner-button{color:#0c5e4f;background:#fff;margin-top:20px;box-shadow:0 9px 24px #0431282e}.banner-flow{z-index:2;justify-content:flex-end;align-items:center;padding-left:24px;display:flex;position:relative}.flow-node-wrap{align-items:center;display:flex}.flow-node{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff14;border:1px solid #ffffff24;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;width:100px;height:130px;display:flex;box-shadow:inset 0 1px #ffffff0d}.flow-node span{color:#c9f4e6;background:#7ce0c424;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.flow-node strong{margin-top:10px;font-size:12px}.flow-node small{color:#ebf9f48f;margin-top:4px;font-size:8.5px}.flow-chevron{color:#ffffff59;margin:0 3px}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.metric-card,.mini-stat,.balance-card{box-shadow:var(--shadow);background:#fff;border:1px solid #e3eae6e0;border-radius:16px;position:relative}.metric-card{min-height:143px;padding:18px}.metric-icon,.quick-icon{place-items:center;display:grid}.metric-icon{border-radius:11px;width:36px;height:36px;position:absolute;top:16px;right:16px}.metric-mint{color:#187867;background:#e7f5f0}.metric-blue{color:#3b73b8;background:#eaf2fc}.metric-amber{color:#b5731b;background:#fff2df}.metric-violet{color:#6e58ba;background:#f0edfb}.metric-top{align-items:flex-start;gap:8px;min-height:28px;padding-right:38px;display:flex}.metric-top span{color:#596660;font-size:10px;font-weight:560}.metric-top em{color:#176451;background:#ecf7f3;border-radius:10px;padding:3px 6px;font-size:7.5px;font-style:normal;font-weight:650}.metric-card>strong{color:#1b2925;letter-spacing:-1.1px;margin-top:6px;font-size:clamp(23px,2.1vw,30px);font-weight:730;display:block}.metric-card>p{color:#596660;margin:6px 0 0;font-size:8.5px}.dashboard-grid{grid-template-columns:minmax(0,1.38fr) minmax(360px,.82fr);gap:17px;display:grid}.dashboard-grid.lower{grid-template-columns:minmax(0,1.23fr) minmax(360px,.77fr)}.panel{box-shadow:var(--shadow);background:#fff;border:1px solid #e2e9e5e6;border-radius:18px;padding:21px}.panel-head{justify-content:space-between;align-items:flex-start;display:flex}.panel-head h3{color:#22312d;letter-spacing:-.2px;margin:4px 0 0;font-size:14px;font-weight:710}.eyebrow{color:#5f6f69;letter-spacing:1.25px;text-transform:uppercase;font-size:7.5px;font-weight:780}.text-button{color:var(--green);cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:5px 0;font-size:9.5px;font-weight:650;display:inline-flex}.attendance-summary{border:1px solid var(--soft-line);background:#fbfcfc;border-radius:13px;align-items:center;margin-top:20px;padding:13px 16px;display:flex}.attendance-summary>div:not(.summary-divider){flex-direction:column;flex:1;display:flex}.attendance-summary strong{color:#20312c;font-size:15px}.attendance-summary span{color:#596660;margin-top:3px;font-size:8px}.summary-divider{background:var(--line);width:1px;height:26px;margin:0 17px}.week-chart{justify-content:space-between;align-items:flex-end;gap:20px;height:125px;margin-top:20px;padding:0 13px;display:flex}.chart-column{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;height:100%;display:flex}.chart-track{background:#edf1ef;border-radius:7px;align-items:flex-end;width:17px;height:96px;display:flex}.chart-track>span{background:#aad8cb;border-radius:7px;width:100%;min-height:5px;position:relative}.chart-track>span.chart-highlight{background:linear-gradient(#36a98d,#16836f)}.chart-track em{color:#596660;font-size:7px;font-style:normal;position:absolute;top:-17px;left:50%;transform:translate(-50%)}.chart-column small{color:#596660;margin-top:8px;font-size:8px}.action-grid{grid-template-columns:1fr 1fr;gap:10px;margin-top:20px;display:grid}.action-grid>button{border:1px solid var(--soft-line);text-align:left;cursor:pointer;background:#fbfcfc;border-radius:13px;align-items:center;gap:10px;min-width:0;min-height:73px;padding:10px;transition:transform .16s,border-color .16s,box-shadow .16s;display:flex}.action-grid>button:hover{background:#fff;border-color:#d8e8e2;transform:translateY(-1px);box-shadow:0 8px 20px #1a423712}.quick-icon{border-radius:11px;flex:none;width:35px;height:35px}.quick-green{color:#187965;background:#e6f5f0}.quick-blue{color:#3c75bd;background:#e9f1fb}.quick-amber{color:#b97921;background:#fff1dd}.quick-violet{color:#7058b8;background:#efecfa}.quick-rose{color:#c4556c;background:#fae9ee}.action-grid button>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.action-grid button strong{font-size:10px}.action-grid button small{color:#596660;margin-top:4px;font-size:7.5px}.action-grid button>svg{color:#a6afac}.count-badge,.ready-badge{border-radius:10px;padding:5px 8px;font-size:8px;font-weight:650}.count-badge{color:#91611e;background:#fff1df}.ready-badge{color:#18735f;background:#e7f5f0}.task-list{margin-top:13px}.task-row{border:0;border-top:1px solid var(--soft-line);text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;width:100%;min-height:52px;padding:7px 2px;display:flex}.task-row:first-child{border-top:0}.task-code{border-radius:9px;flex:none;place-items:center;width:31px;height:31px;font-size:8px;font-weight:760;display:grid}.task-amber{color:#744709;background:#fff2df}.task-blue{color:#24558c;background:#eaf2fc}.task-violet{color:#4e398c;background:#f0edfb}.task-green{color:#125f4c;background:#e7f5f0}.task-row>span:nth-child(2){flex-direction:column;flex:1;min-width:0;display:flex}.task-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:9.5px;overflow:hidden}.task-row small{color:#596660;margin-top:3px;font-size:7.5px}.task-row em{color:#596660;background:#f2f5f3;border-radius:9px;padding:4px 7px;font-size:7px;font-style:normal}.task-row>svg{color:#adb5b2}.holiday-panel .icon-ghost{color:#9a7a37;background:#fff7e9}.icon-ghost{background:#f5f7f6;border-color:#0000;border-radius:9px;width:32px;height:32px}.next-holiday{background:radial-gradient(circle at 95% 10%,#f3bd5438,#0000 31%),#fff8eb;border-radius:14px;align-items:center;gap:13px;margin-top:18px;padding:14px;display:flex}.date-tile{color:#fff;background:linear-gradient(145deg,#da9b32,#bd7921);border-radius:12px;flex-direction:column;flex:none;justify-content:center;align-items:center;width:50px;height:58px;display:flex;box-shadow:0 7px 14px #be771a2b}.date-tile strong{font-size:20px;line-height:1}.date-tile span{letter-spacing:1px;margin-top:5px;font-size:7px;font-weight:700}.next-holiday>div:last-child{flex-direction:column;min-width:0;display:flex}.thai-flag{color:#ad7a2a;font-size:7.5px}.next-holiday>div:last-child>strong{margin-top:5px;font-size:10.5px}.next-holiday small{color:#9c8f77;margin-top:4px;font-size:7.5px}.holiday-list{margin-top:9px}.holiday-list>div{border-bottom:1px solid var(--soft-line);align-items:center;gap:12px;min-height:44px;padding:7px 3px;display:flex}.holiday-list>div>span{color:#765016;width:49px;font-size:7.5px;font-weight:720}.holiday-list p{flex-direction:column;flex:1;margin:0;display:flex}.holiday-list strong{font-size:9px}.holiday-list small{color:#596660;margin-top:3px;font-size:7px}.compliance-link{color:#9b6a1e;cursor:pointer;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;margin-top:8px;padding:5px 1px 0;font-size:8.5px;font-weight:650;display:flex}.subpage-hero,.compliance-hero{background:radial-gradient(circle at 88% 25%,#57ba9e1f,#0000 27%),linear-gradient(120deg,#f8fcfa,#eff8f5);border:1px solid #dfeae6;border-radius:19px;justify-content:space-between;align-items:center;min-height:150px;padding:28px 30px;display:flex;position:relative;overflow:hidden}.subpage-hero:after{content:"";border:1px solid #1f8b7117;border-radius:50%;width:190px;height:190px;position:absolute;top:-60px;right:110px}.subpage-hero h2,.compliance-hero h2,.workflow-intro h2{color:#183b33;letter-spacing:-.7px;margin:7px 0 6px;font-size:22px;font-weight:730}.subpage-hero p,.compliance-hero p,.workflow-intro p{color:#75847f;margin:0;font-size:10px;line-height:1.6}.subpage-hero>.button{z-index:2;position:relative}.readonly-badge{z-index:2;color:#6f7c77;background:#ffffffc7;border:1px solid #e0e7e4;border-radius:10px;align-items:center;gap:7px;padding:9px 11px;font-size:8px;font-weight:650;display:inline-flex;position:relative}.readonly-badge.compact{padding:7px 9px}.mini-stat-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.mini-stat{align-items:center;gap:13px;min-height:82px;padding:15px;display:flex}.mini-stat .metric-icon{width:39px;height:39px;position:static}.mini-stat>div{flex-direction:column;display:flex}.mini-stat small{color:#87938f;font-size:8.5px}.mini-stat strong{margin-top:3px;font-size:19px}.table-panel{padding:0}.table-toolbar{justify-content:space-between;align-items:center;gap:15px;min-height:70px;padding:15px 19px;display:flex}.search-box{border:1px solid var(--line);color:#8b9692;background:#fbfcfc;border-radius:10px;align-items:center;gap:9px;width:min(390px,48%);height:38px;padding:0 12px;display:flex}.search-box input{color:#263530;background:0 0;border:0;outline:0;width:100%;font-size:9.5px}.search-box input::placeholder{color:#9da6a3}.filter-actions{align-items:center;gap:8px;display:flex}.filter-button{border:1px solid var(--line);color:#6e7b77;cursor:pointer;background:#fff;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 11px;font-size:8.5px;display:inline-flex}.filter-select{border:1px solid var(--line);color:#6e7b77;background:#fff;border-radius:9px;align-items:center;height:34px;display:inline-flex;position:relative}.filter-select select{appearance:none;min-width:112px;height:100%;color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;outline:0;padding:0 30px 0 11px;font-size:8.5px}.filter-select svg{pointer-events:none;position:absolute;right:9px}.responsive-table{width:100%;overflow-x:auto}table{border-collapse:collapse;white-space:nowrap;width:100%}th{border-top:1px solid var(--soft-line);border-bottom:1px solid var(--soft-line);color:#8a9692;text-align:left;background:#fafcfb;height:42px;padding:0 15px;font-size:8px;font-weight:650}td{border-bottom:1px solid var(--soft-line);color:#5f6d68;height:65px;padding:0 15px;font-size:9.5px}tbody tr{transition:background .14s}tbody tr:hover{background:#fbfdfc}.employee-cell{align-items:center;gap:10px;display:flex}.employee-cell>span:last-child{flex-direction:column;display:flex}.employee-cell strong,.table-primary{color:#26342f;font-size:9.5px;font-weight:650}.employee-cell small,.table-secondary{color:#99a29f;margin-top:3px;font-size:7.5px;display:block}.avatar{border:2px solid #ffffffd1;border-radius:11px;flex:none;place-items:center;width:34px;height:34px;font-size:8px;font-weight:740;display:inline-grid;box-shadow:0 3px 8px #1a362f14}.avatar-small{border-radius:9px;width:29px;height:29px}.avatar-violet{color:#4e388c;background:#ebe6fa}.avatar-rose{color:#8a2940;background:#f8e3e9}.avatar-blue{color:#285b91;background:#e2ecf8}.avatar-amber{color:#80500e;background:#faecd7}.avatar-green{color:#1e664e;background:#e1f0ea}.avatar-teal{color:#19777a;background:#dff0ef}.mono-id{color:#73807b;font-family:SFMono-Regular,Consolas,monospace;font-size:8.5px}.status-pill{border-radius:12px;align-items:center;padding:5px 8px;font-size:7.5px;font-weight:650;display:inline-flex}.status-pill:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;margin-right:5px}.status-pill.success{color:#24775f;background:#e9f6f1}.status-pill.info{color:#3976ba;background:#eaf2fb}.status-pill.warning{color:#a96e1d;background:#fff1dd}.status-pill.neutral{color:#7b8682;background:#eef1ef}.table-footer{justify-content:space-between;align-items:center;min-height:57px;padding:10px 19px;display:flex}.table-footer>span{color:#929c98;font-size:14px}.table-footer .table-page-controls{align-items:center;gap:4px;display:flex}.table-page-size{color:#64736d;white-space:nowrap;align-items:center;gap:6px;margin-right:8px;display:inline-flex}.table-page-size select{border:1px solid var(--line);color:#40504a;background:#fff;border-radius:7px;min-width:58px;height:34px;padding:0 24px 0 9px;font-size:14px}.table-page-ellipsis{color:#71807a;place-items:center;min-width:24px;height:27px;display:inline-grid}.table-footer button{border:1px solid var(--line);color:#71807a;cursor:pointer;background:#fff;border-radius:7px;min-width:28px;height:27px;padding:0 8px;font-size:14px}.table-footer button.page-active{border-color:var(--green);color:#fff;background:var(--green)}.table-footer button:disabled{cursor:not-allowed;opacity:.5}.empty-state{color:#8d9995;flex-direction:column;justify-content:center;align-items:center;min-height:190px;display:flex}.empty-state strong{color:#53615c;margin-top:10px;font-size:11px}.empty-state span{margin-top:4px;font-size:8px}.attendance-layout{grid-template-columns:minmax(360px,.78fr) minmax(500px,1.22fr);gap:17px;display:grid}.clock-card{color:#fff;text-align:center;background:linear-gradient(145deg,#177763f0,#0a463dfa),#0d6657;border-radius:20px;min-height:395px;padding:27px;position:relative;overflow:hidden;box-shadow:0 20px 45px #0e5b4c2b}.clock-decor{border:1px solid #ffffff17;border-radius:50%;position:absolute}.clock-one{width:260px;height:260px;top:-100px;right:-70px}.clock-two{width:220px;height:220px;bottom:-110px;right:-24px}.clock-label{z-index:1;color:#dcf8f0b8;letter-spacing:1.5px;font-size:7.5px;font-weight:740;position:relative}.big-time{z-index:1;letter-spacing:-2.4px;margin-top:9px;font-size:45px;font-weight:660;line-height:1;display:block;position:relative}.clock-card>p{z-index:1;color:#eafaf5ad;margin:8px 0 10px;font-size:8.5px;position:relative}.location-chip{z-index:1;color:#c6f2e5;background:#ffffff17;border-radius:16px;align-items:center;gap:6px;padding:6px 9px;font-size:7.5px;display:inline-flex;position:relative}.clock-button{z-index:1;color:#0c6454;cursor:pointer;background:#fff;border:9px solid #ffffff1a;border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:148px;height:148px;margin:18px auto 14px;transition:transform .18s,background .18s;display:flex;position:relative;box-shadow:0 13px 30px #0432293b,inset 0 0 0 1px #0f6b5a14}.clock-button:hover{transform:scale(1.025)}.clock-button.clocked{color:#f1f9f6;background:#153f38}.clock-button span{margin-top:7px;font-size:13px;font-weight:730}.clock-button small{color:#879f99;margin-top:5px;font-size:7px}.clocked small{color:#a9c4bd}.clock-records{z-index:1;justify-content:center;gap:30px;display:flex;position:relative}.clock-records span{color:#ebf9f4a6;align-items:center;gap:5px;font-size:7.5px;display:flex}.clock-records strong{color:#fff;margin-left:3px;font-size:8.5px}.record-dot{border-radius:50%;width:6px;height:6px}.record-dot.green{background:#76d9b8}.record-dot.amber{background:#efbf69}.attendance-status{padding:25px}.live-indicator{color:#2e7e69;background:#eaf6f1;border-radius:12px;align-items:center;gap:5px;padding:5px 8px;font-size:7.5px;display:inline-flex}.live-indicator i{background:#2a9d80;border-radius:50%;width:5px;height:5px;box-shadow:0 0 0 3px #2a9d801f}.attendance-kpis{grid-template-columns:repeat(3,1fr);gap:13px;margin-top:27px;display:grid}.attendance-kpis>div{border-right:1px solid var(--soft-line);align-items:center;gap:11px;display:flex}.attendance-kpis>div:last-child{border-right:0}.kpi-ring{border:5px solid;border-radius:50%;flex:none;place-items:center;width:54px;height:54px;font-size:13px;font-weight:700;display:grid}.ring-green{color:#207a65;background:#f2faf7;border-color:#bde6da}.ring-amber{color:#ad711c;background:#fffaf1;border-color:#f5d9a9}.ring-rose{color:#b95066;background:#fff6f8;border-color:#f0c4cd}.attendance-kpis p{flex-direction:column;margin:0;display:flex}.attendance-kpis strong{font-size:9px}.attendance-kpis small{color:#919b97;margin-top:4px;font-size:7.5px}.status-note{color:#2c7f6b;background:#f4faf8;border:1px solid #e8f0ed;border-radius:13px;align-items:center;gap:11px;margin-top:28px;padding:13px;display:flex}.status-note div{flex-direction:column;display:flex}.status-note strong{color:#33534a;font-size:9px}.status-note p{color:#80918b;margin:4px 0 0;font-size:7.5px}.attendance-table-head{align-items:center;min-height:73px;padding:0 19px}.time-cell{color:#34443f;font-family:SFMono-Regular,Consolas,monospace;font-weight:600}.leave-hero{background:radial-gradient(circle at 90% 30%,#ecb2411a,#0000 26%),linear-gradient(120deg,#fbfcf9,#f4f7ee)}.balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;display:grid}.balance-card{min-height:166px;padding:17px}.balance-head{justify-content:space-between;align-items:center;display:flex}.balance-head .quick-icon{width:34px;height:34px}.balance-head>span:last-child{color:#939d99;font-size:7.5px}.balance-value{align-items:baseline;margin-top:12px;display:flex}.balance-value strong{letter-spacing:-1px;font-size:26px}.balance-value span{color:#8b9692;margin-left:4px;font-size:9px}.balance-card>p{justify-content:space-between;align-items:center;margin:11px 0 8px;display:flex}.balance-card p strong{font-size:9px}.balance-card p small{color:#99a29f;font-size:7px}.progress-track{background:#edf1ef;border-radius:5px;height:5px;overflow:hidden}.progress-track span{border-radius:5px;height:100%;display:block}.progress-green{background:#45a88e}.progress-blue{background:#5c91d4}.progress-amber{background:#e0a448}.progress-violet{background:#8b74d0}.leave-grid{grid-template-columns:minmax(600px,1.32fr) minmax(330px,.68fr);gap:17px;display:grid}.leave-list{margin-top:13px}.leave-row{border-top:1px solid var(--soft-line);grid-template-columns:34px 1.15fr 1.25fr 50px 62px 26px;align-items:center;gap:10px;min-height:63px;display:grid}.leave-row:first-child{border-top:0}.leave-row>div:not(.leave-person),.leave-person{flex-direction:column;display:flex}.leave-row strong{font-size:8.8px}.leave-row small{color:#96a09c;margin-top:3px;font-size:7px}.leave-days{color:#65726e;font-size:8px}.calendar-card>.panel-head>span{color:#7d8985;font-size:8px}.mini-calendar{grid-template-columns:repeat(7,1fr);gap:5px;margin-top:18px;display:grid}.mini-calendar>span{aspect-ratio:1;color:#5e6c67;border-radius:8px;place-items:center;font-size:8px;display:grid;position:relative}.mini-calendar .calendar-label{aspect-ratio:auto;color:#9aa39f;min-height:17px;font-size:7px}.mini-calendar .calendar-muted{color:#c4cac7}.mini-calendar .calendar-selected{color:#fff;background:var(--green);box-shadow:0 5px 11px #16836f2e}.mini-calendar .calendar-holiday{color:#ad711e;background:#fff0d8}.mini-calendar .calendar-leave{color:#246d5d;background:#e9f6f1}.mini-calendar span i{background:currentColor;border-radius:50%;width:3px;height:3px;position:absolute;bottom:3px}.calendar-legend{color:#89948f;gap:15px;margin-top:12px;font-size:7px;display:flex}.calendar-legend span{align-items:center;gap:5px;display:inline-flex}.calendar-legend i{border-radius:3px;width:7px;height:7px}.legend-leave{background:#83c7b5}.legend-holiday{background:#efc477}.payroll-banner{background:radial-gradient(circle at 90% 0,#edb34821,#0000 30%),linear-gradient(110deg,#fffdf8,#fff9ef);border:1px solid #e8dfcd;border-radius:18px;align-items:center;gap:17px;min-height:130px;padding:24px 26px;display:flex}.payroll-banner.payroll-done{background:radial-gradient(circle at 90% 0,#46ab8e1f,#0000 30%),linear-gradient(110deg,#fbfefc,#f3faf7);border-color:#dbeae5}.payroll-banner-icon{color:#b57925;background:#fff0d5;border-radius:16px;flex:none;place-items:center;width:54px;height:54px;display:grid}.payroll-done .payroll-banner-icon{color:#247c66;background:#dff2eb}.payroll-banner>div:nth-child(2){flex:1}.payroll-banner h2{letter-spacing:-.4px;margin:5px 0 4px;font-size:17px}.payroll-banner p{color:#82908b;margin:0;font-size:9px}.payroll-banner-action{align-items:center;gap:8px;display:flex}.payroll-metrics .metric-card>strong{font-size:clamp(20px,1.8vw,26px)}.muted-number{color:#b7bfbc!important}.payroll-grid{grid-template-columns:minmax(540px,1.22fr) minmax(360px,.78fr);gap:17px;display:grid}.period-chip{color:#5e6f69;background:#f1f4f2;border-radius:9px;padding:5px 8px;font-size:7.5px}.donut-row{align-items:center;gap:32px;min-height:240px;padding:16px 8px 2px;display:flex}.donut{background:conic-gradient(#32987e 0 89.1%, #5d90d1 89.1% 93.7%, #dfa044 93.7% 98.8%, #8970ce 98.8%);border-radius:50%;flex:none;place-items:center;width:168px;height:168px;display:grid}.donut:before{content:"";background:#fff;border-radius:50%;width:118px;height:118px;position:absolute;box-shadow:0 0 0 5px #ffffff8c}.donut>div{z-index:1;flex-direction:column;align-items:center;display:flex;position:relative}.donut strong{font-size:17px}.donut span{color:#8b9692;margin-top:4px;font-size:7.5px}.breakdown-legend{flex:1}.breakdown-legend>div{border-bottom:1px solid var(--soft-line);grid-template-columns:8px 1fr auto;align-items:center;gap:10px;min-height:45px;display:grid}.breakdown-legend>div>i{border-radius:3px;width:7px;height:7px}.legend-green{background:#32987e}.legend-blue{background:#5d90d1}.legend-amber{background:#dfa044}.legend-violet{background:#8970ce}.breakdown-legend span{flex-direction:column;display:flex}.breakdown-legend strong{font-size:8.5px}.breakdown-legend small{color:#9aa39f;margin-top:2px;font-size:6.5px}.breakdown-legend em{color:#4f5f5a;font-size:8px;font-style:normal}.calculation-placeholder{color:#9fa9a5;flex-direction:column;justify-content:center;align-items:center;min-height:240px;display:flex}.calculation-placeholder strong{color:#596762;margin-top:12px;font-size:11px}.calculation-placeholder p{color:#96a19d;margin:5px 0 7px;font-size:8px}.checklist{margin-top:14px}.checklist>div{border-bottom:1px solid var(--soft-line);align-items:center;gap:10px;min-height:52px;display:flex}.checklist>div>span{color:#aa7324;background:#fff1de;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.checklist>div.check-done>span{color:#247860;background:#e6f4ef}.checklist p{flex-direction:column;margin:0;display:flex}.checklist strong{font-size:8.5px}.checklist small{color:#98a19e;margin-top:3px;font-size:7px}.payday-note{color:#307b68;background:#f0f8f5;border-radius:12px;align-items:center;gap:11px;margin-top:15px;padding:12px;display:flex}.payday-note span{flex-direction:column;display:flex}.payday-note strong{font-size:8.5px}.payday-note small{color:#82928c;margin-top:3px;font-size:7px}.result-reveal{animation:.4s both result-in}@keyframes result-in{0%{opacity:0;transform:translateY(12px)}}.money-positive{color:#23765f}.money-negative{color:#b25c61}.net-pay{color:#22332d;font-size:10px}.compliance-hero{color:#fff;background:radial-gradient(circle at 82% 18%,#82d5be2e,#0000 25%),linear-gradient(120deg,#173f38,#145c4e);border:0;min-height:190px;box-shadow:0 16px 38px #14514424}.compliance-hero>div:first-child{max-width:690px}.hero-shield{color:#bfeee1;background:#ffffff12;border:1px solid #ffffff21;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:13px;display:grid}.compliance-hero .eyebrow{color:#9ed8c8}.compliance-hero h2{color:#fff}.compliance-hero p{color:#e6f6f1ad}.demo-rule-badge{color:#caeee4;background:#ffffff12;border:1px solid #ffffff21;border-radius:16px;align-items:center;gap:7px;padding:8px 11px;font-size:8px;font-weight:650;display:inline-flex}.compliance-grid{grid-template-columns:minmax(560px,1.1fr) minmax(400px,.9fr);gap:17px;display:grid}.rule-list{margin-top:12px}.rule-list .rule-row{border:0;border-top:1px solid var(--soft-line);width:100%;min-height:62px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:38px 1fr auto 20px;align-items:center;gap:11px;padding:0;transition:background .15s;display:grid}.rule-list .rule-row:hover{background:#f8fbfa}.rule-list .rule-row:first-child{border-top:0}.rule-list p{flex-direction:column;margin:0;display:flex}.rule-list strong{font-size:9px}.rule-list small{color:#909b97;margin-top:4px;font-size:7.5px}.rule-list em{color:#21755f;background:#e8f5f0;border-radius:9px;padding:4px 7px;font-size:7px;font-style:normal}.rule-list .rule-row>svg{color:#a3aca9}.rule-disclaimer{color:#a07530;background:#fffaf0;border:1px solid #eee8da;border-radius:11px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px;display:flex}.rule-disclaimer svg{flex:none}.rule-disclaimer p{color:#8c7e64;margin:0;font-size:7.5px;line-height:1.55}.holiday-config-list{margin-top:14px}.holiday-config-list article{border-top:1px solid var(--soft-line);grid-template-columns:44px 1fr 50px;align-items:center;gap:11px;min-height:58px;display:grid}.holiday-config-list article:first-child{border-top:0}.holiday-date{color:#a06b1e;background:#fff2de;border-radius:9px;flex-direction:column;justify-content:center;align-items:center;width:40px;height:42px;display:flex}.holiday-date strong{font-size:13px;line-height:1}.holiday-date span{margin-top:4px;font-size:6px;font-weight:720}.holiday-config-list p{flex-direction:column;margin:0;display:flex}.holiday-config-list p strong{font-size:8.5px}.holiday-config-list p small{color:#929d99;margin-top:4px;font-family:Noto Sans Thai,system-ui,sans-serif;font-size:7px}.holiday-config-list article>span{color:#949e9a;text-align:right;font-size:7.5px}.localization-strip{grid-template-columns:repeat(4,1fr);padding:0;display:grid}.localization-strip>div{border-right:1px solid var(--soft-line);color:#2b7e69;align-items:center;gap:11px;min-height:88px;padding:18px;display:flex}.localization-strip>div:last-child{border-right:0}.localization-strip span{flex-direction:column;display:flex}.localization-strip strong{color:#31413c;font-size:8.5px}.localization-strip small{color:#939d99;margin-top:4px;font-size:7px}.workflow-page{flex-direction:column;gap:20px;animation:.28s both page-in;display:flex}.workflow-intro{justify-content:space-between;align-items:flex-end;display:flex}.workflow-progress{color:#226f5d;background:#e8f4f0;border-radius:10px;place-items:center;min-width:56px;height:32px;font-size:9px;font-weight:720;display:grid}.workflow-stepper{border:1px solid var(--line);box-shadow:var(--shadow);background:#fff;border-radius:17px;grid-template-columns:repeat(4,1fr);padding:17px 20px;display:grid}.workflow-stepper>div{align-items:center;gap:9px;display:flex;position:relative}.workflow-stepper>div>i{background:#e2e8e5;width:calc(100% - 120px);height:1px;position:absolute;right:14px}.step-icon{z-index:1;border:1px solid var(--line);color:#9aa4a0;background:#f8faf9;border-radius:12px;flex:none;place-items:center;width:38px;height:38px;display:grid;position:relative}.workflow-stepper p{flex-direction:column;margin:0;display:flex}.workflow-stepper strong{color:#6f7c77;font-size:9px}.workflow-stepper small{color:#a3aba8;margin-top:3px;font-size:7px}.workflow-stepper .current .step-icon{border-color:var(--green);color:#fff;background:var(--green);box-shadow:0 7px 15px #16836f33}.workflow-stepper .current strong{color:#1b5f50}.workflow-stepper .done .step-icon{color:#277b65;background:#e9f5f1;border-color:#cbe6dd}.workflow-stepper .done>i{background:#93cfbe}.workflow-stage{color:#fff;background:radial-gradient(circle at 76% 23%,#66cfb029,#0000 30%),linear-gradient(120deg,#123c35,#0c604f);border-radius:22px;grid-template-columns:minmax(440px,1.05fr) minmax(400px,.95fr);align-items:center;gap:60px;min-height:455px;padding:42px 7%;display:grid;overflow:hidden;box-shadow:0 20px 45px #11493d26}.workflow-copy .eyebrow{color:#8fd1bf}.workflow-copy h2{letter-spacing:-1.15px;max-width:500px;margin:10px 0;font-size:clamp(25px,2.5vw,36px);font-weight:720;line-height:1.22}.workflow-copy>p{color:#e5f7f1ab;max-width:510px;margin:0;font-size:10.5px;line-height:1.75}.workflow-benefits{flex-wrap:wrap;gap:8px 18px;margin-top:20px;display:flex}.workflow-benefits span{color:#e7f8f3d1;align-items:center;gap:6px;font-size:8px;display:inline-flex}.workflow-benefits svg{color:#83d5bd}.workflow-action{min-height:44px;margin-top:24px;color:#0b5c4d!important;background:#fff!important;box-shadow:0 10px 25px #042d2533!important}.workflow-demo-card{color:#20342e;background:#fffffff5;border:1px solid #ffffff2e;border-radius:23px;min-height:350px;padding:22px;animation:.32s both card-swap;position:relative;box-shadow:0 28px 60px #042a2247}@keyframes card-swap{0%{opacity:0;transform:translate(14px)rotate(1deg)}}.workflow-demo-card:before{z-index:-1;content:"";background:#ffffff0d;border:1px solid #ffffff14;border-radius:23px;position:absolute;inset:15px -15px -15px 15px}.demo-card-top{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;padding-bottom:14px;display:flex}.mini-brand{color:#2c443d;align-items:center;gap:7px;font-size:8px;font-weight:720;display:inline-flex}.mini-brand .logo-mark{border-radius:7px 7px 7px 3px;width:22px;height:22px}.mini-brand .logo-mark span:first-child{width:13px;height:2px;top:6px;left:6px}.mini-brand .logo-mark span:nth-child(2){width:11px;height:2px;top:11px;left:5px}.mini-brand .logo-mark span:last-child{width:7px;height:2px;top:16px;left:5px}.demo-card-top>span:last-child{color:#6d5cab;letter-spacing:.7px;background:#f0edfa;border-radius:8px;padding:4px 6px;font-size:6px;font-weight:740}.demo-card-icon{color:#187a65;background:#e4f3ee;border-radius:18px;place-items:center;width:61px;height:61px;margin:25px 0 12px;display:grid}.workflow-card-1 .demo-card-icon{color:#3a73b8;background:#e8f1fb}.workflow-card-2 .demo-card-icon{color:#ad731f;background:#fff0d9}.workflow-card-3 .demo-card-icon{color:#6d56b3;background:#efebfa}.demo-card-state{color:#287863;align-items:center;gap:5px;font-size:7px;font-weight:650;display:inline-flex}.demo-card-state i{background:#39a185;border-radius:50%;width:5px;height:5px}.workflow-demo-card>h3{letter-spacing:-.35px;margin:7px 0 4px;font-size:16px}.workflow-demo-card>p{color:#85918d;margin:0;font-size:8px}.profile-preview,.time-preview,.leave-preview,.salary-preview{border:1px solid var(--soft-line);background:#fafcfb;border-radius:13px;min-height:67px;margin-top:20px}.profile-preview{align-items:center;gap:9px;padding:10px;display:flex}.profile-preview>span:nth-child(2){flex-direction:column;flex:1;display:flex}.profile-preview strong{font-size:8.5px}.profile-preview small{color:#909b97;margin-top:3px;font-size:7px}.time-preview{flex-direction:column;justify-content:center;padding:10px 14px;display:flex}.time-preview strong{color:#2e70ae;font-size:19px}.time-preview span{color:#87928e;align-items:center;gap:6px;margin-top:4px;font-size:7px;display:flex}.leave-preview{grid-template-columns:1fr auto;align-items:center;padding:10px 14px;display:grid}.leave-preview>span{color:#9b6a1d;align-items:center;gap:6px;font-size:8px;display:flex}.leave-preview>strong{font-size:14px}.leave-preview>div{background:#e9eeec;border-radius:4px;grid-column:1/-1;height:5px;overflow:hidden}.leave-preview>div span{background:#dda03f;border-radius:4px;height:100%;display:block}.salary-preview{justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.salary-preview>span{flex-direction:column;display:flex}.salary-preview small{color:#8d9894;font-size:7px}.salary-preview>span strong{color:#5a48a0;margin-top:4px;font-size:17px}.salary-preview>div{flex-direction:column;gap:5px;display:flex}.salary-preview p{color:#8b9692;justify-content:space-between;width:110px;margin:0;font-size:7px;display:flex}.salary-preview p strong{color:#52615c}.demo-card-footer{border-top:1px solid var(--soft-line);color:#9aa39f;align-items:center;gap:6px;padding-top:11px;font-size:7px;display:flex;position:absolute;bottom:15px;left:22px;right:22px}.workflow-complete{color:#fff;text-align:center;background:radial-gradient(circle at 50% 20%,#5cd2b12e,#0000 31%),linear-gradient(145deg,#123f37,#0c5f50);border-radius:23px;flex-direction:column;justify-content:center;align-items:center;min-height:650px;padding:45px;animation:.35s both page-in;display:flex;position:relative;overflow:hidden;box-shadow:0 20px 50px #114c4029}.complete-rings{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;place-items:center;width:100px;height:100px;display:grid;box-shadow:0 0 0 16px #ffffff06}.complete-icon{color:#0a6755;background:#fff;border-radius:50%;place-items:center;width:70px;height:70px;display:grid}.workflow-complete .eyebrow{color:#8fd5c2;margin-top:22px}.workflow-complete h2{letter-spacing:-.9px;margin:9px 0;font-size:27px}.workflow-complete>p{color:#e7f8f3ad;max-width:650px;margin:0;font-size:10px;line-height:1.7}.complete-summary{grid-template-columns:repeat(4,1fr);gap:10px;width:min(760px,100%);margin-top:28px;display:grid}.complete-summary>div{text-align:left;background:#ffffff12;border:1px solid #ffffff1f;border-radius:13px;align-items:center;gap:8px;padding:11px;display:flex}.complete-summary>div>span{color:#bfe9dd;background:#ffffff14;border-radius:9px;flex:none;place-items:center;width:31px;height:31px;display:grid}.complete-summary p{flex-direction:column;flex:1;margin:0;display:flex}.complete-summary strong{font-size:8px}.complete-summary small{color:#9bd6c6;margin-top:3px;font-size:6.5px}.complete-summary>div>svg{color:#79d0b7}.complete-highlight{color:#e9c57d;text-align:left;background:#f5c1561a;border-radius:13px;align-items:center;gap:10px;width:min(600px,100%);margin-top:19px;padding:12px 14px;display:flex}.complete-highlight span{flex-direction:column;display:flex}.complete-highlight strong{font-size:8.5px}.complete-highlight small{color:#f0e2c2a8;margin-top:4px;font-size:7px}.workflow-complete>.button{color:#0c5f50;background:#fff;margin-top:23px;box-shadow:0 10px 25px #042c2438}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0c1f1b78;place-items:center;padding:20px;animation:.18s both fade-in;display:grid;position:fixed;inset:0}@keyframes fade-in{0%{opacity:0}}.modal-card{width:min(880px,100%);max-height:calc(100vh - 40px);box-shadow:var(--shadow-lg);background:#fff;border-radius:20px;padding:25px;animation:.22s both modal-in;overflow:auto}.modal-card-workflow{flex-direction:column;width:min(980px,100%);min-height:min(620px,100vh - 40px);display:flex}.modal-card-workflow>.modal-form{flex:1}.modal-card-workflow .modal-actions{z-index:4;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff5;border-top:1px solid #dce5e1;margin:auto -25px -25px;padding:16px 25px;position:sticky;bottom:-25px;box-shadow:0 -10px 24px #23423712}.business-process-backdrop{z-index:120;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0c1f1b85;place-items:center;padding:20px;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.business-process-dialog{background:#f8faf9;border:1px solid #ffffff80;border-radius:21px;grid-template-rows:auto minmax(0,1fr) auto;width:min(1240px,100%);height:min(900px,100dvh - 40px);animation:.22s both modal-in;display:grid;overflow:hidden;box-shadow:0 26px 80px #081f1852}.business-process-dialog-head{background:#fff;border-bottom:1px solid #dce5e1;justify-content:space-between;align-items:flex-start;gap:22px;padding:21px 24px 18px;display:flex}.business-process-dialog-head>div{min-width:0}.business-process-dialog-head h2{color:#183b32;margin:5px 0 3px;font-size:23px}.business-process-dialog-head p{color:#62716b;max-width:850px;margin:0;font-size:14px}.business-process-dialog-head>button{color:#66736e;cursor:pointer;background:#eef2f0;border:0;border-radius:11px;flex:none;place-items:center;width:38px;height:38px;display:grid}.business-process-dialog-body{overscroll-behavior:contain;scrollbar-gutter:stable;min-height:0;padding:22px 24px 28px;overflow-y:auto}.business-process-dialog-body .personnel-action-form{background:0 0;border:0;margin:0;padding:0}.business-process-dialog-footer{background:#fff;border-top:1px solid #d7e1dd;justify-content:flex-end;align-items:center;gap:10px;min-height:72px;padding:13px 24px;display:flex;box-shadow:0 -10px 25px #2342370f}.business-process-dialog-footer .button{min-height:44px;padding-inline:20px}@keyframes modal-in{0%{opacity:0;transform:translateY(10px)scale(.985)}}.modal-head{justify-content:space-between;align-items:flex-start;margin-bottom:21px;display:flex}.modal-card:not(.modal-card-workflow)>.modal-head{z-index:5;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffffff7;border-bottom:1px solid #e2eae7;margin:-25px -25px 21px;padding:22px 25px 17px;position:sticky;top:-25px}.modal-head h2{letter-spacing:-.4px;margin:5px 0 0;font-size:18px}.modal-head>button,.toast>button{color:#7f8b87;cursor:pointer;background:#f2f5f3;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.modal-form{flex-direction:column;gap:14px;display:flex}.modal-card:not(.modal-card-workflow) .modal-actions{z-index:3;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#fffffff7;border-top:1px solid #dce5e1;margin:4px -25px -25px;padding:15px 25px;position:sticky;bottom:-25px;box-shadow:0 -9px 22px #23423712}.form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-form label{flex-direction:column;gap:7px;display:flex}.modal-form label>span{color:#55635e;font-size:13px;font-weight:650}.modal-form input,.modal-form select,.modal-form textarea{border:1px solid var(--line);color:#293833;background:#fbfcfc;border-radius:10px;outline:0;width:100%;padding:0 11px;font-size:14px;transition:border-color .14s}.modal-form input,.modal-form select{height:39px}.modal-form textarea{resize:vertical;padding-top:10px}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#75b9a7;box-shadow:0 0 0 3px #16836f14}.modal-form input:disabled,.modal-form select:disabled,.modal-form textarea:read-only{color:#6f7d78;cursor:default;background:#f3f6f5}.onboarding-checklist{background:#f5faf8;border:1px solid #e2eee9;border-radius:11px;flex-wrap:wrap;gap:8px;padding:12px;display:flex}.onboarding-checklist p{color:#58736a;width:100%;margin:0 0 2px;font-size:8px;font-weight:650}.onboarding-checklist span{color:#407065;background:#e6f3ee;border-radius:8px;align-items:center;gap:4px;padding:5px 7px;font-size:7px;display:inline-flex}.balance-notice{color:#367464;background:#edf8f4;border-radius:10px;align-items:center;gap:9px;padding:11px;font-size:8px;display:flex}.modal-actions{border-top:1px solid var(--soft-line);flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:5px;padding-top:17px;display:flex}.onboarding-panel{padding:18px}.onboarding-panel .panel-head{align-items:center}.onboarding-panel .panel-head p{color:#71817c;max-width:660px;margin:5px 0 0;font-size:8px;line-height:1.55}.people-management-hub{padding:0;overflow:hidden}.people-hub-head{border-bottom:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:20px;min-height:92px;padding:19px 21px;display:flex}.people-hub-head h3,.people-section-head h4{color:#243832;letter-spacing:-.25px;margin:5px 0 0;font-size:15px}.people-hub-head p,.people-section-head p{color:#7d8985;margin:5px 0 0;font-size:8px;line-height:1.55}.people-hub-scope{color:#397463;background:#f1f8f5;border:1px solid #dcebe6;border-radius:999px;flex:none;align-items:center;gap:6px;padding:7px 10px;font-size:7px;font-weight:680;display:inline-flex}.people-hub-tabs{border-bottom:1px solid var(--soft-line);background:#fafcfb;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.people-hub-tabs>button{border:0;border-right:1px solid var(--soft-line);color:#78847f;min-height:51px;font:inherit;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:7px;font-size:8.5px;font-weight:700;display:flex;position:relative}.people-hub-tabs>button:last-child{border-right:0}.people-hub-tabs>button:after{content:"";background:0 0;border-radius:2px;height:2px;position:absolute;bottom:-1px;left:18%;right:18%}.people-hub-tabs>button.active{color:#176e5a;background:#fff}.people-hub-tabs>button.active:after{background:#269078}.people-hub-tabs em{color:#62736d;text-align:center;background:#e8efec;border-radius:999px;min-width:19px;padding:3px 5px;font-size:7px;font-style:normal}.people-hub-tabs>button.active em{color:#176e5a;background:#daf0e9}.onboarding-panel-embedded{box-shadow:none;border:0;border-radius:0;padding:20px 21px 22px}.onboarding-head-actions{flex:none;align-items:center;gap:8px;display:flex}.people-hub-readonly,.people-hub-empty{color:#81908b;text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:150px;padding:25px;display:flex}.people-hub-readonly svg,.people-hub-empty svg{color:#4b927f;margin-bottom:9px}.people-hub-readonly strong,.people-hub-empty strong{color:#40514b;font-size:9px}.people-hub-readonly span,.people-hub-empty span{max-width:400px;margin-top:5px;font-size:7.5px;line-height:1.6}.offboarding-workspace,.organization-access-workspace{padding:20px 21px 22px}.people-section-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.people-section-head>div{min-width:0}.offboarding-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.offboarding-stats>button{color:#76847f;min-height:58px;font:inherit;text-align:left;cursor:pointer;background:#f9fbfa;border:1px solid #e2ebe8;border-radius:11px;grid-template-columns:1fr auto 16px;align-items:center;gap:8px;padding:10px 12px;font-size:8px;display:grid}.offboarding-stats>button strong{color:#273c35;font-size:17px}.offboarding-stats>button svg{color:#8ba29b}.offboarding-stats>button.active{color:#176e5a;background:#edf8f4;border-color:#78b7a6;box-shadow:0 0 0 3px #1e7e6512}.offboarding-list{border-top:1px solid var(--soft-line);margin-top:14px}.offboarding-list>button{border:0;border-bottom:1px solid var(--soft-line);width:100%;min-height:61px;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:37px minmax(0,1fr) auto 16px;align-items:center;gap:10px;padding:8px 3px;display:grid}.offboarding-list>button:hover{background:#f8fbfa}.offboarding-list p,.organization-tree p,.access-role-list p,.assignment-list p{flex-direction:column;gap:3px;min-width:0;margin:0;display:flex}.offboarding-list p strong,.organization-tree p strong,.access-role-list p strong,.assignment-list p strong{color:#2b4039;text-overflow:ellipsis;white-space:nowrap;font-size:8.5px;overflow:hidden}.offboarding-list p small,.organization-tree p small,.access-role-list p small,.assignment-list p small{color:#8a9692;text-overflow:ellipsis;white-space:nowrap;font-size:7px;overflow:hidden}.offboarding-list>button>svg,.organization-tree>button>svg,.access-role-list>button>svg,.assignment-list>button>svg{color:#91a29c}.organization-access-workspace{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:25px;display:grid}.organization-tree-panel,.access-model-panel{min-width:0}.organization-tree,.access-role-list,.assignment-list{border-top:1px solid var(--soft-line);margin-top:14px}.organization-tree>button,.access-role-list>button,.assignment-list>button{border:0;border-bottom:1px solid var(--soft-line);width:100%;min-height:53px;color:inherit;font:inherit;text-align:left;background:0 0;align-items:center;gap:9px;padding:7px 3px;display:grid}.organization-tree>button{padding-left:calc(3px + var(--org-indent));grid-template-columns:29px minmax(0,1fr) auto 15px}.organization-tree>button:not(:disabled),.access-role-list>button:not(:disabled),.assignment-list>button:not(:disabled){cursor:pointer}.organization-tree>button:not(:disabled):hover,.access-role-list>button:not(:disabled):hover,.assignment-list>button:not(:disabled):hover{background:#f8fbfa}.organization-branch{color:#277966;background:#e8f4f0;border-radius:9px;place-items:center;width:29px;height:29px;display:grid}.organization-tree>button>em,.access-role-list>button>em,.assignment-list>button>em{color:#73837d;white-space:nowrap;font-size:7px;font-style:normal}.access-role-list>button{grid-template-columns:40px minmax(0,1fr) auto 15px}.access-role-kind{color:#246d5a;background:#e7f4ef;border-radius:7px;justify-content:center;align-items:center;min-height:23px;font-size:7px;font-weight:750;display:inline-flex}.access-role-kind.personal{color:#7355a4;background:#f0eaf9}.assignment-list-head{color:#42534d;justify-content:space-between;align-items:center;gap:10px;margin-top:18px;font-size:8px;display:flex}.assignment-list-head span{color:#8b9692;font-size:7px}.assignment-list{max-height:280px;overflow-y:auto}.assignment-list>button{grid-template-columns:31px minmax(0,1fr) auto 15px}.organization-workspace-shell{min-width:0}.organization-section-tabs{border-bottom:1px solid var(--soft-line);background:#f7faf9;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;padding:10px 21px;display:grid}.organization-section-tabs>button{color:#74827d;min-width:0;min-height:38px;font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;justify-content:center;align-items:center;gap:6px;font-size:7.5px;font-weight:700;display:flex}.organization-section-tabs>button.active{color:#176d59;background:#fff;border-color:#d6e8e2;box-shadow:0 5px 14px #18554512}.organization-section-tabs em{color:#677871;background:#e5ece9;border-radius:999px;min-width:18px;padding:2px 5px;font-size:6.5px;font-style:normal}.organization-tree>button.inactive,.position-list>button.inactive,.grade-series-list>button.inactive,.compensation-plan-list>button.inactive{opacity:.58;background:#f5f6f6}.master-data-rules{background:linear-gradient(145deg,#f7fbf9,#fff);border:1px solid #dfebe7;border-radius:14px;min-width:0;padding:17px}.master-data-rules>h4{color:#2f453e;margin:6px 0 13px;font-size:14px}.master-data-rules>div{border-top:1px solid #e6eeeb;gap:9px;padding:12px 0;display:flex}.master-data-rules>div>svg{color:#2b826b;flex:none}.master-data-rules p,.change-impact-note p{flex-direction:column;gap:4px;min-width:0;margin:0;display:flex}.master-data-rules strong,.change-impact-note strong{color:#3a5048;font-size:8px}.master-data-rules span,.change-impact-note span{color:#7b8a85;font-size:7px;line-height:1.55}.position-hc-workspace,.approval-workspace,.grade-compensation-workspace{padding:20px 21px 22px}.hc-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px;display:grid}.hc-summary-grid>button{color:#71817b;min-height:61px;font:inherit;cursor:pointer;background:#fafcfb;border:1px solid #e1ebe8;border-radius:11px;justify-content:space-between;align-items:center;padding:11px 13px;font-size:8px;transition:border-color .16s,background .16s,box-shadow .16s;display:flex}.hc-summary-grid>button:hover,.hc-summary-grid>button.active{background:#f0f8f5;border-color:#9fcbbd;box-shadow:inset 0 0 0 1px #337e640d}.hc-summary-grid strong{color:#263d35;font-size:19px}.position-list{border-top:1px solid var(--soft-line);margin-top:15px;display:grid}.position-list>button{border:0;border-bottom:1px solid var(--soft-line);min-height:66px;color:inherit;font:inherit;text-align:left;background:0 0;grid-template-columns:46px minmax(0,1fr) minmax(130px,.4fr) 15px;align-items:center;gap:11px;padding:8px 4px;display:grid}.position-list>button:not(:disabled){cursor:pointer}.position-list>button:not(:disabled):hover{background:#f8fbfa}.position-kind{color:#347762;background:#e5f3ee;border-radius:8px;place-items:center;min-height:27px;font-size:7px;font-weight:750;display:grid}.position-kind.manager{color:#73539f;background:#f0eafb}.position-list p,.grade-series-list p,.compensation-plan-list p,.approval-policy-list p,.approval-request-list p,.approval-chain-timeline p{flex-direction:column;gap:3px;min-width:0;margin:0;display:flex}.position-list p strong,.grade-series-list p strong,.compensation-plan-list p strong,.approval-policy-list p strong,.approval-request-list p strong,.approval-chain-timeline p strong{color:#32473f;font-size:8.5px}.position-list p small,.grade-series-list p small,.compensation-plan-list p small,.approval-policy-list p small,.approval-request-list p small,.approval-chain-timeline p small{color:#87948f;font-size:7px;line-height:1.45}.position-list p small+small{color:#667c74}.hc-occupancy{grid-template-columns:minmax(65px,1fr) auto;align-items:center;gap:4px 8px;display:grid}.hc-occupancy>span{background:#e6ecea;border-radius:999px;height:5px;overflow:hidden}.hc-occupancy i{border-radius:inherit;background:#35a184;height:100%;display:block}.hc-occupancy strong{color:#365249;font-size:8px}.hc-occupancy small{color:#939d99;grid-column:1/-1;font-size:6.5px}.approval-workspace,.grade-compensation-workspace{grid-template-columns:1fr 1fr;gap:24px;display:grid}.approval-policy-panel,.approval-request-panel,.grade-series-panel,.compensation-plan-panel{min-width:0}.approval-policy-list,.approval-request-list,.grade-series-list,.compensation-plan-list{border-top:1px solid var(--soft-line);margin-top:14px}.approval-policy-list>button,.approval-request-list>button,.grade-series-list>button,.compensation-plan-list>button{border:0;border-bottom:1px solid var(--soft-line);width:100%;min-height:60px;color:inherit;font:inherit;text-align:left;background:0 0;align-items:center;gap:9px;padding:8px 3px;display:grid}.approval-policy-list>button{grid-template-columns:minmax(0,1fr) 15px}.approval-request-list>button{grid-template-columns:50px minmax(0,1fr) auto 15px}.grade-series-list>button,.compensation-plan-list>button{grid-template-columns:38px minmax(0,1fr) auto 15px}.approval-policy-list>button:not(:disabled),.grade-series-list>button:not(:disabled),.compensation-plan-list>button:not(:disabled),.approval-request-list>button{cursor:pointer}.approval-policy-list>button:not(:disabled):hover,.grade-series-list>button:not(:disabled):hover,.compensation-plan-list>button:not(:disabled):hover,.approval-request-list>button:hover{background:#f8fbfa}.approval-request-list>button>em,.grade-series-list>button>strong,.compensation-plan-list>button>strong{color:#71817c;white-space:nowrap;font-size:7px;font-style:normal}.request-status{color:#9a6928;background:#fff0d9;border-radius:8px;place-items:center;min-height:25px;font-size:7px;font-weight:750;display:grid}.request-status.approved{color:#26755f;background:#e2f3ed}.request-status.rejected{color:#a14c59;background:#fce9ec}.grade-code,.comp-plan-icon{color:#286f5c;background:#e5f3ee;border-radius:10px;place-items:center;width:35px;height:35px;font-size:9px;font-weight:800;display:grid}.grade-series-list p em,.compensation-plan-list p em{color:#527269;font-size:6.5px;font-style:normal}.change-impact-note{color:#2e8069;background:#f1f8f5;border:1px solid #dceae5;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;display:flex}.change-impact-note.warning{color:#9a6c2d;background:#fff8ed;border-color:#eedfc6}.change-impact-note>svg{flex:none}.linked-data-summary,.change-request-summary{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:13px;display:grid}.linked-data-summary>div,.change-request-summary>div{background:#fafcfb;border:1px solid #e4ebe8;border-radius:10px;flex-direction:column;justify-content:center;gap:5px;min-height:53px;padding:9px 11px;display:flex}.linked-data-summary span,.change-request-summary span{color:#899590;font-size:7px}.linked-data-summary strong,.change-request-summary strong{color:#34483f;font-size:9px}.inline-check{background:#fafcfb;border:1px solid #e2eae7;border-radius:10px;grid-template-columns:17px 1fr;align-items:center;padding:10px;gap:8px!important;display:grid!important}.inline-check input{accent-color:#1f8069;width:15px;height:15px;padding:0}.hc-adjust-actions{background:#fafcfb;border:1px solid #e3ebe8;border-radius:11px;align-items:center;gap:8px;padding:9px 11px;display:flex}.hc-adjust-actions>div{flex-direction:column;flex:1;gap:3px;display:flex}.compensation-range-editor{background:#fbfdfc;border:1px solid #dfe9e6;border-radius:12px;overflow:hidden}.compensation-range-head{border-bottom:1px solid #e5ecea;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.compensation-range-head strong{color:#203b32;font-size:10px}.compensation-range-head span,.compensation-range-columns{color:#7b8b85;font-size:8px}.compensation-range-columns,.compensation-range-row{grid-template-columns:minmax(80px,.75fr) repeat(3,minmax(90px,1fr));align-items:center;gap:8px;padding:8px 12px;display:grid}.compensation-range-columns{background:#f3f8f6;font-weight:700}.compensation-range-row+.compensation-range-row{border-top:1px solid #edf2f0}.compensation-range-row>strong{color:#276752;gap:2px;font-size:9px;display:grid}.compensation-range-row>strong small{color:#85938e;font-size:7px;font-weight:500}.compensation-range-row input{color:#253b34;width:100%;min-width:0;font:inherit;background:#fff;border:1px solid #dce6e3;border-radius:8px;padding:8px 9px;font-size:9px}.hc-adjust-actions span{color:#89958f;font-size:7px}.hc-adjust-actions strong{color:#334940;font-size:10px}.button.danger:hover{background:#fff0f2;border-color:#e7bbc4}.approval-chain-editor,.approval-chain-timeline{gap:7px;display:grid}.approval-chain-editor label,.approval-chain-timeline>div{background:#fafcfb;border:1px solid #e2eae7;border-radius:10px;grid-template-columns:25px 16px minmax(0,1fr);align-items:center;gap:8px;min-height:51px;padding:8px 10px;display:grid}.approval-chain-editor label.locked{background:#f1f8f5;border-color:#d7e9e3}.approval-chain-editor em,.approval-chain-timeline>div>em{color:#27755f;background:#e2f2ec;border-radius:8px;place-items:center;width:24px;height:24px;font-size:7px;font-style:normal;font-weight:750;display:grid}.approval-chain-editor input{accent-color:#218068;width:14px;height:14px}.approval-chain-editor span{flex-direction:column;gap:3px;display:flex}.approval-chain-editor strong{color:#3d514a;font-size:8px}.approval-chain-editor small{color:#89948f;font-size:7px}.approval-chain-timeline>div{grid-template-columns:25px minmax(0,1fr) auto}.approval-chain-timeline>div.skipped{opacity:.68}.approval-chain-timeline>div.rejected{background:#fff6f7;border-color:#ecd5da}.permission-fieldset{scrollbar-gutter:stable;border:1px solid #e1eae7;border-radius:11px;grid-template-columns:1fr 1fr;gap:7px;max-height:min(310px,42vh);margin:0;padding:12px;display:grid;overflow:auto}.permission-fieldset legend{color:#51625c;padding:0 6px;font-size:13px;font-weight:700}.permission-fieldset label{cursor:pointer;background:#f8faf9;border-radius:8px;grid-template-columns:16px minmax(0,1fr);align-items:start;gap:7px;min-width:0;padding:8px;display:grid}.permission-fieldset input{accent-color:#1e8169;width:14px;height:14px;margin:1px 0 0;padding:0}.permission-fieldset label>span{color:#41524c;flex-direction:column;gap:2px;min-width:0;font-size:13px;display:flex}.permission-fieldset label small{color:#8b9692;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:500;overflow:hidden}.role-source-note{color:#26745f;background:#f1f8f5;border:1px solid #dcebe6;border-radius:11px;align-items:center;gap:10px;padding:11px 12px;display:flex}.role-source-note p{flex-direction:column;gap:3px;margin:0;display:flex}.role-source-note strong{color:#2d4a41;font-size:8.5px}.role-source-note span{color:#6f827b;font-size:7px}.offboarding-flow-preview{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;display:grid}.offboarding-flow-preview span{color:#65756f;background:#f4f7f6;border-radius:9px;align-items:center;gap:6px;min-width:0;padding:8px;font-size:7px;display:flex}.offboarding-flow-preview em{color:#176e5a;background:#dff1eb;border-radius:7px;flex:none;place-items:center;width:20px;height:20px;font-size:7px;font-style:normal;font-weight:750;display:grid}.offboarding-case-summary{grid-template-columns:1fr 1fr;gap:8px;display:grid}.offboarding-case-summary>div{background:#fafcfb;border:1px solid #e4ebe9;border-radius:10px;flex-direction:column;justify-content:center;gap:6px;min-height:54px;padding:9px 11px;display:flex}.offboarding-case-summary span{color:#899590;font-size:7px}.offboarding-case-summary strong{color:#34463f;font-size:8.5px}.offboarding-checklist{gap:7px;margin-top:14px;display:grid}.offboarding-checklist>div{color:#77847f;background:#fafbfb;border:1px solid #e7ecea;border-radius:9px;align-items:center;gap:9px;min-height:40px;padding:8px 10px;display:flex}.offboarding-checklist>div>span{color:#a27232;background:#fff0db;border-radius:7px;place-items:center;width:23px;height:23px;display:grid}.offboarding-checklist>div.done>span{color:#247860;background:#dff2eb}.offboarding-checklist strong{font-size:8px}.onboarding-mini-stats{grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0 10px;display:grid}.onboarding-mini-stats>span{color:#60736e;background:#f8fbfa;border:1px solid #e2ece9;border-radius:10px;grid-template-columns:22px 1fr auto;align-items:center;gap:7px;padding:9px 10px;font-size:7px;display:grid}.onboarding-mini-stats svg{color:#1a8067;width:16px}.onboarding-mini-stats strong{color:#23483f;font-size:13px}.onboarding-queue{display:grid}.onboarding-queue>button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #edf2f0;grid-template-columns:32px minmax(0,1fr) auto 18px;align-items:center;gap:10px;padding:10px 4px;display:grid}.onboarding-queue>button:hover{background:#f8fbfa}.onboarding-file-icon{color:#16755f;background:#eaf6f2;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.onboarding-file-icon svg{width:16px}.onboarding-queue p{flex-direction:column;gap:2px;min-width:0;margin:0;display:flex}.onboarding-queue p strong{color:#2b453e;font-size:8px}.onboarding-queue p small,.onboarding-queue p em{color:#7a8b86;text-overflow:ellipsis;white-space:nowrap;font-size:6.5px;font-style:normal;overflow:hidden}.onboarding-queue p em{color:#ad5a42}.onboarding-queue p .onboarding-face-queue{color:#a16f22;font-weight:700}.onboarding-queue p .onboarding-face-queue.active{color:#18715a}.onboarding-queue p .onboarding-face-queue.failed,.onboarding-queue p .onboarding-face-queue.deleted,.onboarding-queue p .onboarding-face-queue.not_collected{color:#a45043}.onboarding-status{color:#8a672c;white-space:nowrap;background:#fff4d8;border-radius:999px;justify-content:center;align-items:center;padding:5px 8px;font-size:6.5px;font-weight:700;display:inline-flex}.onboarding-status.awaiting_supervisor{color:#9d493c;background:#fff0ed}.onboarding-status.ready_to_onboard,.onboarding-status.onboarded{color:#197158;background:#e8f7f1}.onboarding-status.rejected{color:#687873;background:#edf2f0}.onboarding-backdrop{z-index:1300}.onboarding-modal.wide{width:min(900px,100%)}.onboarding-dialog-intro{color:#647772;margin:-4px 0 16px;font-size:10px;line-height:1.65}.onboarding-upload-options{grid-template-columns:1fr 1fr;gap:10px;display:grid}.onboarding-upload-options label{color:#246e5b;cursor:pointer;background:#f6fbf9;border:1.5px dashed #a5ccc0;border-radius:13px;flex-direction:column;justify-content:center;align-items:center;gap:7px;min-height:145px;display:flex;position:relative}.onboarding-upload-options label:hover{background:#f0f9f6;border-color:#4f9b87}.onboarding-upload-options svg{width:29px;height:29px}.onboarding-upload-options strong{font-size:11px}.onboarding-upload-options small{color:#81918c;font-size:7px}.onboarding-upload-options input{opacity:0;width:1px;height:1px;position:absolute}.onboarding-upload-policy,.onboarding-processing,.onboarding-review-note,.onboarding-mismatch{color:#4d6a62;background:#eef8f5;border-radius:10px;align-items:flex-start;gap:9px;margin-top:12px;padding:11px;font-size:8px;line-height:1.5;display:flex}.onboarding-upload-policy svg,.onboarding-processing svg,.onboarding-review-note svg,.onboarding-mismatch svg{color:#188168;flex:none;width:17px}.onboarding-upload-policy span,.onboarding-processing span,.onboarding-mismatch span{flex-direction:column;gap:2px;display:flex}.onboarding-processing svg{animation:1s linear infinite face-admin-spin}.onboarding-upload-results{max-height:180px;margin-top:12px;display:grid;overflow:auto}.onboarding-upload-results>div{border-top:1px solid #e8efed;align-items:center;gap:9px;padding:8px 2px;display:flex}.onboarding-upload-results svg{color:#318370;width:17px}.onboarding-upload-results span{flex-direction:column;min-width:0;display:flex}.onboarding-upload-results strong,.onboarding-upload-results small{text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.onboarding-upload-results small{color:#71837e;font-size:7px}.onboarding-error{color:#a3493e;background:#fff0ee;border-radius:9px;margin:10px 0 0;padding:9px 11px;font-size:8px}.onboarding-review{flex-direction:column;gap:13px;display:flex}.onboarding-review-summary{color:#536b64;border-bottom:1px solid #e6edeb;grid-template-columns:auto 1fr;align-items:center;gap:5px 10px;padding-bottom:12px;font-size:8px;display:grid}.onboarding-review-summary small{color:#81908c;grid-column:2;font-size:7px}.onboarding-face-state{color:#795c24;background:#fff8e9;border:1px solid #f0d7a5;border-radius:11px;align-items:flex-start;gap:10px;padding:11px 12px;display:flex}.onboarding-face-state>svg{flex:none;width:18px;height:18px}.onboarding-face-state>span{flex-direction:column;gap:2px;display:flex}.onboarding-face-state strong{font-size:8.5px}.onboarding-face-state small{color:inherit;opacity:.82;font-size:7px;line-height:1.55}.onboarding-face-state.active{color:#176c55;background:#ecf8f4;border-color:#b9dfd3}.onboarding-face-state.failed,.onboarding-face-state.deleted,.onboarding-face-state.not_collected{color:#914a3d;background:#fff2ef;border-color:#efc8c1}.onboarding-mismatch{color:#8a4c40;background:#fff0ed;margin:0}.onboarding-mismatch svg{color:#bd614e}.onboarding-compare-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.onboarding-compare-grid>section,.onboarding-employment{background:#fafcfb;border:1px solid #e1eae7;border-radius:12px;padding:13px}.onboarding-compare-grid h3,.onboarding-employment h3{color:#315149;margin:0;font-size:10px}.onboarding-compare-grid p{color:#84918e;margin:3px 0 10px;font-size:7px}.onboarding-identity-fields,.onboarding-employment>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.onboarding-identity-fields label,.onboarding-employment label{flex-direction:column;gap:5px;display:flex}.onboarding-identity-fields label span,.onboarding-employment label span{color:#65766f;font-size:7px;font-weight:650}.onboarding-identity-fields input,.onboarding-employment input,.onboarding-employment select{color:#2d443e;width:100%;min-width:0;height:36px;font:inherit;background:#fff;border:1px solid #dce6e3;border-radius:8px;outline:0;padding:0 9px;font-size:8px}.onboarding-identity-fields input:read-only{color:#667872;background:#f0f4f3}.onboarding-employment>div{grid-template-columns:repeat(4,1fr);margin-top:10px}.onboarding-review-note{margin:0}.onboarding-review .button:disabled{opacity:.45;cursor:not-allowed}.onboarding-review .onboarding-reject{color:#a44b3f;background:#fff7f5;border-color:#ecc8c2}.sandbox-activity-list{gap:8px;display:grid}.sandbox-activity-list article{border:1px solid var(--soft-line);background:#fbfcfc;border-radius:12px;align-items:flex-start;gap:10px;padding:11px;display:flex}.sandbox-activity-list article>div{flex:1;min-width:0}.sandbox-activity-list strong,.sandbox-activity-list p,.sandbox-activity-list small{display:block}.sandbox-activity-list strong{font-size:9px}.sandbox-activity-list p{color:#6f7c77;margin:4px 0;font-size:8px;line-height:1.5}.sandbox-activity-list small{color:#9aa39f;font-size:7px}.sandbox-toggle-list{gap:8px;display:grid}.sandbox-toggle-list label{border:1px solid var(--soft-line);background:#fbfcfc;border-radius:10px;flex-direction:row;justify-content:space-between;align-items:center;min-height:42px;padding:0 12px;display:flex}.sandbox-toggle-list label>span{font-size:9px}.sandbox-toggle-list input{width:17px;height:17px;accent-color:var(--green)}.toast{z-index:120;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #dfeae6;border-radius:15px;align-items:center;gap:11px;width:min(380px,100vw - 32px);min-height:72px;padding:13px;animation:.26s both toast-in;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 20px 55px #123b322e}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}}.toast-icon{color:#fff;background:var(--green);border-radius:10px;flex:none;place-items:center;width:34px;height:34px;display:grid}.toast>div{flex-direction:column;flex:1;min-width:0;display:flex}.toast strong{font-size:10px}.toast p{color:#81908b;text-overflow:ellipsis;white-space:nowrap;margin:4px 0 0;font-size:8px;overflow:hidden}.toast>button{background:0 0;width:28px;height:28px}.nav-scrim{display:none}.login-page{background:#f5f8f6;grid-template-columns:minmax(430px,.92fr) minmax(590px,1.08fr);width:100%;max-width:100%;min-height:100vh;display:grid;position:relative}.session-restore-page{background:radial-gradient(circle at 50% 30%,#1f8b701f,#0000 34%),#f5f8f6;place-items:center;min-height:100vh;padding:24px;display:grid}.session-restore-page>.website-link{position:fixed;top:22px;right:24px}.session-restore-card{background:#fffffff5;border:1px solid #e2e9e6;border-radius:20px;place-items:center;gap:12px;min-width:min(320px,100%);padding:34px 28px;display:grid;box-shadow:0 24px 64px #15382f1a}.session-restore-card strong{color:#153f36;font-size:18px}.session-restore-card>span{color:#5f6c68;font-size:14px}.session-restore-spinner{color:var(--primary);animation:.9s linear infinite session-restore-spin}@keyframes session-restore-spin{to{transform:rotate(360deg)}}.login-top-actions{z-index:12;align-items:center;gap:8px;display:flex;position:fixed;top:22px;right:24px}.login-top-actions .language-picker,.login-top-actions .website-link{box-shadow:0 8px 24px #14362e1a}.login-story{color:#fff;background:radial-gradient(circle at 87% 15%,#6cddbd33,#0000 25%),radial-gradient(circle at 0 100%,#2f9e834d,#0000 36%),linear-gradient(145deg,#103f37 0%,#0b5d4d 62%,#12705d 100%);flex-direction:column;min-height:100vh;padding:40px 7%;display:flex;position:relative;overflow:hidden}.login-story:before,.login-story:after{content:"";border:1px solid #ffffff14;border-radius:50%;position:absolute}.login-story:before{width:430px;height:430px;top:-120px;right:-130px}.login-story:after{width:300px;height:300px;top:-45px;right:-65px}.login-brand{z-index:1;align-items:center;gap:11px;display:flex;position:relative}.login-brand .logo-mark{width:38px;height:38px;box-shadow:0 8px 22px #02261f3d}.login-brand>span{flex-direction:column;display:flex}.login-brand strong{letter-spacing:-.45px;font-size:16px}.login-brand small{color:#d4f2e994;letter-spacing:1.45px;margin-top:4px;font-size:7px;font-weight:700}.login-story-copy{z-index:1;width:min(600px,100%);margin:auto 0;padding:55px 0;position:relative}.login-kicker{color:#bceadc;background:#ffffff12;border:1px solid #ffffff21;border-radius:20px;align-items:center;gap:7px;padding:7px 10px;font-size:8px;font-weight:680;display:inline-flex}.login-story-copy h1{letter-spacing:-2.3px;margin:20px 0 14px;font-size:clamp(34px,4vw,53px);font-weight:710;line-height:1.18}.login-story-copy>p{color:#e1f5efab;max-width:520px;margin:0;font-size:11px;line-height:1.85}.login-role-flow{grid-template-columns:1fr 1fr;gap:10px;margin-top:35px;display:grid}.login-role-flow>div{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:13px;align-items:center;gap:10px;padding:11px;display:flex}.login-role-flow>div>span{color:#a9e0d1;background:#ffffff12;border-radius:10px;flex:none;place-items:center;width:33px;height:33px;display:grid}.login-role-flow p{flex-direction:column;margin:0;display:flex}.login-role-flow strong{font-size:8.5px}.login-role-flow small{color:#d8f0e985;margin-top:4px;font-size:7px}.login-story-foot{z-index:1;color:#daf3eb94;align-items:center;gap:8px;font-size:7.5px;display:flex;position:relative}.login-panel-wrap{place-items:center;min-height:100vh;padding:34px clamp(28px,6vw,90px);display:grid}.login-panel{background:#fffffff5;border:1px solid #e2e9e6;border-radius:22px;width:min(590px,100%);padding:30px;box-shadow:0 25px 70px #15382f1a}.login-panel-head h2{letter-spacing:-.65px;margin:6px 0;font-size:22px}.login-panel-head p{color:#5f6c68;margin:0;font-size:9px}.login-form{grid-template-columns:1fr 1fr auto;align-items:end;gap:10px;margin-top:23px;display:grid}.login-form label{flex-direction:column;gap:7px;display:flex}.login-form label>span{color:#5f6c68;font-size:8px;font-weight:650}.login-form label>div{border:1px solid var(--line);color:#84918c;background:#fbfcfc;border-radius:10px;align-items:center;gap:7px;height:40px;padding:0 10px;display:flex}.login-form input{color:#283731;background:0 0;border:0;outline:0;width:100%;min-width:0;font-size:9px}.login-submit{white-space:nowrap;height:40px}.login-error{color:#a54a59;background:#fff0f3;border-radius:9px;grid-column:1/-1;margin:0;padding:8px 10px;font-size:7.5px}.demo-credentials-note{background:#f6faf8;border:1px dashed #d8e6e1;border-radius:9px;align-items:center;gap:8px;margin-top:13px;padding:9px 11px;display:flex}.demo-credentials-note span{color:#5f6c68;font-size:7.5px}.demo-credentials-note strong{color:#176e5c;background:#e4f2ed;border-radius:6px;padding:4px 7px;font-family:SFMono-Regular,Consolas,monospace;font-size:8px}.demo-credentials-note em{color:#66736e;margin-left:auto;font-size:7px;font-style:normal}.quick-account-head{justify-content:space-between;align-items:center;margin-top:19px;display:flex}.quick-account-head span{color:#45534e;font-size:9px;font-weight:680}.quick-account-head small{color:#66736e;font-size:7px}.login-account-list{grid-template-columns:1fr 1fr;gap:8px;max-height:315px;margin-top:10px;padding-right:3px;display:grid;overflow-y:auto}.login-account-list>button{border:1px solid var(--soft-line);color:#64716d;text-align:left;cursor:pointer;background:#fbfcfc;border-radius:11px;grid-template-columns:29px 1fr auto 15px;align-items:center;gap:8px;min-height:62px;padding:8px;transition:border-color .15s,transform .15s,box-shadow .15s;display:grid}.login-account-list>button:hover{background:#fff;border-color:#cfe4dd;transform:translateY(-1px);box-shadow:0 7px 17px #14403512}.login-account-list>button>span:nth-child(2){flex-direction:column;min-width:0;display:flex}.login-account-list strong{color:#31403b;font-size:8px}.login-account-list small{color:#5f6c68;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:6.5px;overflow:hidden}.login-account-list em{color:#53605b;white-space:nowrap;background:#eef2f0;border-radius:7px;padding:4px 5px;font-size:6px;font-style:normal}.account-backdrop{align-items:center}.account-switcher{width:min(880px,100%);max-height:calc(100vh - 38px);box-shadow:var(--shadow-lg);background:#fff;border-radius:21px;padding:25px;animation:.22s both modal-in;overflow-y:auto}.account-switcher-head{justify-content:space-between;align-items:flex-start;display:flex}.account-switcher-head h2{letter-spacing:-.45px;margin:5px 0;font-size:19px}.account-switcher-head p{color:#89948f;margin:0;font-size:8px}.account-switcher-head>button{color:#7f8b87;cursor:pointer;background:#f2f5f3;border:0;border-radius:9px;place-items:center;width:32px;height:32px;display:grid}.current-account-strip{background:#f3faf7;border:1px solid #dceae5;border-radius:12px;align-items:center;gap:10px;margin-top:18px;padding:10px 12px;display:flex}.current-account-strip>div{flex-direction:column;flex:1;display:flex}.current-account-strip div span{color:#7f918a;font-size:6.5px}.current-account-strip div strong{margin-top:3px;font-size:8.5px}.current-account-strip>em{color:#267762;font-size:7px;font-style:normal}.account-groups{margin-top:18px}.account-group+.account-group{margin-top:17px}.account-group-label{justify-content:space-between;align-items:center;margin-bottom:7px;display:flex}.account-group-label span{color:#47554f;font-size:8px;font-weight:700}.account-group-label small{color:#99a29f;font-size:6.5px}.account-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}.account-grid>button{border:1px solid var(--soft-line);color:#697570;text-align:left;cursor:pointer;background:#fbfcfc;border-radius:12px;grid-template-columns:34px 1fr auto 18px;align-items:center;gap:9px;min-height:78px;padding:10px;display:grid}.account-grid>button:hover{background:#fff;border-color:#cfe3dc}.account-grid>button.selected{background:#f1f9f6;border-color:#add6ca}.account-main{flex-direction:column;min-width:0;display:flex}.account-main strong{color:#2f3e39;font-size:8.5px}.account-main small{color:#8b9692;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:6.8px;overflow:hidden}.account-main em{color:#71807a;margin-top:5px;font-size:6.5px;font-style:normal}.account-level{color:#6b7773;white-space:nowrap;background:#edf1ef;border-radius:7px;padding:4px 6px;font-size:6px}.account-check{color:#248069}.account-next{color:#a4adaa}.account-switcher-foot{border-top:1px solid var(--soft-line);justify-content:space-between;align-items:center;margin-top:20px;padding-top:16px;display:flex}.account-switcher-foot>div{color:#7d8985;align-items:center;gap:7px;font-size:7.5px;display:flex}.account-switcher-foot>div strong{color:#276e5d;font-family:SFMono-Regular,Consolas,monospace}.account-switcher-foot>button{color:#9a515c;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:6px;font-size:7.5px;display:inline-flex}.employee-welcome{color:#fff;background:radial-gradient(circle at 84% 10%,#68debc30,#0000 29%),linear-gradient(120deg,#123e36,#0e6c59);border-radius:19px;justify-content:space-between;align-items:center;min-height:145px;padding:26px 29px;display:flex;box-shadow:0 17px 40px #0f594a29}.employee-welcome-profile{align-items:center;gap:14px;display:flex}.employee-welcome-profile .avatar{border-radius:15px;width:52px;height:52px;font-size:12px}.employee-welcome-profile>div{flex-direction:column;display:flex}.employee-welcome-profile .eyebrow{color:#9bd9c8}.employee-welcome-profile h2{letter-spacing:-.6px;margin:5px 0 4px;font-size:21px}.employee-welcome-profile p{color:#e4f6f09e;margin:0;font-size:8px}.employee-welcome-actions{gap:8px;display:flex}.employee-welcome .button.secondary{color:#e3f4ef;background:#ffffff14;border-color:#ffffff21}.employee-welcome .button.primary{color:#0d6656;background:#fff;box-shadow:0 8px 20px #032d2433}.employee-summary-grid{grid-template-columns:repeat(4,1fr);gap:13px;display:grid}.employee-dashboard-grid{grid-template-columns:minmax(610px,1.3fr) minmax(330px,.7fr);gap:17px;display:grid}.employee-summary-grid>*,.employee-dashboard-grid>*,.employee-portal,.employee-portal .panel{min-width:0;max-width:100%}.shift-week{grid-template-columns:repeat(7,1fr);gap:7px;margin-top:18px;display:grid}.shift-week>div{border:1px solid var(--soft-line);background:#fbfcfc;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:116px;display:flex}.shift-week>div.today{background:#edf8f4;border-color:#9fd1c3;box-shadow:0 6px 16px #1d776017}.shift-week span{color:#8a9692;font-size:7px}.shift-week strong{margin-top:5px;font-size:14px}.shift-week small{color:#53635d;margin-top:8px;font-size:7px}.shift-week em{color:#7d8985;background:#edf1ef;border-radius:7px;margin-top:7px;padding:4px 5px;font-size:6px;font-style:normal}.shift-week .today em{color:#24755f;background:#dcefe9}.employee-notice{color:#9d6e26;background:#fff8eb;border-radius:11px;align-items:center;gap:10px;margin-top:14px;padding:11px;display:flex}.employee-notice p{flex-direction:column;margin:0;display:flex}.employee-notice strong{font-size:8px}.employee-notice small{color:#96866b;margin-top:3px;font-size:6.5px}.personal-net-pay{background:radial-gradient(circle at 80% 0,#4ba28b1a,#0000 35%),#f4faf8;border-radius:13px;flex-direction:column;align-items:center;margin-top:18px;padding:21px;display:flex}.personal-net-pay span{color:#7b8984;font-size:7.5px}.personal-net-pay strong{color:#176d5b;letter-spacing:-1px;margin-top:6px;font-size:25px}.personal-net-pay small{color:#93a09b;margin-top:5px;font-size:6.5px}.personal-pay-lines{margin-top:11px}.personal-pay-lines span{border-bottom:1px solid var(--soft-line);color:#84908c;justify-content:space-between;align-items:center;padding:8px 3px;font-size:7.5px;display:flex}.personal-pay-lines strong{color:#3d4c47}.personal-pay-actions{gap:8px;margin-top:13px;display:flex}.personal-pay-actions button{border:1px solid var(--line);color:#5d6a66;cursor:pointer;background:#fff;border-radius:9px;flex:1;justify-content:center;align-items:center;gap:6px;height:34px;font-size:7.5px;display:inline-flex}.employee-tasks>div:last-child{grid-template-columns:1fr 1fr;gap:10px;margin-top:14px;display:grid}.employee-tasks button{border:1px solid var(--soft-line);text-align:left;cursor:pointer;background:#fbfcfc;border-radius:11px;align-items:center;gap:10px;padding:10px;display:flex}.employee-tasks button p{flex-direction:column;flex:1;margin:0;display:flex}.employee-tasks button strong{font-size:8.5px}.employee-tasks button small{color:#929d99;margin-top:4px;font-size:7px}.employee-tasks button>svg{color:#a1aaa7}.employee-tasks button.task-completed{cursor:default;background:#f0f8f5;border-color:#cae5dc}.personal-attendance-stats{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.personal-attendance-stats>div{border:1px solid var(--soft-line);background:#fbfcfc;border-radius:11px;flex-direction:column;justify-content:center;min-height:70px;padding:12px;display:flex}.personal-attendance-stats strong{font-size:16px}.personal-attendance-stats span{color:#8e9995;margin-top:4px;font-size:7px}.attendance-log-list{margin-top:13px}.attendance-log-list>div{border-top:1px solid var(--soft-line);grid-template-columns:1fr 40px 13px 40px 55px;align-items:center;gap:7px;min-height:47px;display:grid}.attendance-log-list p{flex-direction:column;margin:0;display:flex}.attendance-log-list p strong{font-size:7.5px}.attendance-log-list p small{color:#2b806a;margin-top:3px;font-size:6.5px}.attendance-log-list>div>span,.attendance-log-list>div>em{color:#65736e;font-family:SFMono-Regular,Consolas,monospace;font-size:7px;font-style:normal}.attendance-log-list>div>svg{color:#b3bbb8}.employee-balance-grid{grid-template-columns:repeat(4,1fr)}.personal-leave-row{grid-template-columns:34px 1fr 1.4fr 50px 62px 26px}.personal-payslip-hero{color:#fff;background:radial-gradient(circle at 78% 8%,#9177df38,#0000 30%),linear-gradient(120deg,#253e3a,#195e52 60%,#4f4b83);border-radius:20px;grid-template-columns:1fr auto auto;align-items:center;gap:40px;min-height:190px;padding:28px 32px;display:grid;box-shadow:0 18px 44px #1b463e2b}.payslip-profile{align-items:center;gap:12px;display:flex}.payslip-profile .avatar{border-radius:15px;width:50px;height:50px}.payslip-profile>span{flex-direction:column;display:flex}.payslip-profile small,.payslip-profile em{color:#e7f7f294;font-size:7px;font-style:normal}.payslip-profile strong{margin:5px 0;font-size:15px}.payslip-net{flex-direction:column;align-items:flex-end;display:flex}.payslip-net span{color:#e7f7f29e;font-size:7.5px}.payslip-net strong{letter-spacing:-1.1px;margin-top:6px;font-size:30px}.payslip-net small{color:#e7f7f280;margin-top:5px;font-size:6.5px}.personal-payslip-grid{grid-template-columns:1fr 1fr;gap:17px;display:grid}.pay-section-total{color:#217760;font-size:13px}.pay-section-total.deduction{color:#a9525f}.payslip-lines{margin-top:15px}.payslip-lines>div{border-top:1px solid var(--soft-line);color:#77837f;justify-content:space-between;align-items:center;min-height:44px;font-size:8px;display:flex}.payslip-lines>div strong{color:#34433e}.payslip-lines .payslip-rule-note{color:#9a7130;background:#fffaf1;justify-content:flex-start;gap:7px;padding:0 9px}.payslip-history>div:last-child{margin-top:12px}.payslip-history article{border-top:1px solid var(--soft-line);grid-template-columns:35px 1fr 100px 32px;align-items:center;gap:10px;min-height:58px;display:grid}.payslip-history article p{flex-direction:column;margin:0;display:flex}.payslip-history article p strong,.payslip-history article>strong{font-size:8.5px}.payslip-history article p small{color:#939e9a;margin-top:4px;font-size:7px}.payslip-history article>button{color:#397965;cursor:pointer;background:#edf7f3;border:0;border-radius:8px;place-items:center;width:29px;height:29px;display:grid}.face-admin-panel{background:radial-gradient(circle at 96% -20%,#34ac8821,#0000 31%),#fff;border-color:#cfe4dc;padding:22px;position:relative;overflow:hidden}.face-admin-head{align-items:flex-start;margin-bottom:18px}.face-admin-head h3{margin-top:3px}.face-admin-head p{color:#7b8c87;max-width:680px;margin:5px 0 0;font-size:8px;line-height:1.55}.face-admin-live{color:#168963;letter-spacing:.08em;background:#edfaf5;border:1px solid #bfe4d6;border-radius:999px;align-items:center;gap:5px;padding:6px 9px;font-size:7px;font-weight:800;display:inline-flex}.face-admin-live i{background:#25ae80;border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #25ae8021}.face-admin-grid{grid-template-columns:minmax(290px,.78fr) minmax(430px,1.22fr);gap:14px;display:grid}.face-admin-qr,.face-admin-summary,.face-admin-settings,.face-admin-workers,.face-admin-activity-grid>div,.face-admin-reset{background:#f9fcfb;border:1px solid #e0ece8;border-radius:15px}.face-admin-qr{grid-template-columns:116px 1fr;align-items:center;gap:14px;padding:14px;display:grid}.face-admin-qr-box{background:#fff;border:1px solid #d8e7e2;border-radius:12px;place-items:center;width:116px;height:116px;padding:7px;display:grid}.face-admin-qr-box svg{width:100%;height:100%}.face-admin-qr>div:nth-child(2) strong{color:#284b41;align-items:center;gap:6px;font-size:9px;display:flex}.face-admin-qr>div:nth-child(2) strong svg,.face-admin-qr>div:nth-child(2) small svg{color:#168963;width:13px;height:13px}.face-admin-qr>div:nth-child(2) p{color:#7a8c87;margin:5px 0 8px;font-size:7.5px;line-height:1.5}.face-admin-qr>div:nth-child(2) small{color:#8d9a96;align-items:center;gap:5px;font-size:6.5px;display:flex}.face-admin-qr-actions{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:7px;display:grid}.face-admin-qr-actions a,.face-admin-qr-actions button,.face-admin-summary-actions button{color:#35675a;min-height:31px;font:inherit;cursor:pointer;background:#fff;border:1px solid #cfe2db;border-radius:9px;justify-content:center;align-items:center;gap:5px;font-size:7px;font-weight:700;text-decoration:none;display:flex}.face-admin-qr-actions svg,.face-admin-summary-actions svg{width:12px;height:12px}.face-admin-summary{grid-template-columns:repeat(4,minmax(0,1fr));align-content:center;padding:14px;display:grid}.face-admin-summary>div:not(.face-admin-summary-actions){border-right:1px solid #e1ebe7;min-width:0;padding:5px 12px}.face-admin-summary>div:nth-child(4){border-right:0}.face-admin-summary span{color:#899894;align-items:center;gap:5px;font-size:6.5px;display:flex}.face-admin-summary span svg{color:#2d9a7b;width:12px;height:12px}.face-admin-summary strong,.face-admin-summary small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.face-admin-summary small a{color:inherit;text-decoration:none}.face-admin-summary small a:hover{color:#24785f;text-decoration:underline}.face-admin-summary strong{color:#2a4b42;margin-top:7px;font-size:8px}.face-admin-summary small{color:#8a9995;margin-top:3px;font-size:6.5px}.face-admin-summary-actions{border-top:1px solid #e2ece8;grid-column:1/-1;justify-content:flex-end;gap:7px;margin-top:15px;padding-top:12px;display:flex}.face-admin-summary-actions button{min-height:29px;padding:0 10px}.face-admin-settings{gap:9px;margin-top:14px;padding:14px;display:grid}.face-admin-settings>div{grid-template-columns:1fr 1fr;gap:9px;display:grid}.face-admin-settings .face-admin-coordinate-row{grid-template-columns:repeat(3,1fr)}.face-admin-settings label{color:#6f817b;gap:5px;font-size:7px;font-weight:700;display:grid}.face-admin-settings input{color:#2d4d44;width:100%;height:34px;font:inherit;background:#fff;border:1px solid #d7e5e0;border-radius:8px;outline:0;padding:0 9px;font-size:7.5px}.face-admin-settings input:focus{border-color:#54a990;box-shadow:0 0 0 3px #2c9c7c1a}.face-admin-settings>button{justify-self:end;margin-top:3px}.face-admin-workers,.face-admin-activity-grid{margin-top:14px}.face-admin-workers{padding:14px}.face-admin-section-title{justify-content:space-between;align-items:center;margin-bottom:9px;display:flex}.face-admin-section-title h4{color:#304c44;margin:2px 0 0;font-size:8.5px}.face-admin-section-title>span{color:#2f8c71;background:#e9f6f1;border-radius:7px;place-items:center;min-width:22px;height:22px;font-size:7px;font-weight:800;display:grid}.face-admin-worker-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.face-admin-worker-grid>div{background:#fff;border:1px solid #e4edea;border-radius:11px;grid-template-columns:31px 1fr auto;align-items:center;gap:8px;min-width:0;padding:10px;display:grid}.face-admin-worker-grid .avatar{width:31px;height:31px;font-size:7px}.face-admin-worker-grid p{flex-direction:column;min-width:0;margin:0;display:flex}.face-admin-worker-grid p strong,.face-admin-worker-grid p small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.face-admin-worker-grid p strong{color:#315047;font-size:7.5px}.face-admin-worker-grid p small{color:#8c9995;margin-top:3px;font-size:6px}.face-admin-worker-grid em{color:#9a7a42;align-items:center;gap:3px;font-size:5.7px;font-style:normal;display:inline-flex}.face-admin-worker-grid em.ready{color:#1d8d6a}.face-admin-worker-grid em svg{width:10px}.face-admin-roster-action{flex-direction:column;align-items:flex-end;gap:5px;display:flex}.face-admin-roster-action span{color:#a36b35;white-space:nowrap;align-items:center;gap:3px;font-size:5.8px;display:inline-flex}.face-admin-roster-action span.ready{color:#1d8d6a}.face-admin-roster-action span svg{width:10px}.face-admin-roster-action button{color:#607b73;font:inherit;cursor:pointer;background:#f8fbfa;border:1px solid #dce8e4;border-radius:6px;padding:3px 5px;font-size:5.5px}.face-admin-roster-action button.document{color:#13755c;background:#edf9f5;border-color:#b8ddd2}.face-document-backdrop{z-index:1200;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0d1f1ba3;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.face-document-modal{color:#315047;background:#fff;border:1px solid #dce9e5;border-radius:20px;width:min(520px,100%);max-height:calc(100dvh - 40px);padding:24px;overflow-y:auto;box-shadow:0 28px 80px #06231c47}.face-document-head{justify-content:space-between;align-items:flex-start;gap:18px;display:flex}.face-document-head h3,.face-document-head p{margin:0}.face-document-head h3{color:#173e34;margin-top:5px;font-size:21px}.face-document-head p{color:#70847e;margin-top:6px;font-size:12px}.face-document-head>button{color:#607b73;cursor:pointer;background:#f7faf9;border:1px solid #dce9e5;border-radius:50%;flex:none;width:34px;height:34px;font-size:21px;line-height:1}.face-document-help{color:#607b73;margin:18px 0 12px;font-size:13px;line-height:1.65}.face-document-type{color:#1c6d58;background:#eff8f5;border-radius:10px;grid-template-columns:24px 1fr auto;align-items:center;gap:8px;margin-bottom:12px;padding:10px 12px;display:grid}.face-document-type svg{width:19px}.face-document-type span{font-size:13px;font-weight:700}.face-document-type small{color:#6e827c;font-size:11px}.face-document-drop{color:#2b7662;cursor:pointer;background:#f6fbf9;border:1.5px dashed #a9cfc3;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:210px;display:flex;position:relative;overflow:hidden}.face-document-drop>svg{width:34px;height:34px}.face-document-drop strong{font-size:14px}.face-document-drop small{color:#82948f;font-size:10px}.face-document-drop input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.face-document-drop.has-image{background:#eef3f1;border-style:solid;min-height:260px}.face-document-drop img{object-fit:contain;width:100%;max-height:310px}.face-document-drop>span{color:#fff;background:#10392fdb;border-radius:8px;padding:7px 10px;font-size:11px;font-weight:700;position:absolute;bottom:12px;right:12px}.face-document-privacy{color:#657a74;align-items:flex-start;gap:7px;margin:12px 0 0;font-size:11px;line-height:1.55;display:flex}.face-document-privacy svg{color:#1d8d6a;flex:none;width:15px;height:15px;margin-top:1px}.face-document-error{color:#a33f38;background:#fff0ef;border-radius:9px;margin:10px 0 0;padding:9px 11px;font-size:11px}.face-document-actions{justify-content:flex-end;gap:10px;margin-top:18px;display:flex}.face-document-actions button{color:#58736b;min-height:40px;font:inherit;cursor:pointer;background:#fff;border:1px solid #d7e5e1;border-radius:10px;justify-content:center;align-items:center;gap:7px;padding:0 16px;font-size:12px;font-weight:700;display:inline-flex}.face-document-actions button:last-child{color:#fff;background:#176e58;border-color:#176e58}.face-document-actions button:disabled{opacity:.45;cursor:not-allowed}.face-document-actions svg{width:16px}.face-admin-activity-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.face-admin-activity-grid>div{min-width:0;padding:14px}.face-admin-feed,.face-admin-attempts{max-height:190px;display:grid;overflow:auto}.face-admin-feed>div,.face-admin-attempts>div{border-top:1px solid #e5eeeb;align-items:center;gap:8px;min-height:45px;display:grid}.face-admin-feed>div{grid-template-columns:26px minmax(0,1fr) auto auto}.face-admin-attempts>div{grid-template-columns:8px minmax(0,1fr) auto}.face-admin-event-icon{color:#198e6b;background:#e6f6f0;border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.face-admin-event-icon svg{width:13px}.face-admin-feed p,.face-admin-attempts p{flex-direction:column;min-width:0;margin:0;display:flex}.face-admin-feed strong,.face-admin-attempts strong{color:#334f47;font-size:7px}.face-admin-feed small,.face-admin-attempts small{color:#8a9995;text-overflow:ellipsis;white-space:nowrap;margin-top:3px;font-size:6px;overflow:hidden}.face-admin-feed em,.face-admin-attempts em{color:#71837e;font-size:6px;font-style:normal}.face-admin-feed b{color:#258a6b;background:#eaf7f2;border-radius:6px;padding:4px 6px;font-size:5.8px}.face-admin-attempts i{background:#e26f67;border-radius:50%;width:7px;height:7px}.face-admin-attempts i.accepted{background:#2eaa7e}.face-admin-empty{color:#98a5a1;text-align:center;border-top:1px solid #e5eeeb;place-items:center;min-height:70px;margin:0;font-size:7px;display:grid}.face-admin-reset{background:#fffaf3;border-color:#eee2d0;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding:11px 13px;display:flex}.face-admin-reset>div{align-items:center;gap:9px;display:flex}.face-admin-reset svg{color:#a87936;width:16px}.face-admin-reset p{flex-direction:column;margin:0;display:flex}.face-admin-reset strong{color:#6f5736;font-size:7.5px}.face-admin-reset small{color:#9c896d;margin-top:3px;font-size:6px}.face-admin-reset button,.face-admin-loading button{color:#8d662d;min-height:28px;font:inherit;cursor:pointer;background:#fff;border:1px solid #e0cba9;border-radius:8px;padding:0 10px;font-size:6.5px;font-weight:700}.face-admin-error,.face-admin-notice{border-radius:9px;align-items:center;gap:7px;margin-bottom:12px;padding:9px 11px;font-size:7px;display:flex}.face-admin-error{color:#a94743;background:#fff1f0}.face-admin-notice{color:#23785f;background:#eaf7f2}.face-admin-error svg,.face-admin-notice svg{width:13px}.face-admin-error button{color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto}.face-admin-loading{color:#658078;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-height:160px;font-size:8px;display:flex}.face-admin-loading strong{color:#35584e}.face-admin-loading small{color:#8b9995}.face-admin-spin{animation:1s linear infinite face-admin-spin}@keyframes face-admin-spin{to{transform:rotate(360deg)}}@media (min-width:1500px){.content{padding-left:44px;padding-right:44px}.welcome-banner{grid-template-columns:minmax(430px,.9fr) minmax(600px,1.1fr)}.flow-node{width:116px}.flow-chevron{margin:0 8px}}@media (max-width:1180px){.welcome-banner{grid-template-columns:1fr}.banner-flow{display:none}.metric-grid,.mini-stat-grid,.balance-grid,.employee-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.dashboard-grid.lower,.attendance-layout,.payroll-grid,.compliance-grid,.leave-grid,.employee-dashboard-grid{grid-template-columns:1fr}.localization-strip{grid-template-columns:1fr 1fr}.localization-strip>div:nth-child(2){border-right:0}.localization-strip>div:nth-child(-n+2){border-bottom:1px solid var(--soft-line)}.workflow-stage{gap:30px;padding:38px 4%}.complete-summary{grid-template-columns:1fr 1fr}}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-story{min-height:470px;padding:30px 7%}.login-story-copy{padding:48px 0 35px}.login-story-copy h1{font-size:39px}.login-panel-wrap{min-height:auto;padding:34px 24px 55px}.sidebar{width:260px;transition:transform .22s;transform:translate(-110%);box-shadow:20px 0 60px #0f2d262e}.sidebar-open{transform:translate(0)}.main-area{width:100%;margin-left:0}.menu-button,.mobile-close{display:inline-flex}.menu-button{margin-right:13px}.nav-scrim{z-index:35;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0e221d66;border:0;display:block;position:fixed;inset:0}.workflow-stage{grid-template-columns:1fr}.workflow-demo-card{width:min(500px,100%);margin:0 auto}.workflow-stepper>div>i{display:none}.personal-payslip-hero{grid-template-columns:1fr auto}.personal-payslip-hero>.button{grid-column:1/-1;justify-self:start}}@media (max-width:680px){.topbar{gap:0;width:100%;height:66px;padding:0 12px}.page-title h1{font-size:17px}.page-title p,.bangkok-clock,.language-button span{display:none}.topbar-actions{gap:7px}.language-picker-compact{justify-content:center;width:48px;padding:0 15px 0 6px}.language-picker-compact>svg:first-child{display:none}.language-picker-compact select{width:100%;padding:0}.topbar-website-link{width:36px;padding:0}.topbar-website-link span,.role-switch-button>span:nth-child(2){display:none}.role-switch-button{justify-content:center;gap:0;width:38px;padding:0}.role-switch-button>svg{display:none}.content{padding:17px 14px 38px}.welcome-banner{min-height:300px;padding:27px 23px}.banner-copy h2{font-size:27px}.metric-grid,.mini-stat-grid,.balance-grid{grid-template-columns:1fr 1fr;gap:10px}.employee-summary-grid{grid-template-columns:1fr;gap:10px}.metric-card{min-height:140px;padding:15px}.metric-top{padding-right:31px}.metric-top em{display:none}.metric-card>strong{font-size:22px}.metric-icon{width:32px;height:32px;top:13px;right:13px}.panel{padding:17px}.attendance-summary{padding:11px}.summary-divider{margin:0 10px}.action-grid{grid-template-columns:1fr}.subpage-hero,.compliance-hero{flex-direction:column;align-items:flex-start;gap:18px;min-height:190px;padding:23px}.subpage-hero h2,.compliance-hero h2,.workflow-intro h2{font-size:19px}.mini-stat{gap:8px;min-height:76px;padding:12px}.table-toolbar{flex-direction:column;align-items:stretch}.search-box{width:100%}.table-footer{flex-direction:column;align-items:flex-start;gap:10px}.attendance-layout{grid-template-columns:1fr}.clock-card{min-height:390px;padding:23px}.attendance-kpis{grid-template-columns:1fr}.attendance-kpis>div{border-right:0;border-bottom:1px solid var(--soft-line);min-height:64px}.attendance-kpis>div:last-child{border-bottom:0}.leave-row{grid-template-columns:34px 1fr auto;padding:9px 0}.leave-row>div:nth-of-type(2),.leave-days,.leave-row .icon-ghost{display:none}.leave-row .status-pill{grid-column:3}.payroll-banner{flex-wrap:wrap;align-items:flex-start;padding:20px}.payroll-banner>div:nth-child(2){min-width:calc(100% - 75px)}.payroll-banner-action{width:100%}.payroll-banner-action .button{flex:1}.donut-row{flex-direction:column;align-items:stretch}.donut{align-self:center}.localization-strip{grid-template-columns:1fr}.localization-strip>div{border-right:0;border-bottom:1px solid var(--soft-line)}.localization-strip>div:last-child{border-bottom:0}.workflow-intro{flex-direction:column;align-items:flex-start;gap:14px}.workflow-stepper{grid-template-columns:1fr 1fr;gap:14px}.workflow-stepper>div>i{display:none}.workflow-stage{gap:35px;min-height:auto;padding:32px 22px 40px}.workflow-copy h2{font-size:27px}.complete-summary{grid-template-columns:1fr}.workflow-complete{min-height:740px;padding:34px 20px}.workflow-complete h2{font-size:23px}.login-story{min-height:420px;padding:25px 22px}.login-story-copy{padding:42px 0 26px}.login-story-copy h1{font-size:33px}.login-role-flow{gap:7px;margin-top:25px}.login-role-flow>div{padding:8px}.login-panel-wrap{padding:24px 14px 40px}.login-panel{padding:22px}.login-form{grid-template-columns:1fr}.login-submit{width:100%}.login-account-list{grid-template-columns:1fr;max-height:430px}.demo-credentials-note em{display:none}.account-switcher{border-radius:17px;max-height:calc(100vh - 20px);padding:19px}.account-grid{grid-template-columns:1fr}.current-account-strip>em{display:none}.account-switcher-foot{flex-direction:column;align-items:flex-start;gap:12px}.employee-welcome{flex-direction:column;align-items:flex-start;gap:21px;padding:23px}.employee-welcome-actions{width:100%}.employee-welcome-actions .button{flex:1}.shift-week{overscroll-behavior-x:contain;scrollbar-width:thin;grid-template-columns:repeat(7,72px);width:100%;max-width:100%;padding-bottom:5px;overflow-x:auto}.employee-tasks>div:last-child,.personal-payslip-grid{grid-template-columns:1fr}.personal-payslip-hero{grid-template-columns:1fr;gap:25px;padding:25px}.payslip-net{align-items:flex-start}.personal-payslip-hero>.button{grid-column:auto}.payslip-history article{grid-template-columns:35px 1fr auto 32px}.form-row{grid-template-columns:1fr}.modal-card{padding:20px}.onboarding-panel .panel-head{flex-direction:column;align-items:flex-start;gap:12px}.onboarding-panel .panel-head .button{width:100%}.people-hub-head{flex-direction:column;align-items:flex-start;gap:10px;min-height:0;padding:16px}.people-hub-scope{white-space:normal}.people-hub-tabs>button{flex-wrap:wrap;gap:4px 6px;min-height:55px;padding:7px 3px;font-size:7.5px}.people-hub-tabs>button svg{width:15px}.people-hub-tabs em{min-width:18px}.onboarding-panel-embedded,.offboarding-workspace,.organization-access-workspace{padding:16px}.onboarding-head-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.people-section-head{flex-direction:column;align-items:stretch;gap:10px}.people-section-head>.button{width:100%}.offboarding-stats,.organization-access-workspace{grid-template-columns:1fr}.offboarding-stats>button{min-height:50px}.offboarding-list>button{grid-template-columns:35px minmax(0,1fr) 16px}.offboarding-list>button .status-pill{grid-column:2;justify-self:start}.offboarding-list>button>svg{grid-area:1/3/span 2}.organization-access-workspace{gap:25px}.organization-section-tabs{scrollbar-width:thin;grid-template-columns:repeat(5,105px);justify-content:start;padding:9px 16px;overflow-x:auto}.position-hc-workspace,.approval-workspace,.grade-compensation-workspace{padding:16px}.approval-workspace,.grade-compensation-workspace{grid-template-columns:1fr;gap:25px}.hc-summary-grid{grid-template-columns:1fr 1fr}.position-list>button{grid-template-columns:42px minmax(0,1fr) 15px}.position-list .hc-occupancy{grid-column:2}.position-list>button>svg{grid-area:1/3/span 2}.approval-request-list>button{grid-template-columns:48px minmax(0,1fr) 15px}.approval-request-list>button>em{display:none}.grade-series-list>button,.compensation-plan-list>button{grid-template-columns:36px minmax(0,1fr) 15px}.grade-series-list>button>strong,.compensation-plan-list>button>strong{display:none}.linked-data-summary,.change-request-summary{grid-template-columns:1fr}.hc-adjust-actions{flex-wrap:wrap;align-items:stretch}.hc-adjust-actions>div{flex-basis:100%;width:100%}.compensation-range-editor{overflow-x:auto}.compensation-range-head,.compensation-range-columns,.compensation-range-row{min-width:480px}.organization-tree>button{padding-left:calc(2px + var(--org-indent))}.organization-tree>button,.access-role-list>button,.assignment-list>button{gap:7px}.organization-tree p small,.access-role-list p small,.assignment-list p small{white-space:normal}.organization-tree>button>em,.access-role-list>button>em,.assignment-list>button>em{display:none}.organization-tree>button{grid-template-columns:29px minmax(0,1fr) 15px}.access-role-list>button{grid-template-columns:40px minmax(0,1fr) 15px}.assignment-list>button{grid-template-columns:31px minmax(0,1fr) 15px}.permission-fieldset,.offboarding-case-summary,.offboarding-flow-preview,.onboarding-mini-stats,.onboarding-upload-options,.onboarding-compare-grid,.onboarding-employment>div{grid-template-columns:1fr}.onboarding-queue>button{grid-template-columns:32px minmax(0,1fr) 18px}.onboarding-queue>button>.onboarding-status{grid-column:2;justify-self:start}.onboarding-queue>button>svg{grid-area:1/3/span 2}.onboarding-backdrop{align-items:end;padding:0}.onboarding-modal,.onboarding-modal.wide{width:100%;max-height:94dvh;padding:20px 16px max(18px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.onboarding-upload-options label{min-height:120px}.onboarding-review-summary{grid-template-columns:1fr}.onboarding-review-summary small{grid-column:1}.onboarding-identity-fields{grid-template-columns:1fr}.toast{bottom:16px;right:16px}}@media (max-width:430px){.metric-grid,.mini-stat-grid,.balance-grid,.employee-summary-grid{grid-template-columns:1fr}.metric-card{min-height:126px}.mini-stat{min-height:70px}.week-chart{gap:11px;padding:0}.panel-head .text-button{font-size:0}.panel-head .text-button svg{width:18px;height:18px}.filter-actions{flex-wrap:wrap}.workflow-stepper{grid-template-columns:1fr}}button.metric-card,button.mini-stat,button.balance-card{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer}.drilldown-trigger{transition:border-color .16s,box-shadow .16s,transform .16s}.drilldown-trigger:hover,.drilldown-trigger:focus-visible{border-color:#acd5c9;outline:0;transform:translateY(-2px);box-shadow:0 13px 30px #195e4c1c}.drilldown-hint{color:#2a816b;align-items:center;gap:3px;font-size:7px;font-weight:700;display:inline-flex;position:absolute;bottom:12px;right:15px}button.chart-column{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}button.chart-column:hover .chart-track,button.chart-column:focus-visible .chart-track{box-shadow:0 0 0 3px #2a89701a}.drilldown-count{font:inherit;cursor:pointer;border:0;align-items:center;gap:4px;display:inline-flex}.mini-stat-arrow{color:#87a39b;margin-left:auto}.attendance-summary>button{min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;flex-direction:column;flex:1;align-items:flex-start;padding:3px 22px 3px 0;display:flex;position:relative}.attendance-summary>button>svg{color:#76a497;position:absolute;top:50%;right:0;transform:translateY(-50%)}.attendance-summary>button:hover span,.attendance-summary>button:focus-visible span{color:#267762}.attendance-kpis>button{border:0;border-right:1px solid var(--soft-line);min-width:0;color:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;padding:4px 8px 4px 0;display:flex}.attendance-kpis>button:last-child{border-right:0}.attendance-kpis>button>svg{color:#83a49b;margin-left:auto}.attendance-kpis>button:hover,.attendance-kpis>button:focus-visible{background:#f7fbf9;border-radius:10px;outline:0}.clickable-table-row,.clickable-list-row{cursor:pointer}.clickable-table-row:focus-visible,.clickable-list-row:focus-visible{outline-offset:-2px;outline:2px solid #65aa97}.clickable-list-row:hover{background:#f8fbfa}.breakdown-legend>button{border:0;border-bottom:1px solid var(--soft-line);width:100%;min-height:45px;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:8px 1fr auto 14px;align-items:center;gap:10px;padding:0;display:grid}.breakdown-legend>button:hover{background:#f8fbfa}.breakdown-legend>button>i{border-radius:3px;width:7px;height:7px}.breakdown-legend>button>svg{color:#86a198}.checklist>button{border:0;border-bottom:1px solid var(--soft-line);width:100%;min-height:52px;color:inherit;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:10px;padding:0;display:flex}.checklist>button>span{color:#aa7324;background:#fff1de;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;display:grid}.checklist>button.check-done>span{color:#247860;background:#e6f4ef}.checklist>button>svg{color:#8ca49d;margin-left:auto}.holiday-config-list>button{border:0;border-top:1px solid var(--soft-line);width:100%;min-height:58px;color:inherit;text-align:left;cursor:pointer;background:0 0;grid-template-columns:44px 1fr 50px 15px;align-items:center;gap:11px;padding:0;display:grid}.holiday-config-list>button:first-child{border-top:0}.holiday-config-list>button:hover{background:#f8fbfa}.holiday-config-list>button>span{color:#949e9a;text-align:right;font-size:7.5px}.holiday-config-list>button>svg{color:#88a199}.localization-strip>button{border:0;border-right:1px solid var(--soft-line);color:#2b7e69;text-align:left;cursor:pointer;background:0 0;align-items:center;gap:11px;min-width:0;min-height:88px;padding:18px;display:flex}.localization-strip>button:last-child{border-right:0}.localization-strip>button:hover{background:#f8fbfa}.localization-strip>button>span{flex-direction:column;flex:1;min-width:0;display:flex}.localization-strip>button strong{color:#31413c;font-size:8.5px}.localization-strip>button small{color:#939d99;margin-top:4px;font-size:7px}.localization-strip>button>svg:last-child{color:#88a199;width:14px}.onboarding-mini-stats>button{color:#60736e;width:100%;font:inherit;text-align:left;cursor:pointer;background:#f8fbfa;border:1px solid #e2ece9;border-radius:10px;grid-template-columns:22px 1fr auto 14px;align-items:center;gap:7px;padding:9px 10px;font-size:7px;display:grid}.onboarding-mini-stats>button[aria-pressed=true]{color:#1b6f5a;background:#eaf7f2;border-color:#76b9a6;box-shadow:0 0 0 3px #20846914}.onboarding-mini-stats>button>svg:last-child{color:#829f97;width:13px}.onboarding-queue-head{color:#73827d;border-bottom:1px solid #edf2f0;align-items:center;gap:8px;min-height:30px;font-size:7px;display:flex}.onboarding-queue-head strong{color:#2c6f5e}.onboarding-queue-head button{color:#2a806b;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:3px;margin-left:auto;display:inline-flex}.onboarding-queue-head button svg{width:12px}.onboarding-filter-empty{color:#7b8c86;text-align:center;align-content:center;place-items:center;gap:5px;min-height:110px;display:grid}.onboarding-filter-empty svg{color:#2b8a70;width:22px}.onboarding-filter-empty strong{font-size:8px}.onboarding-filter-empty span{font-size:7px}.management-detail-modal{width:min(880px,100%);padding:0;overflow:hidden}.management-detail-head{border-bottom:1px solid var(--soft-line);margin:0;padding:24px 25px 17px}.management-detail-head p{color:#788681;max-width:660px;margin:7px 0 0;font-size:8.5px;line-height:1.55}.management-detail-summary{color:#276f5d;background:#f2f8f6;justify-content:space-between;align-items:center;gap:12px;padding:11px 25px;font-size:8px;font-weight:700;display:flex}.management-detail-summary small{color:#80908a;font-size:7px;font-weight:500}.management-detail-toolbar{border-bottom:1px solid var(--soft-line);align-items:center;gap:10px;min-height:55px;padding:9px 25px;display:flex}.management-detail-toolbar>label:first-child{color:#2a8069;background:#fafcfb;border:1px solid #dce7e3;border-radius:10px;flex:1;align-items:center;gap:7px;min-width:220px;height:36px;padding:0 10px;display:flex}.management-detail-toolbar input{color:#2c3d37;width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:8.5px}.management-detail-toolbar>span{color:#74847e;white-space:nowrap;font-size:7.5px}.management-detail-list{max-height:min(55vh,520px);padding:4px 25px;overflow-y:auto}.management-detail-row{border:0;border-bottom:1px solid var(--soft-line);width:100%;min-height:66px;color:inherit;font:inherit;text-align:left;background:0 0;grid-template-columns:minmax(190px,1.4fr) minmax(140px,1fr) auto auto 17px;align-items:center;gap:14px;padding:10px 2px;display:grid}.management-detail-row.actionable{cursor:pointer}.management-detail-row.actionable:hover,.management-detail-row.actionable:focus-visible{background:#f8fbfa;outline:0}.management-detail-row>svg{color:#84a098}.management-detail-main{flex-direction:column;min-width:0;display:flex}.management-detail-main strong{color:#273b35;font-size:9px}.management-detail-main small,.management-detail-meta{color:#8b9894;text-overflow:ellipsis;white-space:nowrap;margin-top:4px;font-size:7.5px;overflow:hidden}.management-detail-value{color:#215f50;white-space:nowrap;font-size:9px}.management-detail-empty{color:#73847e;align-content:center;place-items:center;gap:8px;min-height:180px;font-size:9px;display:grid}.management-detail-empty svg{color:#2b8b71}.management-detail-footer{border-top:1px solid var(--soft-line);justify-content:space-between;align-items:center;gap:14px;min-height:66px;padding:12px 25px;display:flex}.management-detail-footer>span{color:#7b8b85;align-items:center;gap:6px;font-size:7.5px;display:inline-flex}.face-admin-count{color:#2f8c71;min-width:38px;height:24px;font:inherit;cursor:pointer;background:#e9f6f1;border:0;border-radius:7px;justify-content:center;align-items:center;gap:4px;font-size:7px;font-weight:800;display:inline-flex}.face-admin-count svg{width:10px}.face-admin-detail-modal{width:min(760px,100%)}.face-admin-detail-list{max-height:55dvh;margin-top:17px;overflow-y:auto}.face-admin-detail-list>button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #e5eeeb;grid-template-columns:36px 1fr auto 16px;align-items:center;gap:10px;padding:11px 3px;display:grid}.face-admin-detail-list>button p{flex-direction:column;margin:0;display:flex}.face-admin-detail-list>button strong{font-size:11px}.face-admin-detail-list>button small,.face-admin-detail-list>button em{color:#7d8e88;margin-top:3px;font-size:9px;font-style:normal}@media (max-width:700px){.management-detail-backdrop{align-items:end;padding:0}.management-detail-modal{border-radius:20px 20px 0 0;width:100%;max-height:92dvh}.management-detail-head{padding:20px 17px 15px}.management-detail-head p{font-size:10px}.management-detail-summary{flex-direction:column;align-items:flex-start;padding:10px 17px;font-size:10px}.management-detail-summary small{font-size:9px}.management-detail-list{max-height:58dvh;padding:0 17px}.management-detail-toolbar{flex-wrap:wrap;padding:10px 17px}.management-detail-toolbar>label:first-child{min-width:100%;height:42px}.management-detail-toolbar input,.management-detail-toolbar>span{font-size:10px}.management-detail-row{grid-template-columns:minmax(0,1fr) auto 16px;gap:7px 10px;min-height:82px;padding:12px 0}.management-detail-main{grid-column:1}.management-detail-main strong,.management-detail-value{font-size:12px}.management-detail-main small,.management-detail-meta{font-size:10px}.management-detail-meta{grid-column:1;margin:0}.management-detail-row .status-pill,.management-detail-value{grid-column:2}.management-detail-row>svg{grid-area:1/3/span 2}.management-detail-footer{padding:12px 17px max(12px, env(safe-area-inset-bottom))}.management-detail-footer>span{display:none}.management-detail-footer .button{width:100%}.attendance-kpis>button{border-right:0;border-bottom:1px solid var(--soft-line);padding:8px 4px}.attendance-kpis>button:last-child{border-bottom:0}.localization-strip>button{border-right:0;border-bottom:1px solid var(--soft-line);min-height:75px;padding:14px}.localization-strip>button:last-child{border-bottom:0}.onboarding-mini-stats>button{min-height:48px;font-size:10px}.onboarding-mini-stats>button strong{font-size:16px}}@media (max-width:390px){.topbar{padding-left:10px;padding-right:10px}.menu-button{margin-right:8px}.topbar-actions{gap:5px}.role-switch-button{height:38px}.login-top-actions{top:14px;right:14px}}@media (max-width:1180px){.face-admin-grid{grid-template-columns:1fr}}@media (max-width:680px){.face-admin-panel{padding:16px}.face-admin-head{gap:10px}.face-admin-head p{font-size:11px}.face-admin-qr{grid-template-columns:108px 1fr}.face-admin-qr-box{width:108px;height:108px}.face-admin-qr>div:nth-child(2) strong,.face-admin-summary strong,.face-admin-section-title h4,.face-admin-worker-grid p strong,.face-admin-feed strong,.face-admin-attempts strong,.face-admin-reset strong{font-size:11px}.face-admin-qr>div:nth-child(2) p,.face-admin-summary small,.face-admin-worker-grid p small,.face-admin-feed small,.face-admin-attempts small,.face-admin-reset small,.face-admin-empty,.face-admin-summary span,.face-admin-settings label,.face-admin-qr-actions a,.face-admin-qr-actions button,.face-admin-summary-actions button,.face-admin-feed em,.face-admin-attempts em{font-size:9px}.face-admin-summary{grid-template-columns:1fr 1fr;gap:10px 0}.face-admin-summary>div:not(.face-admin-summary-actions){border-right:0}.face-admin-settings>div,.face-admin-settings .face-admin-coordinate-row,.face-admin-worker-grid,.face-admin-activity-grid{grid-template-columns:1fr}.face-admin-settings input{height:42px;font-size:12px}.face-admin-worker-grid em,.face-admin-roster-action span,.face-admin-roster-action button{font-size:8px}}@media (max-width:430px){.face-document-backdrop{align-items:end;padding:0}.face-document-modal{width:100%;max-height:92dvh;padding:20px 16px max(18px, env(safe-area-inset-bottom));border-radius:20px 20px 0 0}.face-document-head h3{font-size:18px}.face-document-drop,.face-document-drop.has-image{min-height:190px}.face-document-actions{grid-template-columns:1fr 1fr;display:grid}.face-document-actions button{width:100%;padding:0 9px;font-size:11px}.face-admin-qr{text-align:center;grid-template-columns:1fr;justify-items:center}.face-admin-qr-actions{width:100%}.face-admin-summary,.face-admin-qr-actions{grid-template-columns:1fr}.face-admin-summary-actions{flex-direction:column}.face-admin-reset{flex-direction:column;align-items:flex-start}.face-admin-reset button{width:100%}}.odoo-operations{--odoo-line:#e4e9e6;--odoo-soft:#f6f8f7;color:#1c2925}.odoo-section-heading{justify-content:space-between;align-items:flex-end;gap:24px;padding:4px 2px;display:flex}.odoo-section-heading h2{letter-spacing:-.035em;margin:5px 0 7px;font-size:clamp(25px,3vw,38px)}.odoo-section-heading p{color:#66736e;max-width:760px;margin:0;line-height:1.6}.odoo-heading-actions,.odoo-form-actions,.odoo-row-actions{align-items:center;gap:9px;display:flex}.odoo-source-strip{color:#24745d;background:#f0faf6;border:1px solid #cfe6dc;border-radius:13px;align-items:center;gap:9px;min-height:45px;padding:10px 15px;display:flex}.odoo-source-strip span{color:#60716a;margin-left:auto;font-size:12px}.odoo-self-grid,.odoo-attendance-top{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.odoo-detail-card .panel-head svg{color:#2d8068}.odoo-detail-card dl,.odoo-policy-grid dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:7px 0 0;display:grid}.odoo-detail-card dl>div,.odoo-policy-grid dl>div{border-bottom:1px solid var(--odoo-line);min-width:0;padding:13px 0}.odoo-detail-card dl>div:nth-child(odd){padding-right:16px}.odoo-detail-card dl>div.wide,.odoo-policy-grid dl>div{grid-column:1/-1}.odoo-detail-card dt,.odoo-policy-grid dt{color:#596660;margin-bottom:5px;font-size:11px}.odoo-detail-card dd,.odoo-policy-grid dd{overflow-wrap:anywhere;margin:0;font-weight:700}.odoo-wage{color:#fff;background:linear-gradient(135deg,#173e35,#276c59);border-radius:15px;grid-template-columns:1fr auto;align-items:end;margin:4px 0 10px;padding:18px;display:grid}.odoo-wage small{color:#cfe6dd;grid-column:1/-1}.odoo-wage strong{margin-top:5px;font-size:clamp(24px,3vw,34px)}.odoo-wage span{color:#d9e9e3;padding-bottom:5px;font-size:12px}.sensitive-note{color:#6c7773;align-items:center;gap:7px;margin:14px 0 0;font-size:11px;display:flex}.odoo-history-list,.odoo-action-list,.odoo-request-list,.odoo-team-attendance-list{gap:0;display:grid}.odoo-history-list article{border-top:1px solid var(--odoo-line);grid-template-columns:auto minmax(220px,1fr) minmax(160px,.65fr) minmax(140px,auto);align-items:center;gap:14px;padding:14px 0;display:grid}.odoo-history-list article:first-child{border-top:0}.odoo-history-list article>div,.odoo-team-attendance-list article>div,.odoo-request-list article>div{gap:3px;min-width:0;display:grid}.odoo-history-list small,.odoo-action-list small,.odoo-request-list small,.odoo-team-attendance-list small,.odoo-policy-grid small{color:#596660}.odoo-timeline-dot{color:#24745d;background:#e9f5f0;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:800;display:grid}.odoo-history-wage{text-align:right}.odoo-empty{color:#5f6c67;place-items:center;min-height:110px;font-weight:600;display:grid}.odoo-lifecycle-panel{margin-bottom:20px;padding:25px}.odoo-team-access{background:#f8faf9;border:1px solid #dfe7e3;border-radius:15px;margin:0 0 18px;padding:17px}.odoo-team-picker{justify-content:space-between;align-items:end;gap:16px;margin-bottom:13px;display:flex}.odoo-team-picker h3{margin:4px 0 0;font-size:18px}.odoo-team-picker label{gap:5px;min-width:min(340px,48%);display:grid}.odoo-team-picker label span{color:#6e7a75;font-size:10px;font-weight:800}.odoo-team-picker select{background:#fff;border:1px solid #d6dfdb;border-radius:9px;min-height:40px;padding:8px 10px}.odoo-team-access-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;display:grid}.odoo-team-access-grid article{background:#fff;border:1px solid #e1e7e4;border-radius:12px;align-items:center;gap:10px;min-width:0;padding:13px;display:flex}.odoo-team-access-grid article.restricted{color:#7e8884;background:#f3f4f3}.odoo-team-access-grid article p{gap:3px;min-width:0;margin:0;display:grid}.odoo-team-access-grid article small,.odoo-team-access-grid article em{color:#7a8681;text-overflow:ellipsis;white-space:nowrap;font-size:10px;font-style:normal;overflow:hidden}.odoo-scope-tabs{background:#edf1ef;border-radius:12px;gap:5px;width:max-content;max-width:100%;margin:18px 0;padding:4px;display:flex;overflow-x:auto}.odoo-scope-tabs button{color:#65716d;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:9px;min-height:38px;padding:0 17px;font-weight:700}.odoo-scope-tabs button.active{color:#216c57;background:#fff;box-shadow:0 2px 9px #18312a14}.odoo-action-form{background:#f8faf9;border:1px solid #dbe5e1;border-radius:15px;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:16px 0 22px;padding:18px;display:grid}.personnel-work-queue{background:#f8fbfa;border:1px solid #dbe5e1;border-radius:15px;gap:15px;margin:18px 0 22px;padding:18px;display:grid}.personnel-work-queue-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.personnel-work-queue-head h3,.personnel-work-queue-head p{margin:4px 0 0}.personnel-work-queue-head p{color:#5d6d67}.personnel-work-queue-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.personnel-work-queue-kpis article{background:#fff;border:1px solid #dce7e2;border-radius:11px;gap:4px;padding:13px 15px;display:grid}.personnel-work-queue-kpis article.danger{background:#fff7f6;border-color:#ecc9c6}.personnel-work-queue-kpis span{color:#62716b}.personnel-work-queue-kpis strong{color:#1f4c40;font-size:25px}.personnel-work-queue-kpis article.danger strong{color:#a13e36}.personnel-work-queue-filters{grid-template-columns:minmax(0,1fr) minmax(180px,260px);gap:10px;display:grid}.personnel-work-queue-filters input,.personnel-work-queue-filters select{color:#1f2d28;width:100%;min-height:43px;font:inherit;background:#fff;border:1px solid #d6dfdb;border-radius:10px;padding:9px 11px}.personnel-work-queue-list{display:grid}.personnel-work-queue-list>article{border-top:1px solid #dfe8e4;grid-template-columns:auto minmax(170px,1fr) minmax(250px,1.2fr) auto auto;align-items:center;gap:13px;min-width:0;padding:14px 0;display:grid}.personnel-work-queue-avatar{color:#236d58;background:#dff1ea;border-radius:11px;place-items:center;width:38px;height:38px;font-weight:850;display:grid}.personnel-work-queue-person{gap:3px;min-width:0;display:grid}.personnel-work-queue-person small{color:#697771;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.personnel-work-queue-list dl{gap:18px;margin:0;display:flex}.personnel-work-queue-list dl>div{gap:3px;display:grid}.personnel-work-queue-list dt{color:#728079}.personnel-work-queue-list dd{color:#2a4038;margin:0;font-weight:750}.personnel-work-queue-state{justify-items:start;gap:5px;display:grid}.queue-due{color:#46665b;white-space:nowrap;background:#edf4f1;border-radius:99px;width:max-content;padding:4px 9px;font-weight:750;display:inline-flex}.queue-due-overdue{color:#a5463e;background:#fcebea}.queue-due-due_30{color:#8b5d1b;background:#fff3d9}.queue-due-missing_date{color:#735e5c;background:#f1eeee}.personnel-action-history-head{margin-top:20px}.odoo-action-form.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.odoo-action-form label,.odoo-inline-dialog label{gap:7px;min-width:0;display:grid}.odoo-action-form label>span,.odoo-inline-dialog label>span{color:#61706a;font-size:14px;font-weight:800}.odoo-action-form input,.odoo-action-form select,.odoo-action-form textarea,.odoo-inline-dialog textarea,.odoo-month-calendar input,.odoo-team-attendance input{color:#1f2d28;width:100%;min-height:43px;font:inherit;background:#fff;border:1px solid #d6dfdb;border-radius:10px;padding:9px 11px}.odoo-action-form textarea{resize:vertical}.odoo-action-form .wide{grid-column:1/-1}.personnel-gate-note,.personnel-context-loading,.personnel-context-error,.personnel-conflicts,.personnel-preview-warning{border-radius:10px;align-items:flex-start;gap:9px;padding:12px 13px;font-size:14px;line-height:1.5;display:flex}.personnel-gate-note{color:#315f51;background:#eef7f3;border:1px solid #d7e5df}.personnel-context-loading{color:#53645d;background:#fff;border:1px solid #dce5e1;align-items:center}.personnel-context-error{color:#913d36;background:#fff4f3;border:1px solid #ecc9c6;flex-direction:column}.personnel-context-error strong,.personnel-preview-warning strong{letter-spacing:.02em;font-size:12px}.personnel-conflicts{color:#815b20;background:#fffaf0;border:1px solid #ead8ae;flex-direction:column}.personnel-context-grid,.personnel-preview-states{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.personnel-context-grid>section,.personnel-preview-states>section{background:#fff;border:1px solid #dfe7e3;border-radius:12px;min-width:0;padding:15px}.personnel-context-grid h4,.personnel-preview h4,.personnel-preview-states h4{color:#24483e;margin:0 0 11px;font-size:15px}.personnel-context-grid dl,.personnel-preview-states dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 13px;margin:0;display:grid}.personnel-context-grid dl>div,.personnel-preview-states dl>div{gap:2px;min-width:0;display:grid}.personnel-context-grid dt,.personnel-preview-states dt{color:#718079;font-size:14px}.personnel-context-grid dd,.personnel-preview-states dd{overflow-wrap:anywhere;color:#263a34;margin:0;font-size:14px;font-weight:700}.specialist-context-card{background:linear-gradient(135deg,#f8fcfb,#f2f7ff);border:1px solid #cddfd9;border-radius:16px;padding:18px}.specialist-context-head{color:#17604f;justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.specialist-context-head h4{margin:3px 0 12px;font-size:16px}.specialist-context-card dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:0;display:grid}.specialist-context-card dl div{background:#fff;border-radius:11px;min-width:0;padding:10px 12px}.specialist-context-card dt,.specialist-context-card dd{margin:0}.specialist-context-card dt{color:#64756f;font-size:12px}.specialist-context-card dd{color:#1e302a;overflow-wrap:anywhere;margin-top:4px;font-size:14px;font-weight:700}.specialist-context-note{color:#855f18;margin:12px 0 0;font-size:13px}.specialist-history{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.specialist-history span{color:#285d50;background:#e9f4f0;border-radius:999px;padding:6px 10px;font-size:12px}.personnel-action-form label>small{color:#66736f;margin-top:5px;font-size:12px;line-height:1.45;display:block}.personnel-preview{background:#f3faf7;border:1px solid #b9d9ce;border-radius:14px;gap:13px;padding:16px;display:grid}.personnel-preview-states{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center}.personnel-preview-states>svg{color:#27755f}.personnel-preview-warning{color:#895d18;background:#fff8e8;border:1px solid #e7ce9c}.odoo-change-secondary{color:#56635e;border:1px solid #e1e8e5;border-radius:10px;align-items:center;gap:9px;margin-top:8px;padding:10px 13px;font-size:13px;display:flex}@keyframes spin{to{transform:rotate(360deg)}}.odoo-config-checks{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.odoo-config-checks label{color:#53635d;background:#fff;border:1px solid #dfe6e3;border-radius:9px;grid-template-columns:none;align-items:center;gap:7px;min-height:38px;padding:7px 11px;font-size:11px;font-weight:700;display:flex}.odoo-config-checks input{width:15px;min-height:15px;margin:0}.odoo-approval-alert{color:#96621e;align-items:center;gap:9px;margin-bottom:12px;display:flex}.odoo-approval-alert span{background:#fff0d2;border-radius:50%;place-items:center;width:24px;height:24px;font-size:11px;font-weight:900;display:grid}.odoo-action-list>article{border-top:1px solid var(--odoo-line);overflow:hidden}.odoo-action-list>article.needs-approval{background:#fffcf5;border:1px solid #ecd6aa;border-radius:13px;margin:4px 0;padding:0 12px}.odoo-action-summary{text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:12px;width:100%;padding:14px 0;display:grid}.odoo-action-summary>div{gap:4px;min-width:0;display:grid}.odoo-status{color:#66716d;white-space:nowrap;background:#eef1f0;border-radius:99px;align-items:center;width:max-content;min-height:25px;padding:3px 9px;font-size:10px;font-weight:800;display:inline-flex}.odoo-status-success{color:#247456;background:#e8f7ef}.odoo-status-warning{color:#96631c;background:#fff3d9}.odoo-status-danger{color:#a5463e;background:#fcebea}.odoo-action-detail{padding:6px 0 18px 48px}.odoo-change-line{background:#f2f6f4;border-radius:11px;align-items:center;gap:10px;padding:13px;font-size:12px;display:flex}.odoo-action-detail h4{margin:18px 0 8px}.odoo-step-list{gap:8px;margin-bottom:15px;display:grid}.odoo-step-list>div{grid-template-columns:25px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.odoo-step-list>div>span{background:#e9efec;border-radius:50%;place-items:center;width:25px;height:25px;font-size:10px;font-weight:800;display:grid}.odoo-step-list p{gap:2px;margin:0;display:grid}.button.danger{color:#a13e36;background:#fff4f3;border-color:#e6c6c3}.odoo-balance-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.odoo-balance-grid button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e0e6e3;border-radius:14px;gap:4px;min-width:0;padding:17px;display:grid;position:relative}.odoo-balance-grid button.active{border-color:#70b49f;box-shadow:0 0 0 2px #def0e9}.odoo-balance-grid button>span{color:#5d6c66;font-weight:700}.odoo-balance-grid button>strong{color:#246f5a;font-size:31px}.odoo-balance-grid button>small{color:#7e8a85}.odoo-balance-grid button>svg{color:#80908a;position:absolute;top:18px;right:14px}.odoo-team-calendar,.odoo-request-panel,.odoo-month-calendar,.odoo-team-attendance{padding:22px}.odoo-calendar-days,.odoo-attendance-days{grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;display:grid}.odoo-calendar-weekdays{color:#68766f;text-align:center;grid-template-columns:repeat(7,minmax(0,1fr));gap:7px;margin:2px 0 7px;font-weight:800;display:grid}.odoo-calendar-weekdays span{padding:5px 2px}.odoo-attendance-days .calendar-spacer{min-height:63px}.odoo-calendar-days button,.odoo-attendance-days button{text-align:left;cursor:pointer;background:#fff;border:1px solid #e3e8e6;border-radius:10px;min-height:63px;padding:9px;display:grid;position:relative}.odoo-calendar-days button.has-leave{background:#f1f8f5;border-color:#badace}.odoo-calendar-days button>small{color:#75827d}.odoo-calendar-days button>i{background:#4b9d83;border-radius:50%;width:6px;height:6px;margin:5px 3px 0 0;display:inline-block}.odoo-request-list article,.odoo-team-attendance-list article{border-top:1px solid var(--odoo-line);grid-template-columns:auto minmax(190px,1fr) auto auto;align-items:center;gap:13px;padding:14px 0;display:grid}.odoo-request-list article:first-child,.odoo-team-attendance-list article:first-child{border-top:0}.odoo-request-list em{color:#697670;font-size:11px;font-style:normal}.odoo-cancel-status{color:#9b6822;font-size:11px;font-weight:800}.odoo-inline-dialog{z-index:160;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#131f1b7a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.odoo-inline-dialog form{background:#fff;border-radius:17px;gap:15px;width:min(430px,100%);padding:23px;display:grid;box-shadow:0 24px 60px #14221d33}.odoo-clock-card{color:#fff;text-align:center;background:linear-gradient(145deg,#183f35,#286d59);border-radius:20px;align-content:center;justify-items:center;min-height:275px;padding:28px;display:grid}.odoo-clock-card>strong{margin:10px 0 5px;font-size:21px}.odoo-clock-card>small{color:#cee2da}.odoo-clock-card>p{color:#c5dcd4;align-items:center;gap:6px;margin:12px 0 0;font-size:10px;display:flex}.odoo-clock-button{color:#22634f;cursor:pointer;background:#fff;border:0;border-radius:99px;justify-content:center;align-items:center;gap:9px;min-width:180px;min-height:52px;margin-top:22px;font-weight:900;display:inline-flex}.odoo-clock-button:disabled{opacity:.6}.odoo-month-stats{grid-template-columns:repeat(3,1fr);align-items:center;padding:22px;display:grid}.odoo-month-stats button{border:0;border-right:1px solid var(--odoo-line);background:0 0;gap:7px;padding:20px 8px;display:grid}.odoo-month-stats button:last-child{border-right:0}.odoo-month-stats strong{color:#236e59;font-size:32px}.odoo-month-stats span{color:#66736e;font-size:11px}.odoo-attendance-days button small{color:#66736e;font-size:9px}.odoo-attendance-days button i{color:#89948f;margin-top:5px;font-size:9px;font-style:normal}.odoo-attendance-days button.normal{background:#f0f8f4}.odoo-attendance-days button.working{background:#eef6fa}.odoo-attendance-days button.missing{background:#fff2f0}.odoo-attendance-days button.leave{background:#f5f0fa}.odoo-attendance-days button.rest,.odoo-attendance-days button.holiday{background:#f5f6f5}.odoo-attendance-days button.selected{outline-offset:1px;outline:2px solid #2e8068}.odoo-attendance-days button.calendar-empty-day{color:#9aa39f;background:#fafbfa}.odoo-attendance-days button.status-filtered{opacity:.32;filter:grayscale(.45)}.odoo-calendar-empty-detail{color:#68766f;background:#f4f7f5;border-radius:13px;align-items:center;gap:9px;margin-top:16px;padding:15px;display:flex}.odoo-day-detail{background:#f4f7f5;border-radius:13px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px;padding:15px;display:grid}.odoo-day-detail>div{gap:5px;min-width:0;display:grid}.odoo-day-detail small{color:#78847f}.odoo-day-detail strong{overflow-wrap:anywhere;font-size:12px}.odoo-team-attendance-list article{grid-template-columns:auto minmax(180px,1fr) minmax(150px,.7fr) auto}.odoo-team-dashboard{gap:18px;display:grid}.team-attendance-overview .panel-head p,.odoo-team-attendance .panel-head p{color:#64716c;margin:5px 0 0}.payroll-center{font-size:15px}.payroll-center button,.payroll-center input,.payroll-center select{font:inherit}.payroll-center-hero{color:#fff;background:linear-gradient(125deg,#0f766e,#115e59 58%,#134e4a);border-radius:22px;justify-content:space-between;align-items:center;gap:22px;padding:28px 30px;display:flex;box-shadow:0 18px 45px #0f766e29}.payroll-center-hero h2{margin:5px 0 7px;font-size:clamp(27px,3vw,38px)}.payroll-center-hero p{color:#ffffffd1;max-width:720px;margin:0;font-size:16px;line-height:1.65}.payroll-center-hero .eyebrow{color:#99f6e4}.payroll-hero-actions{flex-wrap:wrap;gap:10px;display:flex}.payroll-center-hero .button.secondary{color:#fff;background:#ffffff1f;border-color:#ffffff52}.payroll-center-hero .button.primary{color:#115e59;background:#fff}.payroll-compliance-gate{color:#714b12;background:#fffaf0;border:1px solid #f0c36b;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;padding:16px 19px;display:grid}.payroll-compliance-gate p{margin:4px 0 0;line-height:1.55}.payroll-compliance-gate>span{letter-spacing:.05em;background:#fef3c7;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.payroll-alert{border-radius:12px;align-items:center;gap:10px;padding:13px 16px;font-size:15px;display:flex}.payroll-alert span{flex:1}.payroll-alert button{color:inherit;background:0 0;border:0;place-items:center;display:grid}.payroll-alert.error{color:#9f1239;background:#fff1f2;border:1px solid #fecdd3}.payroll-alert.success{color:#166534;background:#f0fdf4;border:1px solid #bbf7d0}.payroll-alert.warning{color:#92400e;background:#fffbeb;border:1px solid #fde68a;margin:14px 0 0}.payroll-layout{grid-template-columns:minmax(250px,300px) minmax(0,1fr);align-items:start;gap:18px;display:grid}.payroll-batches{max-height:calc(100vh - 104px);position:sticky;top:82px;overflow:auto}.payroll-batch-list{gap:7px;display:grid}.payroll-batch-list>button{text-align:left;color:#27352f;background:#f7faf8;border:1px solid #0000;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:12px;display:flex}.payroll-batch-list>button:hover,.payroll-batch-list>button.active{background:#ecfdf5;border-color:#5eead4}.payroll-batch-list span{gap:4px;min-width:0;display:grid}.payroll-batch-list small{color:#6b7c74}.payroll-main{gap:18px;min-width:0;display:grid}.payroll-run-head{justify-content:space-between;align-items:center;gap:16px;display:flex}.payroll-run-head h3{margin:4px 0;font-size:23px}.payroll-run-head p{color:#64716c;margin:0;line-height:1.5}.payroll-state{white-space:nowrap;color:#475569;background:#eef2f4;border-radius:999px;align-items:center;padding:4px 8px;font-size:12px;font-style:normal;font-weight:800;display:inline-flex}.payroll-state.large{padding:7px 12px;font-size:13px}.payroll-state.state-confirmed,.payroll-state.state-locked,.payroll-state.state-distributed{color:#166534;background:#dcfce7}.payroll-state.state-estimated,.payroll-state.state-exported{color:#92400e;background:#fef3c7}.payroll-state.state-superseded{color:#64748b;background:#e2e8f0}.payroll-live-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.payroll-live-metrics .metric-card{min-height:116px}.payroll-live-metrics .metric-card>span{color:#64716c}.payroll-live-metrics .metric-card>strong{overflow-wrap:anywhere;font-size:clamp(18px,2vw,25px)}.payroll-stepper{grid-template-columns:repeat(6,minmax(80px,1fr));gap:8px;margin:18px 0;display:grid;overflow-x:auto}.payroll-stepper>span{color:#829089;background:#f1f5f3;border-radius:10px;place-items:center;min-width:82px;padding:9px 6px;font-weight:800;display:grid}.payroll-stepper>span.done{color:#0f766e;background:#ccfbf1}.payroll-stepper small{margin-top:4px;font-weight:700}.payroll-workflow-actions{flex-wrap:wrap;gap:10px;display:flex}.payroll-file-button{cursor:pointer}.payroll-file-button input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.payroll-result-table{overflow-x:auto}.payroll-result-row{border-bottom:1px solid #edf1ef;grid-template-columns:minmax(190px,1.5fr) repeat(3,minmax(120px,1fr)) minmax(100px,.7fr) minmax(92px,auto);align-items:center;gap:10px;min-width:850px;padding:11px 4px;display:grid}.payroll-result-row.header{color:#718078;font-size:13px;font-weight:800}.payroll-result-row>span:first-child{gap:3px;display:grid}.payroll-result-row small{color:#718078}.payroll-result-row>span:last-child{justify-content:flex-end;gap:6px;display:flex}.payroll-result-row button,.payroll-card-actions button{color:#0f766e;background:#fff;border:1px solid #cbd8d2;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:35px;padding:6px 10px;font-weight:700;display:inline-flex}.payroll-empty,.payroll-center-loading{color:#64716c;place-items:center;gap:10px;min-height:220px;font-size:16px;display:grid}.payroll-self-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.payroll-self-net{color:#fff;background:linear-gradient(130deg,#0f766e,#0d9488);border-radius:14px;gap:4px;margin:16px 0;padding:18px;display:grid}.payroll-self-net strong{font-size:clamp(27px,4vw,38px)}.payroll-self-net small{color:#fffc}.payroll-summary-pair{grid-template-columns:1fr 1fr;gap:10px;display:grid}.payroll-summary-pair>span{color:#64716c;background:#f6f8f7;border-radius:10px;gap:4px;padding:11px;display:grid}.payroll-summary-pair strong{color:#22322a;font-size:16px}.payroll-card-actions{flex-wrap:wrap;gap:8px;margin-top:15px;display:flex}.payroll-dialog-backdrop{z-index:1600;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.payroll-dialog{background:#fff;border-radius:20px;width:min(720px,96vw);max-height:92vh;padding:24px;font-size:15px;overflow:auto;box-shadow:0 30px 90px #0f172a52}.payroll-slip-dialog{width:min(1120px,96vw)}.payroll-dialog .panel-head{z-index:2;background:#fffffff7;border-bottom:1px solid #e7ece9;margin:-24px -24px 18px;padding:20px 24px 15px;position:sticky;top:-24px}.payroll-dialog .panel-head p{color:#64716c;margin:4px 0 0}.payroll-form-grid{grid-template-columns:1fr 1fr;gap:14px;display:grid}.payroll-form-grid label{color:#405048;gap:7px;font-weight:700;display:grid}.payroll-form-grid input,.payroll-form-grid select{background:#fff;border:1px solid #cbd8d2;border-radius:10px;width:100%;min-height:44px;padding:8px 10px}.payroll-dialog-actions{background:#fffffff7;border-top:1px solid #e7ece9;flex-wrap:wrap;justify-content:flex-end;gap:10px;margin:20px -24px -24px;padding:15px 24px;display:flex;position:sticky;bottom:-24px}.payroll-slip-total{color:#fff;background:#0f766e;border-radius:14px;gap:3px;padding:18px;display:grid}.payroll-slip-total strong{font-size:32px}.payroll-slip-total small{color:#ccfbf1}.payroll-daily-facts{grid-template-columns:.7fr .9fr 2fr;gap:10px;margin-top:12px;display:grid}.payroll-daily-facts span{background:#f0fdfa;border-radius:10px;gap:4px;padding:10px;display:grid}.payroll-six-regions{grid-template-columns:1fr 1fr;gap:14px;margin-top:16px;display:grid}.payroll-six-regions section{border:1px solid #e4ebe7;border-radius:12px;overflow:hidden}.payroll-six-regions h4{color:#115e59;background:#e6fffb;margin:0;padding:9px 12px;font-size:15px}.payroll-six-regions section>div{border-top:1px solid #edf1ef;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:8px 12px;display:grid}.payroll-six-regions section>div>span{gap:2px;display:grid}.payroll-six-regions small{color:#718078}.payroll-source-note{color:#166534;background:#f0fdf4;border-radius:10px;align-items:center;gap:8px;margin-top:14px;padding:10px;display:flex}.payroll-warning-list{gap:8px;max-height:48vh;display:grid;overflow:auto}.payroll-warning-list>div{background:#fff7ed;border-radius:9px;grid-template-columns:1fr auto auto;gap:12px;padding:10px;display:grid}.payroll-warning-list em{color:#9a3412;font-style:normal}.spin{animation:1s linear infinite payroll-spin}@keyframes payroll-spin{to{transform:rotate(360deg)}}@media (max-width:1050px){.payroll-layout{grid-template-columns:1fr}.payroll-batches{max-height:none;position:static}.payroll-batch-list,.payroll-live-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.payroll-center-hero{flex-direction:column;align-items:flex-start;padding:22px}.payroll-hero-actions{width:100%}.payroll-hero-actions .button{flex:1}.payroll-compliance-gate{grid-template-columns:auto 1fr}.payroll-compliance-gate>span{grid-column:1/-1;justify-self:start}.payroll-batch-list,.payroll-self-grid,.payroll-live-metrics,.payroll-six-regions,.payroll-form-grid{grid-template-columns:1fr}.payroll-stepper{grid-template-columns:repeat(6,90px)}.payroll-dialog-backdrop{padding:8px}.payroll-dialog{border-radius:15px;width:100%;max-height:96vh;padding:18px}.payroll-dialog .panel-head{margin:-18px -18px 14px;padding:16px 18px 13px;top:-18px}.payroll-dialog-actions{margin:16px -18px -18px;padding:12px 18px;bottom:-18px}.payroll-warning-list>div,.payroll-daily-facts{grid-template-columns:1fr}}.team-attendance-toolbar{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.team-attendance-toolbar h3{margin:5px 0 4px}.team-attendance-toolbar p{color:#64716c;max-width:760px;margin:0}.team-period-controls{flex:none;align-items:center;gap:9px;display:flex}.team-period-controls>div{border:1px solid #cad9d3;border-radius:10px;display:flex;overflow:hidden}.team-period-controls button{color:#4f625b;cursor:pointer;background:#fff;border:0;border-left:1px solid #dce5e1;min-height:40px;padding:0 14px}.team-period-controls button:first-child{border-left:0}.team-period-controls button.active{color:#fff;background:#287b63}.team-period-controls input{color:#30473f;background:#fff;border:1px solid #cad9d3;border-radius:10px;min-height:42px;padding:0 11px;font-size:14px}.team-period-caption{color:#53665f;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-top:17px;display:flex}.team-period-caption strong{color:#23463c}.team-period-caption .spin{animation:1s linear infinite team-spin}@keyframes team-spin{to{transform:rotate(360deg)}}.team-attendance-rate{background:#eef7f3;border-radius:14px;grid-template-columns:auto minmax(180px,1fr) auto;align-items:center;gap:16px;margin:20px 0 16px;padding:16px 18px;display:grid}.team-attendance-rate>div:first-child{gap:2px;display:grid}.team-attendance-rate strong{color:#155d4c;font-size:28px;line-height:1}.team-attendance-rate>div:nth-child(2){background:#d4e7df;border-radius:99px;height:9px;overflow:hidden}.team-attendance-rate i{border-radius:inherit;background:linear-gradient(90deg,#2e8068,#45a789);height:100%;display:block}.team-attendance-rate small{color:#52645e}.team-attendance-kpis{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.team-attendance-kpis button{color:#43534d;text-align:left;cursor:pointer;background:#fff;border:1px solid #dce6e2;border-radius:12px;gap:5px;min-height:78px;padding:12px;display:grid}.team-attendance-kpis button:hover,.team-attendance-kpis button.active{background:#eff8f4;border-color:#4b9b82}.team-attendance-kpis strong{color:#193d34;font-size:25px}.team-attendance-kpis span{font-size:13px}.team-attendance-trend{border-top:1px solid #e1e8e5;align-items:stretch;gap:4px;height:150px;margin-top:16px;padding-top:14px;display:flex;overflow-x:auto}.team-attendance-trend>div{text-align:center;flex:1 0 18px;grid-template-rows:1fr auto;gap:5px;min-width:18px;display:grid}.team-attendance-trend>div>span{background:#f2f6f4;border-radius:4px 4px 0 0;justify-content:center;align-items:flex-end;min-height:105px;display:flex;position:relative}.team-attendance-trend i,.team-attendance-trend b{border-radius:4px 4px 0 0;width:72%;position:absolute;bottom:0}.team-attendance-trend i{background:#c7ddd5}.team-attendance-trend b{background:#32846b;width:42%}.team-attendance-trend small{color:#74817c;font-size:11px}.department-attendance-summary .panel-head select{min-width:220px}.department-attendance-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.department-attendance-list button{text-align:left;cursor:pointer;background:#fbfdfc;border:1px solid #dfe8e4;border-radius:12px;gap:10px;padding:13px;display:grid}.department-attendance-list button:hover,.department-attendance-list button.active{background:#eff8f4;border-color:#4b9b82}.department-attendance-list button>span{justify-content:space-between;align-items:center;gap:8px;display:flex}.department-attendance-list strong{color:#243f37;font-size:15px}.department-attendance-list small{color:#66736e}.department-attendance-list em{color:#68756f;font-size:12px;font-style:normal}.attendance-breadcrumb{flex-wrap:wrap;align-items:center;gap:5px;margin:0 0 14px;display:flex}.attendance-breadcrumb span{align-items:center;gap:5px;display:flex}.attendance-breadcrumb button{color:#286d58;cursor:pointer;background:0 0;border:0;padding:4px;font-size:13px}.turn-back{transform:rotate(180deg)}.attendance-page-size{color:#607069;align-items:center;gap:8px;font-size:13px;display:flex}.attendance-page-size select{background:#fff;border:1px solid #cfdad5;border-radius:9px;min-height:38px;padding:0 9px;font-size:14px}.attendance-detail-pagination{border-top:1px solid #e2e8e5;justify-content:flex-end;align-items:center;gap:12px;margin-top:14px;padding-top:13px;display:flex}.attendance-detail-pagination span{color:#586860;text-align:center;min-width:58px;font-weight:750}.roster-workspace .panel-head p{color:#64716c;max-width:840px;margin:5px 0 0}.roster-workspace .spin{animation:1s linear infinite team-spin}.roster-segment-editor{background:#f8fbfa;border:1px solid #dce7e3;border-radius:13px;gap:10px;padding:13px;display:grid}.roster-segment-heading{justify-content:space-between;align-items:center;gap:12px;display:flex}.roster-segment-row{grid-template-columns:minmax(150px,1fr) minmax(120px,.55fr) minmax(120px,.55fr) auto;align-items:end;gap:10px;display:grid}.roster-segment-row>button{color:#9a4c56;cursor:pointer;background:#fff7f8;border:1px solid #e2d5d7;border-radius:10px;place-items:center;width:42px;height:42px;display:grid}.roster-segment-row>button:disabled{opacity:.35;cursor:not-allowed}.roster-bulk-form{grid-template-columns:minmax(220px,1.4fr) repeat(3,minmax(150px,1fr)) auto;align-items:end;gap:11px;display:grid}.roster-bulk-form>label{gap:7px;display:grid}.roster-bulk-form>label>span{color:#52635d;font-size:13px;font-weight:700}.roster-bulk-form input,.roster-bulk-form select{background:#fff;border:1px solid #cfdad5;border-radius:10px;width:100%;min-height:42px;padding:0 10px;font-size:14px}.roster-bulk-preview{background:#eff8f4;border:1px solid #bcd9cf;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;margin-top:15px;padding:14px;display:flex}.roster-bulk-preview dl{flex-wrap:wrap;gap:10px 22px;margin:0;display:flex}.roster-bulk-preview dl>div{gap:3px;display:grid}.roster-bulk-preview dt{color:#697870;font-size:12px}.roster-bulk-preview dd{color:#244a3e;margin:0;font-size:19px;font-weight:800}.roster-published-list>div:last-child{gap:7px;display:grid}.roster-published-list article{border-top:1px solid #e3e9e6;grid-template-columns:minmax(170px,1fr) minmax(220px,1.4fr) auto;align-items:center;gap:12px;padding:11px 2px;display:grid}.roster-published-list article:first-child{border-top:0}.roster-published-list article>div:first-child{gap:3px;display:grid}.roster-published-list article small{color:#6d7974}.roster-published-list article>div:nth-child(2){flex-wrap:wrap;gap:6px;display:flex}.roster-published-list article>div:nth-child(2) span{color:#376252;background:#edf5f2;border-radius:99px;padding:5px 9px;font-size:12px}.roster-published-list article>em{color:#65736d;font-style:normal;font-weight:750}.correction-help{color:#3f554e;background:#eff8f4;border-left:3px solid #3f9278;border-radius:0 9px 9px 0;margin:12px 0 16px;padding:12px 14px}.odoo-policy-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.odoo-policy-grid article{padding:20px}.odoo-policy-grid article>div{align-items:center;gap:10px;display:flex}.odoo-policy-grid article p{gap:3px;margin:0;display:grid}@media (max-width:900px){.odoo-self-grid,.odoo-attendance-top,.odoo-policy-grid{grid-template-columns:1fr}.odoo-action-form,.odoo-action-form.compact,.odoo-balance-grid,.odoo-day-detail{grid-template-columns:repeat(2,minmax(0,1fr))}.odoo-history-list article{grid-template-columns:auto minmax(0,1fr) auto}.odoo-team-access-grid{grid-template-columns:1fr}.odoo-history-wage{text-align:left;grid-column:2/-1}.team-attendance-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.department-attendance-list{grid-template-columns:repeat(2,minmax(0,1fr))}.team-attendance-toolbar{flex-direction:column;align-items:stretch}.team-period-controls{justify-content:space-between}.roster-bulk-form{grid-template-columns:repeat(2,minmax(0,1fr))}.roster-bulk-form>.department-picker{grid-column:1/-1}.personnel-work-queue-list>article{grid-template-columns:auto minmax(0,1fr) auto}.personnel-work-queue-list dl,.personnel-work-queue-state{grid-column:2}.personnel-work-queue-list>article>.button{grid-area:1/3}}@media (max-width:600px){.odoo-section-heading{flex-direction:column;align-items:stretch;gap:13px}.odoo-heading-actions{grid-template-columns:1fr 1fr;display:grid}.odoo-heading-actions .button{justify-content:center;min-width:0;padding-inline:10px}.odoo-source-strip{flex-wrap:wrap;align-items:flex-start}.odoo-source-strip span{width:100%;margin-left:26px}.odoo-team-picker{flex-direction:column;align-items:stretch}.odoo-team-picker label{min-width:0}.odoo-lifecycle-panel,.odoo-team-calendar,.odoo-request-panel,.odoo-month-calendar,.odoo-team-attendance{padding:16px}.odoo-action-form,.odoo-action-form.compact{grid-template-columns:1fr;padding:14px}.odoo-action-form label,.odoo-action-form .wide{grid-column:1}.odoo-balance-grid{grid-template-columns:1fr 1fr;gap:8px}.odoo-balance-grid button{padding:13px}.odoo-balance-grid button>strong{font-size:25px}.odoo-calendar-days,.odoo-attendance-days{gap:4px}.odoo-calendar-days button,.odoo-attendance-days button{min-height:54px;padding:6px}.odoo-calendar-days button>small,.odoo-attendance-days button small{text-overflow:ellipsis;font-size:8px;overflow:hidden}.odoo-history-list article{grid-template-columns:auto minmax(0,1fr)}.odoo-history-list article>div:nth-of-type(2),.odoo-history-wage{text-align:left;grid-column:2}.odoo-action-summary{grid-template-columns:auto minmax(0,1fr) auto}.odoo-action-summary>.odoo-status{grid-column:2}.odoo-action-summary>svg{grid-area:1/3}.odoo-action-detail{padding-left:0}.odoo-change-line,.odoo-change-secondary{flex-direction:column;align-items:flex-start}.personnel-context-grid,.personnel-preview-states{grid-template-columns:1fr}.personnel-preview-states>svg{justify-self:center;transform:rotate(90deg)}.personnel-context-grid dl,.personnel-preview-states dl{grid-template-columns:1fr}.specialist-context-card dl{grid-template-columns:1fr 1fr}.odoo-request-list article,.odoo-team-attendance-list article{grid-template-columns:auto minmax(0,1fr) auto;align-items:start}.odoo-request-list article>.odoo-status,.odoo-request-list article>.odoo-cancel-status,.odoo-request-list article>.odoo-row-actions,.odoo-team-attendance-list article>div:nth-of-type(2),.odoo-team-attendance-list article>.odoo-status{grid-column:2/-1}.odoo-row-actions{flex-wrap:wrap}.odoo-month-stats{padding:10px}.odoo-month-stats strong{font-size:26px}.odoo-day-detail,.team-attendance-rate{grid-template-columns:1fr}.team-attendance-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.department-attendance-list{grid-template-columns:1fr}.department-attendance-summary .panel-head select{width:100%;min-width:0}.team-period-controls{flex-direction:column;align-items:stretch}.team-period-controls>div{width:100%}.team-period-controls button{flex:1}.team-period-controls input{width:100%}.attendance-page-size{justify-content:space-between;width:100%}.roster-segment-row,.roster-bulk-form{grid-template-columns:1fr}.roster-segment-row>button{width:100%}.roster-bulk-form>.department-picker{grid-column:1}.roster-bulk-preview{flex-direction:column;align-items:stretch}.roster-bulk-preview .button{justify-content:center;width:100%}.roster-published-list article{grid-template-columns:1fr auto}.roster-published-list article>div:nth-child(2){grid-column:1/-1}.personnel-work-queue{padding:14px}.personnel-work-queue-head{flex-direction:column}.personnel-work-queue-kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.personnel-work-queue-filters{grid-template-columns:1fr}.personnel-work-queue-list>article{grid-template-columns:auto minmax(0,1fr);align-items:start}.personnel-work-queue-list dl,.personnel-work-queue-state,.personnel-work-queue-list>article>.button{grid-area:auto/2;justify-self:start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.hr-business-portal{--hr-type-body:15px;--hr-type-label:14px;--hr-type-secondary:13px;--hr-type-warning:15px;font-size:var(--hr-type-body)}.hr-business-portal :where(button,input,select,textarea){font-size:14px}.hr-business-portal :where(small,.table-secondary,.odoo-action-list small,.odoo-request-list small){font-size:var(--hr-type-secondary);line-height:1.45}.hr-business-portal .odoo-balance-grid button>small{color:#53605b}.hr-business-portal :where(.odoo-action-form,.modal-form) label>span,.hr-business-portal :where(.employee-picker-label,.attendance-policy-selector>span){font-size:var(--hr-type-label);line-height:1.4}.hr-business-portal :where(.balance-notice,.leave-preview,.correction-eligibility,.odoo-approval-alert){font-size:var(--hr-type-warning);line-height:1.5}.hr-business-portal .content :where(p,small,dt,dd,td,th,label>span){line-height:1.55;font-size:14px!important}.hr-business-portal .content :where(small,em,dt,dd,td,th,label>span,.people-hub-scope,.queue-due){line-height:1.5;font-size:14px!important}.hr-business-portal .content :where(button,input,select,textarea){font-size:14px!important}.hr-business-portal .people-management-hub :where(span,small,em,p,dt,dd,td,th,legend){line-height:1.5;font-size:14px!important}.hr-business-portal .people-management-hub :where(p>strong,button>strong){font-size:15px!important}.hr-business-portal .people-management-hub .hc-summary-grid strong{font-size:22px!important}.people-hub-head-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:9px;display:flex}.standalone-compensation-plans{padding:20px 21px 22px}.hr-business-portal .content :where(.eyebrow,.section-label,.card-kicker){font-size:14px;line-height:1.4}.hr-business-portal .content :where(.odoo-status,.period-chip,.status-pill){font-size:14px}.hr-business-portal .content :where(p,small,span,em,dt,dd,li,a,button,label,input,select,textarea,td,th,caption){font-size:max(14px,1em)!important}.hr-business-portal .page-title p,.hr-business-portal .portal-breadcrumbs{font-size:14px}.sidebar :where(.company-switcher small,.demo-support p,.sidebar-user small){font-size:12px;line-height:1.4}.odoo-fixed-action-type{background:#f3f8f6;border:1px solid #d6e2de;border-radius:10px;align-content:center;gap:5px;min-height:45px;padding:8px 12px;display:grid}.odoo-fixed-action-type span{color:#65736e;font-size:14px}.odoo-fixed-action-type strong{color:#194f41;font-size:15px}.role-nav{scrollbar-gutter:stable;overscroll-behavior:contain;flex:auto;align-content:start;gap:5px;min-height:0;margin-right:-8px;padding-right:8px;display:grid;overflow:hidden auto}.role-nav::-webkit-scrollbar{width:6px}.role-nav::-webkit-scrollbar-thumb{background:#c7d7d1;border-radius:99px}.role-nav .nav-direct,.role-nav .nav-group-trigger{color:#53605b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;width:100%;min-height:42px;padding:9px 12px;font-size:14px;display:grid}.role-nav .nav-direct:hover,.role-nav .nav-group-trigger:hover,.role-nav .nav-group.active>.nav-group-trigger{color:#245f50;background:#edf6f2}.role-nav .nav-direct.active{color:#fff;background:#2e8068}.role-nav .nav-group-chevron{transition:transform .18s}.role-nav .nav-group-trigger[aria-expanded=true] .nav-group-chevron{transform:rotate(180deg)}.role-nav .nav-children{border-left:1px solid #d7e5df;gap:3px;margin:3px 0 7px 31px;padding-left:10px;display:grid}.role-nav .nav-children button{color:#63706b;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:7px 10px;font-size:13px;display:flex}.role-nav .nav-children button:hover,.role-nav .nav-children button.active{color:#21644f;background:#edf6f2;font-weight:700}.role-nav .nav-children em{color:#fff;text-align:center;background:#d45145;border-radius:999px;min-width:22px;padding:2px 6px;font-size:11px;font-style:normal}.portal-breadcrumbs{color:#74817c;align-items:center;gap:6px;margin-bottom:3px;font-size:12px;display:flex}.portal-breadcrumbs svg{transform:rotate(-90deg)}.portal-breadcrumbs strong{color:#50605a}.portal-forbidden{justify-items:start;gap:12px;max-width:620px;padding:32px;display:grid}.portal-forbidden svg{color:#b34e42}.portal-forbidden h2,.portal-forbidden p{margin:0}.employee-picker{gap:7px;min-width:0;display:grid;position:relative}.employee-picker-trigger{color:#40504a;text-align:left;background:#fff;border:1px solid #cfd9d5;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;width:100%;min-height:45px;padding:8px 12px;display:grid}.employee-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #2e8068}.employee-picker-avatar{color:#286d58;background:#e7f4ef;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.employee-picker-selected{gap:2px;min-width:0;display:grid}.employee-picker-selected strong,.employee-picker-selected small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.employee-picker-placeholder{color:#75827d}.employee-picker-clear{color:#6d7974;background:#f1f4f3;border:0;border-radius:50%;place-items:center;width:24px;height:24px;display:grid;position:absolute;top:35px;right:34px}.employee-picker-popover{z-index:160;box-sizing:border-box;background:#fff;border:1px solid #d4dfdb;border-radius:13px;flex-direction:column;width:min(520px,88vw);display:flex;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 16px 44px #2342372e}.employee-picker-search{border-bottom:1px solid #e2e8e5;align-items:center;gap:8px;padding:12px;display:flex}.employee-picker-search input{border:0;outline:0;flex:1;min-width:0}.employee-picker-filters{background:#f7f9f8;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;display:flex}.employee-picker-active-filter{align-items:center;gap:7px;font-size:13px;display:flex}.employee-picker-results{overscroll-behavior:contain;flex:1;min-height:150px;max-height:none;padding:6px;overflow:auto}.employee-picker-results>button{text-align:left;background:0 0;border:0;border-radius:9px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;width:100%;padding:10px;display:grid}.employee-picker-results>button:hover,.employee-picker-results>button[aria-selected=true]{background:#edf6f2}.employee-picker-results>button>span:nth-child(2){gap:3px;min-width:0;display:grid}.employee-picker-results small{color:#71807a}.employee-picker-state{color:#6b7873;text-align:center;padding:22px 12px}.employee-picker-state.error{color:#a13f36}.department-picker{color:#40504a;gap:7px;min-width:0;font-size:14px;display:grid;position:relative}.department-picker-label{color:#43534d;font-size:14px;font-weight:700}.department-picker-trigger{color:#344740;width:100%;min-height:45px;font:inherit;text-align:left;cursor:pointer;background:#fff;border:1px solid #cfd9d5;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:8px;padding:7px 10px;display:grid}.department-picker.compact .department-picker-trigger{grid-template-columns:auto minmax(0,1fr) auto;min-height:43px;padding:7px 10px}.department-picker-trigger:hover,.department-picker-trigger[aria-expanded=true]{border-color:#4b9b82;box-shadow:0 0 0 2px #2e806817}.department-picker-trigger:focus-visible{outline-offset:2px;outline:2px solid #2e8068}.department-picker-trigger:disabled{cursor:not-allowed;opacity:.58;background:#f2f4f3}.department-picker-trigger>svg:first-child{color:#2e8068}.department-picker-trigger>svg:last-child{color:#6f7d78;transition:transform .16s}.department-picker-trigger[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.department-picker-trigger>span{gap:2px;min-width:0;display:grid}.department-picker-trigger strong,.department-picker-trigger small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.department-picker-trigger strong{color:inherit;font-size:14px;font-weight:750}.department-picker-trigger small{color:#71807a;font-size:12px}.department-picker-trigger em{color:#2c725d;white-space:nowrap;background:#e7f4ef;border-radius:99px;padding:3px 7px;font-size:11px;font-style:normal;font-weight:700}.department-picker-clear{z-index:2;color:#65736d;cursor:pointer;background:#eef2f0;border:0;border-radius:50%;place-items:center;width:23px;height:23px;display:grid;position:absolute;bottom:11px;right:35px}.department-picker-popover{z-index:170;box-sizing:border-box;background:#fff;border:1px solid #d2ded9;border-radius:13px;flex-direction:column;width:min(500px,88vw);display:flex;position:absolute;top:calc(100% + 5px);left:0;overflow:hidden;box-shadow:0 18px 48px #23423736}.department-picker-search{color:#5f7069;background:#fbfcfc;border-bottom:1px solid #e1e8e5;align-items:center;gap:8px;min-height:45px;padding:8px 11px;display:flex}.department-picker-search input{color:#263a33;min-width:0;font:inherit;background:0 0;border:0;outline:0;flex:1}.department-picker-search button{color:#65736d;cursor:pointer;background:#edf1ef;border:0;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.department-picker-results{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;min-height:130px;max-height:none;padding:6px;overflow-y:auto}.department-picker-results>button{--department-depth:0;width:100%;min-height:49px;padding:7px 9px 7px calc(9px + var(--department-depth) * 17px);color:#30453e;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:9px;grid-template-columns:22px minmax(0,1fr) 18px;align-items:center;gap:8px;display:grid}.department-picker-results>button:hover,.department-picker-results>button.selected{color:#205f4e;background:#edf7f3}.department-picker-results>button>span:nth-child(2){gap:2px;min-width:0;display:grid}.department-picker-results strong,.department-picker-results small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.department-picker-results strong{font-size:14px;font-weight:750}.department-picker-results small{color:#71807a;font-size:12px}.department-picker-tree-icon{color:#2e8068;place-items:center;width:22px;height:27px;display:grid;position:relative}.department-picker-tree-icon>span{background:#fff;border:2px solid #69a793;border-radius:50%;width:7px;height:7px}.department-picker-empty{color:#71807a;text-align:center;padding:24px 12px}.employee-picker-filters .department-picker{flex:260px}.personnel-work-queue-filters .department-picker{min-width:0}.department-attendance-summary .panel-head .department-picker{width:min(370px,100%)}.attendance-department-controls{justify-content:flex-end;align-items:flex-end;gap:10px;width:min(520px,100%);display:flex}.attendance-department-controls .department-picker{flex:300px;min-width:0}.attendance-department-controls>.button{white-space:nowrap;flex:none}@media (max-width:720px){.attendance-department-controls{flex-direction:column;align-items:stretch}.attendance-department-controls .department-picker{flex-basis:auto;width:100%}}.correction-lookup-grid>.department-picker{align-self:end}.leave-preview,.correction-eligibility{color:#255c4c;background:#eef8f4;border:1px solid #b9d9ce;border-radius:11px;align-items:flex-start;gap:9px;padding:13px 15px;display:flex}.leave-preview[role=alert],.correction-eligibility.unavailable{color:#8c3028;background:#fff0ee;border-color:#e2a79f}.correction-lookup-grid{background:#f8faf9;border:1px solid #dce5e1;border-radius:13px;grid-template-columns:minmax(180px,.8fr) minmax(260px,1.25fr) minmax(170px,.75fr) auto;align-items:end;gap:12px;margin:17px 0 10px;padding:16px;display:grid}.correction-lookup-grid>label{gap:7px;min-width:0;display:grid}.correction-lookup-grid select,.correction-lookup-grid input[type=date]{color:#40504a;background:#fff;border:1px solid #cfd9d5;border-radius:10px;width:100%;min-height:45px;padding:8px 11px}.correction-lookup-action .button{white-space:nowrap;min-height:45px}.correction-lookup-note{color:#65736d;align-items:flex-start;gap:8px;margin:0 0 13px;display:flex}.correction-lookup-note svg{color:#2e8068;flex:none;margin-top:2px}.correction-exact-selector{background:#f7faf9;border:1px solid #d2dfda;border-radius:13px;margin:12px 0;padding:14px}.correction-exact-selector label{color:#42564f;gap:7px;font-size:13px;font-weight:700;display:grid}.correction-exact-selector select{color:#243630;background:#fff;border:1px solid #bdccc6;border-radius:9px;min-height:42px;padding:0 11px;font-size:14px}.specialist-document-upload{background:#f7faf9;border:1px solid #d6e3de;border-radius:12px;padding:14px}.specialist-document-upload input[type=file]{background:#fff;height:auto;min-height:45px;padding:8px 10px}.specialist-document-upload small{color:#64736d}.correction-record-result{background:#f2f9f6;border:1px solid #b9d9ce;border-radius:12px;grid-template-columns:auto minmax(190px,1fr) minmax(280px,1.1fr);align-items:center;gap:13px;margin:12px 0;padding:15px;display:grid}.correction-record-result>div{gap:4px;display:grid}.correction-record-result small{color:#66756f}.correction-record-result dl{grid-template-columns:1fr 1fr;gap:10px;margin:0;display:grid}.correction-record-result dl>div{gap:3px;display:grid}.correction-record-result dt{color:#75827d}.correction-record-result dd{color:#31473f;margin:0;font-weight:800}.correction-history-heading{border-top:1px solid #e0e6e3;justify-content:space-between;align-items:center;gap:12px;margin-top:22px;padding-top:18px;display:flex}.correction-history-heading h4{margin:4px 0 0}.correction-history-heading>span{color:#2e6f5b;text-align:center;background:#e7f4ef;border-radius:99px;min-width:32px;padding:5px 8px;font-weight:800}.attendance-policy-selector{gap:7px;margin-bottom:13px;display:grid}.attendance-policy-selector select{background:#fff;border:1px solid #cfd9d5;border-radius:10px;min-height:44px;padding:8px 11px}.odoo-policy-grid button.panel{text-align:left;border:1px solid #e0e6e3;padding:20px}.odoo-policy-grid button.panel.selected{border-color:#2e8068;box-shadow:0 0 0 2px #2e80681a}.odoo-policy-grid button.panel>div{align-items:center;gap:10px;display:flex}.odoo-policy-grid button.panel p{gap:3px;margin:0;display:grid}@media (max-width:600px){.portal-breadcrumbs{display:none}.business-process-backdrop{padding:0}.business-process-dialog{border:0;border-radius:0;width:100%;height:100dvh}.business-process-dialog-head{padding:15px 16px 13px}.business-process-dialog-head h2{font-size:19px}.business-process-dialog-head p{max-height:42px;font-size:13px;overflow:hidden}.business-process-dialog-body{padding:16px}.business-process-dialog-footer{min-height:66px;padding:10px 14px}.business-process-dialog-footer .button{flex:1;justify-content:center;min-width:0;padding-inline:10px}.modal-card-workflow{min-height:calc(100dvh - 40px)}.modal-card-workflow .modal-actions{margin:auto -20px -20px;padding:14px 20px;bottom:-20px}.employee-picker-filters{flex-direction:column;align-items:stretch}.role-nav .nav-children{margin-left:20px}.table-footer .table-page-controls{flex-wrap:wrap;width:100%}.table-page-size{width:100%;margin:0 0 4px}.correction-lookup-grid{grid-template-columns:1fr;padding:13px}.correction-lookup-action .button{justify-content:center;width:100%}.correction-record-result{grid-template-columns:auto minmax(0,1fr);align-items:start}.correction-record-result dl{grid-column:2;grid-template-columns:1fr}.odoo-calendar-weekdays{gap:4px}.odoo-attendance-days .calendar-spacer{min-height:54px}}