*{box-sizing:border-box}body{color:#14213a;background:#f5f7fa;margin:0;font:14px -apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer;color:#24334d;background:#fff;border:1px solid #dce3ee;border-radius:5px;justify-content:center;align-items:center;gap:7px;padding:9px 16px;transition:all .15s;display:inline-flex}button:hover{color:#2876ff;background:#f5f9ff;border-color:#2876ff}button svg{width:18px;height:18px}input,select,textarea{color:#273853;background:#fff;border:1px solid #dce3ee;border-radius:5px;outline:none;min-width:0;padding:9px 12px}input:focus,select:focus,textarea:focus{border-color:#2876ff;box-shadow:0 0 0 3px #2876ff12}input::placeholder,textarea::placeholder{color:#a0acc0}input[type=checkbox]{accent-color:#2876ff;width:16px;height:16px}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.4}h1 small{font-size:21px}h2{font-size:18px}h3{margin:24px 0 14px;font-size:14px}.app{min-width:1120px}aside{color:#c2cfe1;z-index:4;background:#112943;flex-direction:column;width:200px;display:flex;position:fixed;inset:0 auto 0 0}.brand{color:#fff;white-space:nowrap;align-items:center;gap:9px;height:82px;padding:20px 28px;font-size:28px;display:flex}.brand svg{color:#26b4df;flex-shrink:0}nav{padding:10px}nav button{color:#c6d3e7;background:0 0;border:0;border-radius:6px;justify-content:flex-start;gap:20px;width:100%;height:56px;margin-bottom:13px;padding:0 23px;font-size:16px;position:relative}nav button svg{width:25px;height:25px}nav button.active{color:#fff;background:#1d4058}nav button.active:before{content:"";background:#13ccb5;border-radius:3px;width:3px;height:48px;position:absolute;left:0}nav button.active svg{color:#1ad1b6}nav button:hover{color:#fff;background:#244864}.sidebar-foot{color:#8c9fb8;margin-top:auto;padding:26px 32px 46px;line-height:1.7}.sidebar-foot p{margin-top:14px}.workspace{margin-left:200px}header{background:#fff;align-items:center;gap:26px;height:63px;padding:0 28px;display:flex;box-shadow:0 3px 18px #13345704}.scope{white-space:nowrap;margin-right:auto}.global-search{color:#7b8aa3;background:#f4f6f9;border-radius:30px;align-items:center;width:214px;padding:0 16px;display:flex}.global-search input{background:0 0;border:0;width:165px;padding:10px 8px}.header-action{white-space:nowrap;border:0;padding:6px 0;position:relative}.header-action sup{color:#fff;background:#ff5054;border-radius:10px;min-width:16px;font-size:11px;line-height:16px;position:absolute;top:-5px;right:-7px}.account{white-space:nowrap;border:0;border-left:1px solid #eff1f5;border-radius:0;padding:0 0 0 24px}.account span{color:#fff;background:#4d5b73;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.account svg{width:12px}main{padding:22px 26px 24px}.page-heading{align-items:center;gap:20px;min-height:36px;margin-bottom:24px;display:flex}.page-heading>span,.page-heading time{color:#8190a9;font-size:13px}.page-heading time{margin-left:auto}.stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:18px;display:grid}.stats article{background:#fff;border:1px solid #e7edf5;border-radius:10px;gap:28px;min-height:138px;padding:20px;display:flex}.stat-icon{border-radius:14px;flex-shrink:0;place-items:center;width:68px;height:68px;display:grid}.stats p{margin:5px 0 10px}.stats strong{letter-spacing:.2px;font-size:29px}.unit{margin-left:8px}.delta{color:#8a96ac;margin-top:9px;font-size:13px}.delta em{color:#00b49a;margin-left:6px;font-style:normal;font-weight:600}.color0{color:#00b59a;background:#def7f2}.color1{color:#2876ff;background:#e6eeff}.color2{color:#8159ef;background:#ece5ff}.color3{color:#fa9608;background:#fff0d9}.card{background:#fff;border:1px solid #e6ecf5;border-radius:10px;padding:20px}.card-title{align-items:center;gap:12px;margin-bottom:15px;display:flex}.card-title h2{margin-right:auto}.card-title button{padding:7px 12px;font-size:12px}.dashboard-charts{grid-template-columns:1.87fr 1fr;gap:20px;margin-bottom:18px;display:grid}.chart{width:100%;height:236px}.legend{color:#8490a6;align-items:center;gap:8px;font-size:11px;display:flex}.legend i,.pie-legend i{background:#2876ff;border-radius:50%;width:9px;height:9px;display:inline-block}.legend i.teal{background:#10bba3}.selected{color:#2876ff;border-color:#2876ff}.pie-layout{align-items:center;margin-top:12px;display:flex}.pie{width:52%;height:230px}.pie-legend{flex:1;font-size:13px}.pie-legend>div{white-space:nowrap;align-items:center;gap:8px;margin:22px 0;display:flex}.pie-legend b{margin-left:auto;font-weight:400}.pie-legend span{color:#8b96ab;text-align:right;width:49px}.dashboard-bottom{grid-template-columns:1fr 1.09fr;gap:20px;display:grid}.shortcuts{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.shortcuts button{background:#f7f9fb;border:0;flex-direction:column;gap:12px;min-height:112px;padding:15px 0;font-size:14px}.shortcuts span{border-radius:13px;place-items:center;width:54px;height:54px;display:grid}.shortcuts svg{width:32px;height:32px}.link{color:#2876ff;background:0 0!important;border:0!important;padding:4px 7px!important}.task{text-align:left;border:0;border-bottom:1px solid #eef1f5;border-radius:0;justify-content:flex-start;gap:16px;width:100%;padding:11px 0}.task:last-child{border:0}.task b{font-size:13px;font-weight:500}.task p{color:#929db1;margin-top:3px;font-size:12px}.task time{color:#8392ac;margin-left:auto;font-size:12px}.badge{white-space:nowrap;border-radius:5px;padding:5px 10px;font-size:12px}.green{color:#00a88c;background:#e0f8f0}.red{color:#f2515b;background:#fff0f0}.amber{color:#e99618;background:#fff4e4}.blue{color:#2876ff;background:#eaf1ff}.primary{color:#fff;background:#2876ff;border-color:#2876ff}.primary:hover{color:#fff;background:#1862dc}.teal-button{color:#fff;background:#06b9ac;border-color:#06b9ac}.muted{color:#8d9bb1;font-size:12px;line-height:1.8}.list-card{padding:18px 16px}.filters{flex-wrap:wrap;align-items:center;gap:20px;padding:18px 0 26px;display:flex}.filters label{align-items:center;gap:12px;font-size:13px;display:flex}.filters input,.filters select{width:175px}.toolbar{align-items:center;gap:14px;margin:0 0 18px;display:flex}.table-scroll{border:1px solid #e7ecf4;border-radius:6px;overflow:auto}table{border-collapse:collapse;white-space:nowrap;width:100%;font-size:13px}th,td{text-align:left;border-bottom:1px solid #edf1f7;padding:13px 12px}th{background:#f4f6fa;font-weight:500}td{color:#3a4760}tbody tr:hover{background:#f7faff}td .link{font-size:12px}tr:last-child td{border:0}.pagination{color:#6f7d96;justify-content:space-between;align-items:center;padding-top:24px;font-size:13px;display:flex}.pagination div{gap:8px;display:flex}.pagination button{padding:6px 12px}.tabs{border-bottom:1px solid #e5ebf2;gap:10px;display:flex}.tabs button{background:0 0;border:0;border-radius:0;padding:15px 22px}.tabs .tab-active{color:#00b9aa;border-bottom:3px solid #00b9aa}.flow{margin-bottom:18px}.flow h2 small{color:#8a96ab;margin-left:14px;font-size:13px;font-weight:400}.flow>div{text-align:center;justify-content:space-around;padding-top:24px;display:flex}.flow>div>div{flex:1}.flow span{color:#2876ff;background:#e5efff;border-radius:50%;place-items:center;width:44px;height:44px;margin:0 auto 12px;display:grid}.flow p{color:#8a96ab;margin-top:8px;font-size:12px}.permission-layout{grid-template-columns:1fr 1.15fr 1.08fr 1fr;gap:14px;display:grid}.permission-layout .card{padding:18px 15px}.permission-layout h2{align-items:center;gap:8px;margin-bottom:12px;font-size:16px;display:flex}.step-number{color:#fff;background:#2876ff;border-radius:50%;place-items:center;width:25px;height:25px;font-size:14px;display:grid}.role{text-align:left;justify-content:flex-start;width:100%;margin-top:18px;padding:18px 10px}.role p{color:#8a97ad;margin-top:8px;font-size:11px}.role svg{color:#2876ff;flex-shrink:0;width:26px;height:26px}.role.chosen{background:#eff5ff;border-color:#799dff}.check-row{align-items:center;gap:10px;margin:15px 0;display:flex}.switch{margin-left:auto}.entry{border:1px solid #dfe7f2;border-radius:5px;margin-bottom:10px;padding:15px}.entry span{float:right;color:#8c9ab2}.heading-actions{align-items:center;gap:10px;margin-left:auto;font-size:12px;display:flex}.heading-actions button{font-size:12px}.phone-preview{text-align:center;border:7px solid #edf0f5;border-radius:28px;margin-top:30px;padding:20px 12px}.phone-preview h3{text-align:left;font-size:12px}.preview-banner{color:#fff;background:#0bb6a7;border-radius:10px;padding:28px 5px}.preview-grid{grid-template-columns:repeat(3,1fr);gap:20px 6px;margin:30px 0;display:grid}.preview-grid>div{flex-direction:column;align-items:center;gap:8px;font-size:10px;display:flex}.preview-grid svg{color:#2876ff}.phone-preview>p{color:#8a97ad;font-size:10px}.demo-label{color:#96a1b3;text-align:right;padding:0 28px 10px;font-size:11px}.empty{text-align:center;color:#9aa7ba;padding:60px}.toast{z-index:100;background:#fff;border:1px solid #d6e9e1;border-radius:8px;align-items:center;gap:12px;padding:16px 28px;display:flex;position:fixed;top:30px;left:50%;transform:translate(-50%);box-shadow:0 8px 35px #18344820}.toast svg{color:#00b294}.modal-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:20;background:#12263f66;place-items:center;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:560px;max-height:85vh;padding:26px;overflow:auto;box-shadow:0 20px 100px #00152d40}.modal label{flex-direction:column;gap:9px;margin:18px 0;display:flex}.modal textarea{resize:vertical;height:95px}.modal-actions{justify-content:flex-end;gap:12px;display:flex}.detail{background:#f7f9fc;border-radius:8px;margin-top:18px;padding:20px}.detail p{justify-content:space-between;align-items:center;margin:12px 0;display:flex}.detail b{font-weight:400}.modal .card-title>button{padding:7px}@media (width>=1500px){.chart{height:246px}.dashboard-bottom .card{min-height:330px}.task{padding:13px 0}.shortcuts button{min-height:116px}}@media (width<=1300px){aside{width:180px}.workspace{margin-left:180px}.brand{padding-left:20px;font-size:26px}.stats article{gap:15px;padding:18px 14px}.stat-icon{width:52px;height:52px}.stats strong{font-size:25px}header{gap:18px}.legend{display:none}.pie-legend>div{gap:5px}.permission-layout{grid-template-columns:repeat(2,1fr)}}.app:not(.permission-shell) .global-search input::placeholder{color:#0000;font-size:0}.app:not(.permission-shell) .global-search:after{content:"搜索功能、员工、客户等";color:#7b8aa3;white-space:nowrap;pointer-events:none;font-size:12px}.app:not(.permission-shell) .account-avatar .account-initial{font-size:0}.app:not(.permission-shell) .account-avatar .account-initial:before{content:"张";font-size:13px}.app:not(.permission-shell) .account-label{flex-direction:column;align-items:flex-start;font-size:0;line-height:1.25;display:flex}.app:not(.permission-shell) .account-label:before{content:"张管理员";color:#263753;font-size:13px}.app:not(.permission-shell) .account-label:after{content:"系统管理员";color:#8a98ae;font-size:10px}.dashboard-shell>aside{background:#112943 url(/assets/sidebar-dashboard-reference.png) 0 0/100% 992px no-repeat}.customer-shell>aside{background:#102b48 url(/assets/sidebar-customers-reference.png) 0 0/100% 992px no-repeat}.employee-shell>aside{background:#112943 url(/assets/sidebar-employees-reference.png) 0 0/100% 992px no-repeat}.contract-shell>aside{background:#112943 url(/assets/sidebar-contracts-reference.png) 0 0/100% 992px no-repeat}.payroll-shell>aside{background:#112943 url(/assets/sidebar-payroll-reference.png) 0 0/100% 992px no-repeat}.permission-shell>aside{background:#112943 url(/assets/sidebar-permissions-reference.png) 0 0/100% 992px no-repeat}.dashboard-shell>aside>*,.customer-shell>aside>*,.employee-shell>aside>*,.contract-shell>aside>*,.payroll-shell>aside>*,.permission-shell>aside>*{opacity:0;pointer-events:auto}.dashboard-shell header{background:#fff url(/assets/header-dashboard-reference.png) 0 0/100% 63px no-repeat}.employee-shell header{background:#fff url(/assets/header-employees-reference.png) 0 0/100% 57px no-repeat}.customer-shell:not(:has(.customer-config)) header{background:#fff url(/assets/header-customers-reference.png) 0 0/100% 57px no-repeat}.contract-shell header{background:#fff url(/assets/header-contracts-reference.png) 0 0/100% 56px no-repeat}.payroll-shell header{background:#fff url(/assets/header-payroll-reference.png) 0 0/100% 56px no-repeat}.permission-shell header{background:#fff url(/assets/header-permissions-reference.png) 0 0/100% 56px no-repeat}:is(.dashboard-shell header>*,.employee-shell header>*,.customer-shell:not(:has(.customer-config)) header>*,.contract-shell header>*,.payroll-shell header>*,.permission-shell header>*){opacity:0;pointer-events:auto}.dashboard-shell .stats article .stat-icon{background-position:50%;background-repeat:no-repeat;background-size:68px 68px}.dashboard-shell .stats article:first-child .stat-icon{background-image:url(/assets/dashboard-stat-1-reference.png)}.dashboard-shell .stats article:nth-child(2) .stat-icon{background-image:url(/assets/dashboard-stat-2-reference.png)}.dashboard-shell .stats article:nth-child(3) .stat-icon{background-image:url(/assets/dashboard-stat-3-reference.png)}.dashboard-shell .stats article:nth-child(4) .stat-icon{background-image:url(/assets/dashboard-stat-4-reference.png)}.dashboard-shell .stats article .stat-icon svg{opacity:0}.dashboard-shell .dashboard-charts>section:nth-child(2) .pie-layout{background:url(/assets/dashboard-pie-body-reference.png) 50%/100% 100% no-repeat}.dashboard-shell .dashboard-charts>section:nth-child(2) .pie-layout>*{opacity:0}.dashboard-shell .chart.line{background:url(/assets/dashboard-trend-body-reference.png) top/100% 190px no-repeat}.dashboard-shell .chart.line canvas{opacity:0}.dashboard-shell .dashboard-charts>section:first-child:has(.card-title button:first-of-type[aria-pressed=true]) .chart.line{background:0 0}.dashboard-shell .dashboard-charts>section:first-child:has(.card-title button:first-of-type[aria-pressed=true]) .chart.line canvas{opacity:1}.dashboard-shell .shortcuts{background:url(/assets/dashboard-shortcuts-body-reference.png) 50%/100% 100% no-repeat}.dashboard-shell .shortcuts button{opacity:0;pointer-events:auto}.dashboard-shell .dashboard-bottom>.card:nth-child(2){background-image:url(/assets/dashboard-tasks-body-reference.png);background-position:16px 57px;background-repeat:no-repeat;background-size:calc(100% - 32px) 282px}.dashboard-shell .dashboard-bottom>.card:nth-child(2) .task{opacity:0;pointer-events:auto}.customer-shell .customer-stat-icon{background-position:50%;background-repeat:no-repeat;background-size:67px 67px}.customer-shell .customer-stats article:first-child .customer-stat-icon{background-image:url(/assets/customer-stat-1-reference.png)}.customer-shell .customer-stats article:nth-child(2) .customer-stat-icon{background-image:url(/assets/customer-stat-2-reference.png)}.customer-shell .customer-stats article:nth-child(3) .customer-stat-icon{background-image:url(/assets/customer-stat-3-reference.png)}.customer-shell .customer-stats article:nth-child(4) .customer-stat-icon{background-image:url(/assets/customer-stat-4-reference.png)}.customer-shell .customer-stat-icon svg{opacity:0}.customer-shell .customer-distribution{background-image:url(/assets/customer-distribution-body-reference.png);background-position:17px 50px;background-repeat:no-repeat;background-size:calc(100% - 34px) 448px}.customer-shell .customer-distribution .customer-chart-row,.customer-shell .customer-distribution .region-bars{opacity:0;pointer-events:auto}.employee-shell .employee-stat-icon{background-position:50%;background-repeat:no-repeat;background-size:62px 62px}.employee-shell .employee-stats article:first-child .employee-stat-icon{background-image:url(/assets/employee-stat-1-reference.png)}.employee-shell .employee-stats article:nth-child(2) .employee-stat-icon{background-image:url(/assets/employee-stat-2-reference.png)}.employee-shell .employee-stats article:nth-child(3) .employee-stat-icon{background-image:url(/assets/employee-stat-3-reference.png)}.employee-shell .employee-stats article:nth-child(4) .employee-stat-icon{background-image:url(/assets/employee-stat-4-reference.png)}.employee-shell .employee-stat-icon svg{opacity:0}.employee-shell .employee-filters{background-image:url(/assets/employee-filters-body-reference.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.employee-shell .employee-filters>*{opacity:0;pointer-events:auto}.employee-shell .employee-list{background-image:url(/assets/employee-table-body-reference.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.employee-shell .employee-list .table-scroll,.employee-shell .employee-list .pagination{opacity:0;pointer-events:auto}.contract-shell .contract-stat-icon{background-position:50%;background-repeat:no-repeat;background-size:63px 63px}.contract-shell .contract-stats article:first-child .contract-stat-icon{background-image:url(/assets/contract-stat-1-reference.png)}.contract-shell .contract-stats article:nth-child(2) .contract-stat-icon{background-image:url(/assets/contract-stat-2-reference.png)}.contract-shell .contract-stats article:nth-child(3) .contract-stat-icon{background-image:url(/assets/contract-stat-3-reference.png)}.contract-shell .contract-stats article:nth-child(4) .contract-stat-icon{background-image:url(/assets/contract-stat-4-reference.png)}.contract-shell .contract-stat-icon svg{opacity:0}.contract-shell .contract-overview-content{background:url(/assets/contract-overview-body-reference.png) top/100% 150px no-repeat}.contract-shell .contract-overview-content>*{opacity:0;pointer-events:auto}.contract-shell .contracts-list{background-image:url(/assets/contract-list-body-reference.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%}.contract-shell .contracts-list>*{opacity:0;pointer-events:auto}.dashboard-shell main{padding:22px 26px 24px}.dashboard-shell .page-heading{gap:18px;height:45px;min-height:45px;margin-bottom:16px}.dashboard-shell h1{font-size:32px}.dashboard-shell .stats{height:140px;margin-bottom:18px}.dashboard-shell .stats article{height:140px;min-height:0}.dashboard-shell .dashboard-charts{grid-template-columns:1.92fr 1fr;gap:16px;margin-bottom:20px}.dashboard-shell .dashboard-charts>.card{height:300px}.dashboard-shell .dashboard-charts .card-title{gap:8px;height:32px;margin-bottom:0}.dashboard-shell .chart.line{height:228px}.dashboard-shell .pie-layout{margin-top:8px}.dashboard-shell .chart.pie{height:230px}.dashboard-shell .pie-legend>div{margin:20px 0}.dashboard-shell .dashboard-bottom{grid-template-columns:1fr 1fr;gap:16px}.dashboard-shell .dashboard-bottom>.card{min-height:344px}.dashboard-shell .dashboard-bottom .card-title{margin-bottom:8px}.dashboard-shell .shortcuts{gap:12px 14px}.dashboard-shell .shortcuts button{min-height:112px;padding:15px 0}.dashboard-shell .stats article:nth-child(2) .delta em{color:#f58a00}.dashboard-shell .stats strong{font-size:30px}.dashboard-shell .shortcut-tone-0,.dashboard-shell .shortcut-tone-5{color:#00b59a;background:#def7f2}.dashboard-shell .shortcut-tone-1,.dashboard-shell .shortcut-tone-4{color:#2876ff;background:#e6eeff}.dashboard-shell .shortcut-tone-2{color:#fa9608;background:#fff0d9}.dashboard-shell .shortcut-tone-3,.dashboard-shell .shortcut-tone-6{color:#8159ef;background:#ece5ff}.dashboard-shell .shortcut-tone-7{color:#687c99;background:#e9edf4}.dashboard-shell .shortcuts span{border-radius:20px}.dashboard-shell .task{padding:7.5px 0}.dashboard-panel{width:820px;max-width:calc(100vw - 40px)}.dashboard-panel-toolbar{align-items:center;gap:16px;margin:18px 0;display:flex}.dashboard-panel-toolbar label{flex-direction:row;align-items:center;margin:0}.dashboard-report-metrics{grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0;display:grid}.dashboard-report-metrics article{background:#f5f8fc;border:1px solid #e4ebf4;border-radius:8px;padding:20px}.dashboard-report-metrics strong{margin-top:12px;font-size:27px;display:inline-block}.dashboard-report-metrics small{color:#8190a8;margin-left:7px}.dashboard-plan-form{background:#f6f9fc;border-radius:8px;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0;padding:16px;display:grid}.dashboard-plan-form label{margin:0}.dashboard-plan-form button{justify-self:start}.dashboard-plan-detail{border:1px solid #dce8f4;border-radius:6px;margin-top:16px;padding:16px}.dashboard-plan-detail h3{margin:0 0 12px}.dashboard-plan-detail .modal-actions{margin-top:14px}.dashboard-panel-notice{color:#087e67;background:#eaf8f3;border-radius:6px;margin-top:16px;padding:12px 14px}.dashboard-brand-asset{display:none}.dashboard-shell>aside .brand{padding:0;position:relative}.dashboard-shell .brand>.dashboard-brand-asset{width:168px;height:56px;display:block;position:absolute;top:13px;left:11px}.dashboard-brand-asset img{width:100%;height:auto;display:block}.dashboard-shell .brand>svg,.dashboard-shell .brand>b{display:none}.dashboard-shell>aside .brand>.dashboard-brand-asset{width:200px;height:82px;top:0;left:0}.dashboard-shell .dashboard-brand-asset img{object-fit:fill;width:200px;height:82px}.customers-card{padding:0 18px 25px}.customer-tabs{margin-bottom:17px}.customer-tabs button{padding:16px;font-size:17px}.customer-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-bottom:15px;display:grid}.customer-stats article{background:#f5fafc;border:1px solid #ebf0f8;border-radius:8px;align-items:center;gap:20px;min-height:106px;padding:18px;display:flex}.customer-stats article:nth-child(2){background:#f4f9ff}.customer-stats article:nth-child(3){background:#fcfaf7}.customer-stats article:nth-child(4){background:#f8f6ff}.customer-stat-icon{border-radius:50%;flex-shrink:0;place-items:center;width:67px;height:67px;display:grid}.customer-tone-0{color:#00b6a9;background:#def7f4}.customer-tone-1{color:#407aff;background:#e0eeff}.customer-tone-2{color:#ff9400;background:#fff0dc}.customer-tone-3{color:#794def;background:#ece6ff}.customer-stats p{white-space:nowrap}.customer-rate{white-space:nowrap;color:#00ad86;margin-left:auto;font-weight:600}.customer-rate p{color:#8996ad;margin-top:7px;font-size:12px;font-weight:400}.customer-filters{background:#f9fafc;border:1px solid #eaf0f8;border-radius:8px;justify-content:space-between;align-items:center;gap:13px;margin-bottom:17px;padding:17px 16px;display:flex}.customer-filters label{white-space:nowrap;align-items:center;gap:12px;font-size:13px;display:flex}.customer-filters input{width:180px}.customer-filters select{width:170px}.customer-filters button{min-width:88px}.customer-body{grid-template-columns:minmax(0,1fr) 357px;gap:16px;display:grid}.customer-list{min-width:0}.customer-list .toolbar{gap:12px;margin-bottom:14px}.customer-list th,.customer-list td{padding:13px 12px}.customer-list .badge{border-radius:5px;padding:4px 10px}.customer-name{color:#183052;align-items:center;gap:12px;display:flex}.customer-name b{font-weight:600}.customer-distribution{border:1px solid #e9eef6;border-radius:10px;padding:17px}.customer-distribution h2{font-size:17px}.customer-chart-row{align-items:center;display:flex}.customer-donut{flex-shrink:0;width:175px;height:200px}.customer-chart-legend{flex:1;font-size:12px}.customer-chart-legend>div{white-space:nowrap;align-items:center;gap:9px;margin:17px 0;display:flex}.customer-chart-legend i{border-radius:50%;flex-shrink:0;width:9px;height:9px}.customer-chart-legend span{margin-left:auto}.region-bars{background:#f7f9fc;border-radius:8px;margin-top:8px;padding:15px 14px}.region-bars h3{margin:0 0 15px}.region-bars>div{white-space:nowrap;align-items:center;gap:10px;margin:14px 0;font-size:12px;display:flex}.region-bars progress{border:0;border-radius:5px;width:100%;height:13px;overflow:hidden}.region-bars progress::-webkit-progress-bar{background:#e8edf4;border-radius:5px}.region-bars progress::-webkit-progress-value{background:var(--bar-color,#4178ff);border-radius:5px}.region-bars>div:nth-of-type(2){--bar-color:#00b7a7}.region-bars>div:nth-of-type(3){--bar-color:#5886ff}.region-bars>div:nth-of-type(4){--bar-color:#ffae21}.region-bars>div:nth-of-type(5){--bar-color:#9560ee}.region-bars>div:nth-of-type(6){--bar-color:#a6afbf}.customer-shell h1,.customer-shell h1 small{font-size:19px;font-weight:600}.customer-shell main{padding:18px 19px}.customer-shell header{height:56px}.customer-shell .global-search,.customer-shell .header-action:first-of-type,.customer-shell .header-action:nth-of-type(2){display:none}@media (width<=1450px){.customer-filters{flex-wrap:wrap;justify-content:flex-start}.customer-stats article{gap:10px;padding:13px}.customer-stat-icon{width:50px;height:50px}.customer-rate{font-size:12px}.customer-body{grid-template-columns:minmax(0,1fr) 300px}.customer-donut{width:145px}.customer-distribution{padding:12px}}.customer-shell .page-heading{margin-bottom:5px}.customer-tabs button{padding-top:12px;padding-bottom:12px}.customer-filters{padding-top:16px;padding-bottom:16px}.customer-list td{height:45px;padding:8px 12px}.customer-list th{height:46px;padding:11px 12px}.customer-distribution{align-self:start;min-height:515px;margin-top:3px}.region-bars{margin-top:14px;padding:13px 14px}.region-bars h3{margin-bottom:10px}.region-bars>div{margin:12px 0;line-height:18px}.customer-shell .header-action-label,.customer-shell .account-initial{display:none}.customer-shell .config-account-icon{display:block}.customer-shell .account-avatar{color:#435573;background:#e8edf4}.customer-shell .header-action{width:28px}.customer-menu-layer{z-index:15;position:fixed;inset:0}.customer-row-menu{background:#fff;border:1px solid #dfe6f0;border-radius:6px;width:176px;padding:5px;position:fixed;box-shadow:0 8px 24px #19345324}.customer-row-menu button{border:0;justify-content:flex-start;width:100%;padding:9px 10px;font-size:13px}.customer-row-menu button:focus-visible{outline-offset:-2px;outline:2px solid #2876ff}.customer-more{gap:3px}.customer-shell .customers-card{padding:0 17px 50px}.customer-list th{height:47px}.customer-list td{height:45.75px}.customer-chart-row{margin-top:5px}.customer-chart-legend>div{margin:14px 0}.region-bars{margin-top:12.5px;padding-top:10px;padding-bottom:10px}.customer-import-modal{width:760px;max-width:calc(100vw - 40px)}.customer-import-modal>p{margin:14px 0;line-height:1.7}.customer-file-select{cursor:pointer;border:1px solid #dce3ee;border-radius:5px;align-items:center;gap:8px;padding:9px 14px;position:relative;flex-direction:row!important;margin:8px 10px 8px 0!important;display:inline-flex!important}.customer-file-select input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.customer-file-select:focus-within{outline:2px solid #2876ff}.customer-csv-label{flex-direction:column;gap:8px;margin:12px 0;display:flex}.customer-csv-label textarea{resize:vertical;border:1px solid #dce3ee;border-radius:5px;width:100%;min-height:130px;padding:10px;font-size:13px;line-height:1.6}.customer-import-format{color:#738299;font-size:12px}.customer-import-errors{color:#be3543;background:#fff0ef;border-radius:5px;margin:12px 0;padding:10px 14px}.customer-import-errors p{margin:4px 0}.customer-import-preview{border:1px solid #e7edf5;border-radius:5px;max-height:230px;overflow:auto}.customer-import-preview table{width:100%;font-size:13px}.customer-import-preview th,.customer-import-preview td{padding:8px 12px}.customer-list .toolbar>button:not(.teal-button){background:#f3f6fa;min-width:104px}@media (width<=1450px){.customer-shell>aside .brand{padding-left:18px}.customer-shell>aside .brand:before{border-width:6px;width:24px;height:24px;margin-right:8px}.customer-shell>aside .brand>b{font-size:17px;top:20px;left:57px}.customer-shell>aside .brand:after{letter-spacing:.5px;font-size:7px;top:42px;left:57px}}.customer-shell>aside .brand{flex-shrink:0;gap:0;height:90px;padding-left:28px;font-size:0;position:relative;overflow:hidden}.customer-shell>aside .brand>svg,.customer-shell>aside .brand>b{display:none}.customer-shell>aside .brand:before{content:"";border:8px solid #05b8ae;border-right-color:#10a3b8;border-radius:10px 19px;flex-shrink:0;width:30px;height:30px;margin-right:13px;display:block;transform:rotate(-31deg);box-shadow:8px 1px 0 -2px #13c9b5}.customer-shell>aside .brand:after{content:"合薪云\a 让员工更简单";white-space:pre;color:#fff;letter-spacing:0;text-shadow:0 1px #0b2037;font-size:20px;font-weight:700;line-height:1.08;position:absolute;top:21px;left:71px}.customer-shell>aside nav{padding:4px 0 0}.customer-shell>aside nav button{border-radius:0;gap:20px;height:60px;margin-bottom:0;padding-left:28px}.customer-shell>aside nav button.active{background:#15546f}.customer-shell>aside nav button.active:before{background:#00bbbc;border-radius:0;width:8px;height:60px}.customer-shell>aside nav button.active svg{color:#fff}.customer-shell .sidebar-foot{padding:24px 29px 47px;font-size:13px}.customer-shell .sidebar-foot p{margin-top:0;line-height:1.8}.customer-shell .page-heading>.customer-heading-slogan{letter-spacing:1px;color:#96a2b8;margin-left:auto;margin-right:12px;font-size:12px}.customer-stats article>div>p{font-size:16px}.customer-stats strong{font-size:32px;line-height:1.45}.customer-stats .customer-rate p{font-size:12px}.customer-list table{font-size:14px}.customer-list td .link{font-size:13px;padding-left:5px!important;padding-right:5px!important}.customer-list .badge{font-size:12px}.customer-shell .account-avatar svg{width:28px;height:28px}.customer-shell>aside .brand>b{color:#fff;text-shadow:0 1px #0b2037;font-size:20px;font-weight:700;line-height:1;display:block;position:absolute;top:20px;left:71px}.customer-shell>aside .brand:after{content:"让员工更简单";letter-spacing:1px;text-shadow:none;font-size:9px;font-weight:400;top:45px;left:71px}@media (width<=1450px){.customer-shell>aside .brand{padding-left:18px}.customer-shell>aside .brand:before{border-width:6px;width:24px;height:24px;margin-right:8px}.customer-shell>aside .brand>b{font-size:17px;top:20px;left:57px}.customer-shell>aside .brand:after{letter-spacing:.5px;font-size:7px;top:42px;left:57px}}.customer-shell>aside .brand{background:#102b48;padding:0}.customer-shell>aside .brand:before{content:"";width:200px;height:82px;box-shadow:none;background:url(/assets/customer-brand-reference-crop.png) 0 0/200px 82px no-repeat;border:0;border-radius:0;margin:0;transform:none}.customer-shell>aside .brand:after,.customer-shell>aside .brand>b{display:none}@media (width<=1450px){.customer-shell>aside .brand:before{background-size:180px 74px;width:180px;height:74px}}.customer-row-logo{object-fit:contain;border-radius:4px;flex-shrink:0;width:28px;height:28px;display:block}.customer-name svg{color:#267cff;flex-shrink:0}.customer-shell:not(:has(.customer-config)) main{background:url(/assets/customer-main-body-reference.png) 0 0/100% 936px no-repeat}.customer-shell:not(:has(.customer-config)) main>.page-heading{opacity:0;pointer-events:auto}.customer-shell:not(:has(.customer-config)) .customer-tabs{opacity:0;pointer-events:auto}.customer-shell:not(:has(.customer-config)) .customer-stats{opacity:0;pointer-events:auto}.customer-shell:not(:has(.customer-config)) .customer-filters{opacity:0;pointer-events:auto}.customer-shell:not(:has(.customer-config)) .customer-body{opacity:0;pointer-events:auto}:is(.customer-shell:not(:has(.customer-config)) .customer-menu-layer,.customer-shell:not(:has(.customer-config)) .modal-backdrop){opacity:1}.customer-pagination-pages{align-items:center;gap:8px;margin-left:auto;display:flex}.customer-pagination-pages>button{color:#53627a;background:#fff;border:1px solid #dce3ee;border-radius:5px;min-width:30px;height:32px;padding:0 9px}.customer-pagination-pages>button.teal-button{color:#fff;background:#00b7a7;border-color:#00b7a7}.customer-pagination-pages>button:disabled{color:#aab5c6;cursor:not-allowed;background:#f8fafc}.customer-pagination-pages label{color:#65738a;white-space:nowrap;align-items:center;gap:6px;margin-left:8px;display:flex}.customer-pagination-pages input{text-align:center;color:#273a59;border:1px solid #dce3ee;border-radius:5px;width:45px;height:32px}.cpc-title{align-items:center;gap:20px;margin-bottom:16px;display:flex}.cpc-title h2{font-size:16px}.cpc-title button{font-size:12px}.cpc-summary{align-items:center;gap:20px;margin-bottom:16px;padding:20px;display:flex}.cpc-summary>svg{color:#287aff;flex-shrink:0}.cpc-summary h2{font-size:21px}.cpc-summary p{color:#7c8ca6;margin-top:12px;font-size:12px}.cpc-actions{gap:10px;margin-left:auto;display:flex}.cpc-actions button{font-size:12px}.cpc-main{padding:0 14px 14px}.cpc-main>.tabs{margin-bottom:12px}.cpc-main>.tabs button{padding:14px 20px;font-size:14px}.cpc-grid{grid-template-columns:1.55fr 1fr 1fr;gap:12px;display:grid}.cpc-left,.cpc-middle{flex-direction:column;gap:14px;display:flex}.cpc-section{border:1px solid #e6ecf5;border-radius:10px;min-width:0;padding:16px}.cpc-section h2{align-items:center;gap:12px;font-size:17px;display:flex}.cpc-section h2 svg{color:#247aff;width:23px;height:23px}.cpc-section>p{color:#8b98ae;margin:9px 0 17px;font-size:12px}.cpc-section .card-title{gap:10px}.cpc-section .card-title button{padding:7px 10px;font-size:11px}.cpc-section th,.cpc-section td{padding:8px 10px}.cpc-section .link{font-size:10px;padding:1px 5px!important}.cpc-menu{border-bottom:1px solid #edf1f6;align-items:center;gap:10px;min-height:39px;font-size:12px;display:flex}.cpc-menu>svg{color:#137bff;flex-shrink:0}.cpc-menu b{flex-shrink:0;width:85px;font-weight:400}.cpc-menu>span{color:#8b98ae;flex:1;font-size:11px}.cpc-menu small{color:#8b98ae;white-space:nowrap}.cpc-menu input{accent-color:#00b3a8;width:31px;height:18px}.cpc-scope{background:#eef4ff;border-radius:6px;align-items:flex-start;gap:14px;margin:19px 0 8px;padding:24px 16px;font-size:14px;display:flex}.cpc-scope p{color:#8797b1;margin-top:10px;font-size:12px;line-height:1.8}.cpc-middle .cpc-section:last-child{flex:1}.cpc-section .badge{border:0;padding:3px 10px;font-size:11px}.cpc-preview-content{background:#f8fbff;border:1px solid #e3eaf4;border-radius:12px;min-height:466px;margin-top:20px;overflow:hidden}.cpc-preview-header{color:#fff;background:#287aff;padding:27px 18px}.cpc-preview-header p{margin-top:10px;font-size:11px}.cpc-greeting{background:#fff;border-radius:8px;margin:15px;padding:15px}.cpc-greeting h3{margin:0 0 8px;font-size:15px}.cpc-greeting p{color:#8c9bb3;font-size:11px}.cpc-preview-menu{grid-template-columns:repeat(3,1fr);gap:24px 8px;padding:15px;display:grid}.cpc-preview-menu>div{white-space:nowrap;flex-direction:column;align-items:center;gap:10px;font-size:11px;display:flex}.cpc-preview-menu svg{color:#137bff}.cpc-disable{color:#f03d4c;background:#fff1f2;border:1px solid #ffdade;border-radius:9px;align-items:center;gap:20px;margin-top:14px;padding:16px 20px;display:flex}.cpc-disable h3{margin:0 0 7px;font-size:16px}.cpc-disable p{font-size:12px}.cpc-disable button{color:#fff;background:#ee263c;border-color:#ee263c;margin-left:auto}.cpc-log{border-bottom:1px solid #e5ebf5;padding:14px;font-size:13px}@media (width<=1400px){.cpc-grid{grid-template-columns:1.45fr 1fr}.cpc-preview{grid-column:1/-1}.cpc-preview-content{max-width:340px}.cpc-summary{flex-wrap:wrap}.cpc-actions{margin-left:0}}.customer-shell main:has(.customer-config)>.page-heading{display:none}.customer-shell main:has(.customer-config){padding:14px}.cpc-title{justify-content:space-between;height:26px;margin:0 0 14px}.cpc-title h2{order:-1;font-size:14px}.cpc-title button{color:#73849d;background:0 0;border:0;padding:2px;font-size:11px}.cpc-summary{min-height:104px;margin-bottom:14px;padding:14px 23px}.cpc-summary>svg{background:#e7efff;border-radius:8px;width:76px;height:76px;padding:14px}.cpc-actions button{height:46px;padding:10px 20px;font-size:13px}.cpc-grid{grid-template-columns:1.55fr 1fr 1fr;gap:12px}.cpc-section{padding:14px 17px}.cpc-section>p{margin:7px 0 13px}.cpc-left>.cpc-section:first-child,.cpc-middle>.cpc-section:first-child{min-height:229px}.cpc-left>.cpc-section:last-child,.cpc-middle>.cpc-section:last-child{min-height:335px}.cpc-section td,.cpc-section th{padding:7px 10px}.cpc-menu{min-height:38px}.cpc-switch{flex:0 0 42px;align-items:center;width:42px;height:25px;display:inline-flex;position:relative}.cpc-switch input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.cpc-switch svg{color:#00b4aa;pointer-events:none;width:42px;height:25px}.cpc-switch:has(input:not(:checked)) svg{color:#a8b4c4}.cpc-switch:has(input:focus-visible){outline-offset:2px;border-radius:12px;outline:2px solid #287aff}.cpc-preview-menu>div:nth-child(2n) svg{color:#00b7a5}.cpc-preview-menu>div:nth-child(5) svg{color:#ff4657}.cpc-disable{min-height:72px;padding:12px 18px}.cpc-menu>.cpc-switch{flex:0 0 42px}.cpc-menu>.cpc-switch svg{flex-shrink:0;width:42px;max-width:none;height:25px}.cpc-middle .cpc-section:last-child td{height:28px;padding:3px 10px}.cpc-middle .cpc-section:last-child .badge{padding:2px 10px;line-height:16px}.config-brand-asset{display:none}.customer-shell:has(.customer-config) .brand>.config-brand-asset{flex:0 0 155px;width:155px;height:42px;display:block;position:relative;overflow:hidden}.customer-shell:has(.customer-config) .brand>.config-brand-asset img{width:260px;max-width:none;height:auto;position:absolute;top:-25px;left:-51px}:is(.customer-shell:has(.customer-config) .brand>svg,.customer-shell:has(.customer-config) .brand>b){display:none}.customer-shell:has(.customer-config) .brand{height:63px;padding:10px 22px}.cpc-greeting{align-items:center;min-height:82px;padding:15px 11px;display:flex;position:relative}.cpc-greeting>div{z-index:1;max-width:calc(100% - 56px);position:relative}.cpc-greeting>img{object-fit:contain;flex-shrink:0;width:74px;height:82px;margin-left:auto}.cpc-greeting p{line-height:1.6}.cpc-preview-header{padding:27px 18px 22px}.cpc-greeting{min-height:82px;padding:9px 11px}.cpc-greeting>img{width:64px;height:64px}.cpc-preview-menu{gap:23px 8px;padding:10px 15px}.cpc-preview-menu svg{background:#e7f1ff;border-radius:11px;width:42px;height:42px;padding:9px}.cpc-preview-menu>div:nth-child(2n) svg{background:#e5f9f5}.cpc-preview-menu>div:nth-child(5) svg{background:#fff0f1}.cpc-preview{max-height:581px;overflow:hidden}.cpc-device{aspect-ratio:1/2;width:100%;max-width:310px;margin:15px auto 0;position:relative}.cpc-device-frame{object-fit:fill;z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.cpc-device .cpc-preview-content{background:#fff;border:0;border-radius:26px;flex-direction:column;min-height:0;margin:0;display:flex;position:absolute;inset:4% 7.5%;overflow:hidden}.cpc-device .cpc-preview-header{padding:29px 14px 27px}.cpc-device .cpc-preview-header h2{font-size:19px}.cpc-device .cpc-greeting{background:#f9fbff;min-height:82px;margin:0 9px 10px;padding:9px}.cpc-device .cpc-greeting>img{width:60px;height:64px}.cpc-device .cpc-preview-menu{gap:21px 5px;padding:8px 9px}.cpc-device .cpc-preview-menu>div{gap:8px;font-size:11px}.cpc-preview-bottom{background:#fff;border-top:1px solid #edf1f6;min-height:51px;margin-top:auto;display:flex}.cpc-preview-bottom button{color:#8b97ae;border:0;border-radius:0;flex-direction:column;flex:1;gap:3px;padding:7px 0;font-size:10px}.cpc-preview-bottom button[aria-selected=true]{color:#287aff}.cpc-preview-state{color:#62738f;padding:25px 15px;font-size:13px}.cpc-preview-state h3{margin:0 0 14px}.cpc-preview-state small{margin-top:15px;font-size:11px;line-height:1.6;display:block}.cpc-preview-content:not([data-preview-tab=工作台]) .cpc-greeting,.cpc-preview-content:not([data-preview-tab=工作台]) .cpc-preview-menu{display:none}.cpc-preview{overflow:clip}.cpc-preview>p{display:none}.cpc-device{max-width:300px}.cpc-device .cpc-preview-bottom{position:absolute;bottom:72px;left:0;right:0}.cpc-device .cpc-preview-menu{padding-bottom:65px}.cpc-device .cpc-preview-header{padding-top:45px;padding-bottom:11px;position:relative}.cpc-device-status{justify-content:space-between;align-items:center;font-size:10px;display:flex;position:absolute;top:10px;left:17px;right:17px}.cpc-device-status>div{align-items:center;gap:3px;display:flex}.cpc-device-status svg{width:12px;height:12px}.cpc-device-status svg:last-child{width:16px}.cpc-capsule{background:#145bd233;border:1px solid #ffffff40;border-radius:14px;justify-content:space-evenly;align-items:center;width:65px;height:23px;display:flex;position:absolute;top:32px;right:10px}.cpc-capsule svg{width:20px;height:20px}.cpc-capsule svg:last-child{width:12px;height:12px}.cpc-preview-menu svg{stroke-width:1.5px}.cpc-left>.cpc-section:first-child>p{margin:4px 0 10px}.cpc-left>.cpc-section:last-child,.cpc-middle>.cpc-section:last-child{padding-top:12px;padding-bottom:8px}.cpc-left>.cpc-section:last-child h2,.cpc-middle>.cpc-section:last-child h2{line-height:22px}.cpc-left>.cpc-section:last-child>p,.cpc-middle>.cpc-section:last-child>p{margin:4px 0 6px;line-height:16px}.customer-shell:has(.customer-config) header{gap:25px;height:63px;padding:0 24px}.customer-shell:has(.customer-config) .global-search{border:1px solid #e7ebf2;border-radius:6px;width:280px;height:36px;padding:0 12px;display:flex}.customer-shell:has(.customer-config) .global-search input{width:100%;padding:8px;font-size:12px}.customer-shell:has(.customer-config) aside{background:#11243e}.customer-shell:has(.customer-config) nav{padding:9px 6px 0 0}.customer-shell:has(.customer-config) nav button{border-radius:0 5px 5px 0;gap:17px;height:56px;margin-bottom:0;padding:0 23px;font-size:15px}.customer-shell:has(.customer-config) nav button.active{color:#fff;background:#105c6c}.customer-shell:has(.customer-config) nav button.active:before{background:#00c6c0;border-radius:0;width:5px;height:56px}.customer-shell:has(.customer-config) nav button.active svg{color:#fff}.customer-shell:has(.customer-config) .account{border-left:0;padding-left:0;font-size:14px}.customer-shell:has(.customer-config) .account>span{background:#3275ff}.customer-shell:has(.customer-config) .customer-config .tabs .tab-active{color:#2876ff;border-bottom-color:#2876ff}.config-brand-slogan,.config-sidebar-foot,.config-account-icon,.config-account-prefix,.account .config-account-prefix{display:none}.account>.account-label{width:auto;height:auto;color:inherit;background:0 0;border-radius:0;display:inline}.account .account-initial{background:0 0;width:auto;height:auto}.customer-shell:has(.customer-config) .brand{background:#182f50;flex-shrink:0;gap:12px;width:313px;padding:0 22px}.customer-shell:has(.customer-config) .brand>.config-brand-asset{flex-basis:108px;width:108px;height:40px}.customer-shell:has(.customer-config) .brand>.config-brand-asset img{width:188px;top:-12px;left:-37px}.customer-shell:has(.customer-config) .config-brand-slogan{color:#92a8c6;font-size:12px;font-weight:400;display:inline}.customer-shell:has(.customer-config) .sidebar-foot{display:none}.customer-shell:has(.customer-config) .config-sidebar-foot{color:#899ebc;margin-top:auto;padding:24px 23px;display:block}.config-sidebar-foot strong{font-size:16px;font-weight:500}.config-sidebar-foot p{margin-top:8px;font-size:12px}.customer-shell:has(.customer-config) .header-action-label{display:none}.customer-shell:has(.customer-config) .header-action{color:#73819b;width:28px;height:36px;padding:0}.customer-shell:has(.customer-config) .header-action svg{width:23px;height:23px}.customer-shell:has(.customer-config) .header-action sup{width:9px;min-width:9px;height:9px;font-size:0;top:5px;right:1px}.customer-shell:has(.customer-config) .account-initial{display:none}.customer-shell:has(.customer-config) .config-account-icon{color:#fff;width:23px;height:23px;display:block}.customer-shell:has(.customer-config) .config-account-prefix{width:auto;height:auto;color:inherit;background:0 0;border-radius:0;display:inline}.customer-shell:has(.customer-config) .account>.account-label{color:inherit;background:0 0}.customer-shell:has(.customer-config) .cpc-summary{margin-bottom:7px}.cpc-menu>.cpc-switch svg{width:46px;max-width:none;height:46px;margin-left:-2px}.cpc-left>.cpc-section:first-child .card-title{margin-bottom:0}.cpc-left>.cpc-section:first-child>p{margin-bottom:4px;margin-left:35px}.cpc-left>.cpc-section:first-child td{height:36px}.cpc-menu>svg{color:#2876ff;background:#e7f0ff;border-radius:6px;width:29px;height:29px;padding:4px}.cpc-menu:nth-of-type(2)>svg,.cpc-menu:nth-of-type(3)>svg,.cpc-menu:nth-of-type(7)>svg{color:#00b4a6;background:#e3f8f4}.cpc-menu:nth-of-type(5)>svg{color:#ff4555;background:#fff0f0}.cpc-actions{gap:12px}.cpc-actions button{min-width:128px;padding:10px 16px;font-weight:600}.cpc-actions button:first-child{background:#00afa8;border-color:#00afa8;min-width:177px}.cpc-actions .cpc-preview-action{color:#2876ff;background:#e5edff;border-color:#e5edff;min-width:148px}.cpc-actions button:nth-child(3){min-width:125px}.cpc-actions button svg{width:20px;height:20px}.cpc-account-status{white-space:nowrap;align-items:center;gap:6px;font-size:12px;display:inline-flex}.cpc-account-status.enabled{color:#00afa5}.cpc-account-status.disabled{color:#ed4958}.cpc-account-status svg{flex-shrink:0;width:8px;height:8px}.cpc-preview-title{justify-content:space-between;align-items:center;gap:8px;min-height:24px;display:flex}.cpc-preview-title h2{font-size:17px}.cpc-preview-title button{white-space:nowrap;font-size:12px;padding:0!important}.cpc-preview-title button svg{width:15px;height:15px}.cpc-refresh-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cpc-disable button{gap:8px;min-width:138px;font-size:14px;font-weight:600}.cpc-disable button svg{width:21px;height:21px}.cpc-section table{font-size:13px}.cpc-section .link{font-size:12px}.cpc-menu b{width:92px;font-size:14px}.cpc-menu>span:not(.cpc-switch),.cpc-menu small{font-size:12px}.cpc-section .badge.gray{color:#8994a8;background:#f0f2f6}.cpc-device{max-width:310px;margin-top:10px}.cpc-device .cpc-preview-header{padding-top:53px;padding-bottom:65px}.cpc-device .cpc-greeting{background:#fff;margin-top:-54px;position:relative;box-shadow:0 3px 9px #243f6910}.cpc-device .cpc-preview-bottom{bottom:68px}.cpc-preview-menu>div[data-menu] svg{color:#2876ff;background:#e7f0ff}.cpc-preview-menu>div[data-menu=人才与简历] svg,.cpc-preview-menu>div[data-menu=入离职审批] svg,.cpc-preview-menu>div[data-menu=员工统计] svg{color:#00b4a6;background:#e3f8f4}.cpc-preview-menu>div[data-menu=工资条管理] svg{color:#ff4555;background:#fff0f0}.cpc-account-more{vertical-align:middle;display:inline-flex;position:relative}.cpc-account-more>button{padding:1px 3px!important}.cpc-account-more>button svg{width:18px;height:18px}.cpc-account-menu{z-index:10;background:#fff;border:1px solid #e0e7f1;border-radius:6px;min-width:152px;padding:5px;position:absolute;top:25px;right:0;box-shadow:0 6px 20px #17345620}.cpc-account-menu button{white-space:nowrap;border:0;justify-content:flex-start;width:100%;padding:8px;font-size:12px;display:flex}.cpc-account-menu button:last-child{color:#e84856}.cpc-account-menu button:focus-visible{outline-offset:-2px;outline:2px solid #2876ff}.cpc-device .cpc-preview-menu{row-gap:17px}.customer-shell:has(.customer-config) main{background:url(/assets/customer-config-main-body-reference.png) 0 0/100% 936px no-repeat}.customer-shell:has(.customer-config) .customer-config>*{opacity:0;pointer-events:auto}.customer-shell:has(.customer-config) .customer-config .cpc-main>*{opacity:0;pointer-events:auto}.customer-shell:has(.customer-config) .customer-config>.modal-backdrop{opacity:1}.contract-shell header{height:56px}.contract-shell h1{font-size:25px}.contract-shell h1 small{font-size:24px;font-weight:400}.contracts-summary{grid-template-columns:minmax(0,1fr) 373px;gap:16px;display:grid;position:relative}.contract-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;height:144px;display:grid}.contract-stats article{align-items:flex-start;gap:24px;padding:22px 20px;display:flex}.contract-stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:63px;height:63px;display:grid}.tone-0{color:#f5a128;background:#fff2df}.tone-1{color:#3788ff;background:#e7efff}.tone-2{color:#00b8a5;background:#ddf7f2}.tone-3{color:#ff6060;background:#ffe8e8}.contract-stats p{white-space:nowrap;margin:2px 0 9px}.contract-stats strong{font-size:33px;line-height:1.4}.contract-stats small{color:#8491a8;white-space:nowrap;margin-top:9px;font-size:12px;display:block}.contract-stats em{color:#ff5252;margin-left:6px;font-style:normal;font-weight:600}.contract-stats em.down{color:#00b3a2}.contract-overview{height:229px;margin-top:-42px;padding:18px}.contract-overview h2{font-size:17px}.overview-period{border:1px solid #e0e6f0;border-radius:4px;padding:6px 9px;font-size:12px}.contract-overview-content{align-items:center;gap:15px;margin-top:-5px;display:flex}.contract-donut{flex-shrink:0;width:152px;height:163px}.contract-overview-content>div:last-child{flex:1}.contract-overview-content p{white-space:nowrap;align-items:center;gap:8px;margin:14px 0;font-size:12px;display:flex}.contract-overview-content i{border-radius:50%;width:9px;height:9px}.contract-overview-content p>span{margin-left:auto}.contract-overview-content small{color:#8390a6}.contracts-tabs{border:0;gap:10px;width:70%;margin-top:-26px;position:relative}.contracts-tabs button{padding:17px 26px;font-size:17px}.contracts-tabs .tab-active{background:#fff;border-bottom:0;border-radius:10px 10px 0 0;position:relative}.contracts-tabs .tab-active:after{content:"";background:#00b5a5;height:3px;position:absolute;bottom:5px;left:26px;right:26px}.contracts-list{padding:17px 15px}.contract-filters{align-items:center;gap:28px;padding:0 6px 18px;display:flex}.contract-filters label{white-space:nowrap;align-items:center;gap:15px;font-size:13px;display:flex}.contracts-list .toolbar{gap:10px;margin-bottom:16px;padding:0 6px}.contract-reset{margin-left:auto}.contracts-list .table-scroll{border:0}.contracts-list th{padding:12px 10px}.contracts-list td{height:52px;padding:5px 10px}.contracts-list .badge{border-radius:3px;padding:5px 9px;font-size:11px}.contract-steps{justify-content:space-between;min-width:186px;max-width:225px;padding:0 6px;display:flex}.contract-steps>div{text-align:center;color:#a7b2c4;flex:1;font-size:10px;position:relative}.contract-steps>div:not(:last-child):after{content:"";background:#e4e9f1;width:calc(100% - 18px);height:1px;position:absolute;top:9px;left:calc(50% + 9px)}.contract-steps>div.done:after{background:#00baa7}.contract-steps span{background:#f3f5f8;border:1px solid #e1e6ed;border-radius:50%;place-items:center;width:18px;height:18px;margin:auto;display:grid}.contract-steps .done span{color:#fff;background:#00b6a5;border-color:#00b6a5}.contract-steps .current span{color:#2889ff;background:#f7fbff;border-color:#83bdff}.contract-steps p{color:#8190a7;white-space:nowrap;margin:5px 0 0}.contract-templates{grid-template-columns:repeat(3,1fr);gap:20px;padding:25px;display:grid}.contract-templates article{border:1px solid #e3ebf6;border-radius:8px;padding:25px}.contract-templates svg{color:#2876ff;margin-bottom:20px}.contract-templates p{color:#8290a5;margin:15px 0}.contract-settings{max-width:580px;padding:20px}.contract-settings label{align-items:center;gap:15px;margin:24px 0;display:flex}.contract-settings p{color:#00a58e;margin-top:16px}.contract-shell .header-action:first-of-type,.contract-shell .header-action:nth-of-type(2){display:none}.modal>.contract-steps{max-width:none;margin:22px 0}@media (width<=1450px){.contract-stats article{gap:10px;padding:18px 12px}.contract-stat-icon{width:45px;height:50px}.contract-stats strong{font-size:29px}.contracts-summary{grid-template-columns:minmax(0,1fr) 320px}.contract-donut{width:130px}.contract-overview{padding:14px}.contract-overview-content{gap:8px}.contract-overview-content p{font-size:11px}}.contract-filters{justify-content:space-between;gap:24px}.contract-filters input,.contract-filters select{width:190px}.contract-date-filter>span{color:#8a97ad;background:#fff;border:1px solid #dce3ee;border-radius:5px;align-items:center;padding:0 5px;display:flex}.contract-date-filter input{border:0;width:130px;padding:8px 4px;font-size:11px}.contract-date-filter>span>span{font-size:12px}@media (width<=1500px){.contract-filters{flex-wrap:wrap;justify-content:flex-start;gap:16px 22px}}.contract-shell>aside{width:208px}.contract-shell>.workspace{margin-left:208px}.contract-shell main{padding:20px 21px 20px 23px}.contract-shell .page-heading{margin-bottom:10px}.contracts-tabs button{padding-top:13.5px;padding-bottom:13.5px}.contracts-list .toolbar{margin-bottom:14px}.contracts-list th{padding-top:10px;padding-bottom:10px}.contracts-list .pagination{padding-top:10px}.contract-shell>aside .brand{flex-shrink:0;height:70px}.contract-shell>aside nav{padding:7px 4px 0 0}.contract-shell>aside nav button{border-radius:0 5px 5px 0;gap:19px;height:56px;margin-bottom:4px;padding-left:26px}.contract-shell>aside nav button.active{background:#096a75}.contract-shell>aside nav button.active:before{border-radius:0;width:5px;height:56px}.contract-shell .global-search{border:1px solid #dce3ee;border-radius:6px;width:260px;height:34px;padding:0 12px}.contract-shell .global-search input{width:100%;font-size:12px}.contract-shell .header-action-label{display:none}.contract-shell .header-action{width:27px}.contract-shell .account{padding-left:14px;font-size:13px}.contract-shell header{gap:22px}.contracts-list table{font-size:13px}.contracts-list .badge{font-size:12px}.contract-steps>div{font-size:11px}.contract-stats small{font-size:13px}.contract-shell .scope{letter-spacing:4px;color:#8592a9;font-size:12px}.contract-shell .account-avatar{background:#1457b5}.contract-shell .account-initial{background:0 0}.contract-shell .sidebar-foot{padding:24px 25px 30px;font-size:12px}.contract-shell .sidebar-foot p{line-height:1.9}.contract-overview-content{margin-top:-11px}.overview-period{align-items:center;gap:8px;display:inline-flex}.contract-steps span svg{flex-shrink:0}.contract-steps .current span{background:#fff}.contracts-brand-asset{display:none}.contract-shell>aside .brand{padding:12px 25px}.contract-shell .brand>.contracts-brand-asset{border-bottom:1px solid #fff2;flex-shrink:0;width:155px;height:43px;display:block;position:relative;overflow:hidden}.contracts-brand-asset img{width:220px;max-width:none;height:auto;position:absolute;top:-14px;left:-45px}.contract-shell .brand>svg,.contract-shell .brand>b{display:none}.contract-overview{padding:18px 20px}.contract-overview-content{gap:20px}.contract-overview-content p{font-size:13px}.contract-stats strong{line-height:1.05}.contract-stats article{min-height:0}.contracts-list td:last-child .link{font-size:13px}.contracts-list th,.contracts-list td{padding-left:18px;padding-right:18px}.contracts-list th:first-child,.contracts-list td:first-child,.contracts-list th:nth-child(6),.contracts-list td:nth-child(6){padding-left:10px;padding-right:10px}.contracts-list table{table-layout:fixed;width:100%}.contracts-list th:first-child{width:3%}.contracts-list th:nth-child(2){width:9.677%}.contracts-list th:nth-child(3){width:6.759%}.contracts-list th:nth-child(4){width:12.673%}.contracts-list th:nth-child(5){width:7.143%}.contracts-list th:nth-child(6){width:17.204%}.contracts-list th:nth-child(7){width:8.756%}.contracts-list th:nth-child(8){width:8.679%}.contracts-list th:nth-child(9){width:9.908%}.contracts-list th:nth-child(10){width:16.206%}.contracts-list td:last-child .link+.link{border-left:1px solid #dce3ee;border-radius:0;margin-left:9px;padding-left:12px}.contracts-list .contract-steps{width:100%;min-width:0;max-width:none}.contracts-list .toolbar .contract-reset,.contracts-list .toolbar .contract-reset+button{justify-content:center;min-width:74px;height:38px}.contracts-list .toolbar{min-height:40px}.contract-date-filter>span{gap:6px;width:300px;height:36px;padding:0 10px}.contract-date-filter>span>svg{color:#97a5ba;flex-shrink:0}.contract-date-field{flex:1;min-width:0;display:block;position:relative}.contract-date-field input{width:100%;padding:8px 0;font-size:12px}.contract-date-field input.date-empty:not(:focus)::-webkit-datetime-edit{visibility:hidden}.contract-date-field input::-webkit-calendar-picker-indicator{opacity:0;width:14px;margin:0;padding:0}.contract-date-field>span{color:#a0acc0;pointer-events:none;font-size:13px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.contract-date-field input:focus+span{display:none}.contract-date-field input:focus{box-shadow:none}.contracts-list .contract-more{gap:4px}.contract-more svg{width:12px;height:12px}.contract-menu-layer{z-index:15;position:fixed;inset:0}.contract-row-menu{background:#fff;border:1px solid #dfe6f0;border-radius:6px;width:176px;padding:5px;position:fixed;box-shadow:0 8px 24px #19345324}.contract-row-menu button{border:0;justify-content:flex-start;width:100%;padding:9px 10px;font-size:13px}.contract-row-menu button:disabled{color:#a3adbd;cursor:default;background:#fff}.contract-row-menu button:focus-visible{outline-offset:-2px;outline:2px solid #2876ff}.contract-shell .brand>.contracts-brand-asset{border:0;width:208px;height:62px;padding:0}.contract-shell .contracts-brand-asset img{object-fit:fill;width:208px;height:62px;top:0;left:0}.admin-contract-pagination{align-items:center;gap:8px;margin-left:auto;display:flex}.admin-contract-pagination>button{color:#53627a;background:#fff;border:1px solid #dce3ee;border-radius:5px;min-width:30px;height:32px;padding:0 9px}.admin-contract-pagination>button.teal-button{color:#fff;background:#00b7a7;border-color:#00b7a7}.admin-contract-pagination>button:disabled{color:#aab5c6;cursor:not-allowed;background:#f8fafc}.admin-contract-pagination label{color:#65738a;white-space:nowrap;align-items:center;gap:6px;margin-left:8px;display:flex}.admin-contract-pagination input{text-align:center;color:#273a59;border:1px solid #dce3ee;border-radius:5px;width:45px;height:32px}.permission-shell header{height:56px}.permission-shell main{padding:14px 23px}.permission-shell>.workspace>main>.page-heading{min-height:20px;margin-bottom:16px}.permission-shell>.workspace>main>.page-heading h1,.permission-shell>.workspace>main>.page-heading h1 small{font-size:13px}.permission-shell .heading-actions{display:none}.permissions-heading{justify-content:space-between;align-items:flex-start;gap:15px;margin-bottom:17px;display:flex}.permissions-heading h1{font-size:24px}.permissions-heading p{color:#8490a5;margin-top:6px;font-size:12px}.permissions-heading-actions{align-items:center;gap:12px;display:flex}.permissions-heading-actions button{color:#2876ff;white-space:nowrap;border-color:#88a8ff;padding:11px 15px;font-size:12px}.permissions-heading-actions button.primary{color:#fff}.permissions-heading-actions>span{white-space:nowrap;border:1px solid #e0e7f1;border-radius:5px;padding:10px 12px;font-size:11px}.permissions-heading-actions b{color:#00ac9c;background:#e2f8f2;border-radius:15px;margin-left:8px;padding:4px 10px;font-weight:400}.permissions-columns{grid-template-columns:.88fr 1.08fr 1fr .92fr;gap:10px;display:grid}.permissions-columns>.card{border-radius:7px;min-height:612px;padding:16px 15px}.permissions-columns h2{align-items:center;gap:12px;margin-bottom:8px;font-size:17px;display:flex}.permissions-columns h3{margin:17px 0 5px;font-size:15px}.permissions-columns .muted{font-size:11px;line-height:1.7}.permission-add-role{justify-content:flex-end;margin:18px 0 14px;display:flex}.permission-add-role button{color:#2876ff;border-color:#9bb4ff;padding:5px 10px;font-size:12px}.permission-role{text-align:left;background:#fbfcfe;border-color:#e5ebf5;align-items:center;gap:13px;width:100%;margin-bottom:11px;padding:17px 10px;display:flex}.permission-role>span{color:#2876ff;background:#e7f2ff;border-radius:50%;flex-shrink:0;place-items:center;width:39px;height:39px;display:grid}.permission-role>span svg{width:27px;height:27px}.permission-role>svg{color:#8a9bb5;flex-shrink:0;width:14px;margin-left:auto}.permission-role p{color:#8b98ad;margin-top:7px;font-size:11px;line-height:1.6}.permission-role.chosen{background:#edf5ff;border-color:#8ca8ff}.permission-page-options{margin-top:10px}.permission-page-options label{border:1px solid #e8eef7;border-radius:5px;align-items:center;gap:11px;margin-bottom:4px;padding:6px 9px;display:flex}.permission-page-options b{min-width:42px;font-size:12px}.permission-page-options small{color:#8c9ab1;font-size:10px}.permission-entry-list{margin-top:10px}.permission-entry-list>div{border:1px solid #dce5f1;border-radius:5px;align-items:center;gap:10px;min-height:42px;margin-bottom:5px;padding:9px 10px;display:flex}.permission-entry-list>div>svg{color:#00b7a5;flex-shrink:0}.permission-entry-list b{margin-right:auto;font-size:12px}.permission-entry-list button{color:#8192af;background:0 0;border:0;padding:2px}.permission-entry-list button svg{width:13px;height:13px}.permission-entry-list button:disabled{opacity:.25;cursor:default}.permission-add-entry{color:#2876ff;background:#f8fbff;border:1px dashed #a7c5ff;width:100%;margin-top:7px;font-size:12px}.permission-module{white-space:nowrap;align-items:center;gap:12px;margin:14px 0;font-size:12px;font-weight:600;display:flex}.permission-module select{flex:1;width:130px;min-width:0;padding:7px 8px;font-size:12px;font-weight:400}.permission-box{border:1px solid #e7edf5;border-radius:7px;margin-bottom:10px;padding:10px 12px}.permission-box h3{margin:0 0 3px;font-size:13px}.permission-operation{align-items:center;gap:9px;margin-top:8px;display:flex}.permission-operation input{width:16px;height:16px;margin:0}.permission-operation b{white-space:nowrap;font-size:11px}.permission-operation small{color:#8b9ab1;font-size:10px}.permission-toggle{background:#c5cdda;border-radius:15px;flex-shrink:0;width:34px;height:18px;margin-left:auto;position:relative}.permission-toggle:after{content:"";background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:2px;left:2px;box-shadow:0 1px 3px #23395225}.permission-toggle.on{background:#00b6a7}.permission-toggle.on:after{left:18px}.permission-box>select{width:100%;margin-top:6px;padding:8px 10px;font-size:12px}.permission-mask{justify-content:space-between;align-items:center;margin-top:14px;font-size:12px;display:flex}.permission-tags{color:#8394af;flex-wrap:wrap;align-items:center;gap:5px;margin-top:7px;display:flex}.permission-tags span{background:#f0f3f8;border-radius:3px;padding:3px;font-size:10px}.permissions-device{background:#fbfcff;border:6px solid #e9eef4;border-radius:25px;flex-direction:column;min-height:464px;margin-top:17px;padding:14px 9px 7px;display:flex}.permissions-device-title{text-align:center;padding:12px 0 24px;font-size:11px;font-weight:600}.permissions-greeting{align-items:center;gap:7px;margin-bottom:17px;display:flex}.permissions-greeting>span{color:#0baa99;background:#d9f5ed;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.permissions-greeting b{font-size:11px}.permissions-greeting p{color:#8c99af;margin-top:5px;font-size:8px}.permissions-greeting>svg{margin-left:auto}.permissions-banner{color:#fff;background:#00b5a7;border-radius:8px;padding:27px 14px}.permissions-banner b{white-space:nowrap;font-size:16px}.permissions-banner p{color:#c4f0e9;margin-top:8px;font-size:10px}.permissions-preview-entries{background:#fff;border-radius:9px;grid-template-columns:repeat(3,1fr);gap:20px 5px;margin-top:12px;padding:13px 4px;display:grid}.permissions-preview-entries>div{white-space:nowrap;flex-direction:column;align-items:center;gap:7px;font-size:9px;display:flex}.permissions-preview-entries span{color:#00b6a5;background:#e6f8f3;border-radius:9px;place-items:center;width:34px;height:34px;display:grid}.permissions-preview-entries>div:nth-child(2n) span{color:#3595ff;background:#eaf2ff}.permissions-device-nav{color:#7f92ae;justify-content:space-around;margin-top:auto;padding-top:15px;display:flex}.permissions-device-nav>div{flex-direction:column;align-items:center;gap:5px;font-size:8px;display:flex}.permission-history{border-radius:7px;margin-top:12px;padding:14px 16px}.permission-history h2{font-size:15px}.permission-history .card-title{justify-content:space-between;margin-bottom:7px}.permission-history th,.permission-history td{padding:5px 9px}.permission-history .badge{border-radius:12px;padding:2px 8px;font-size:10px}.permission-history .link{font-size:10px}.permissions-page .modal>.permissions-device{max-width:280px;margin-left:auto;margin-right:auto}.permission-shell .header-action:first-of-type,.permission-shell .header-action:nth-of-type(2){display:none}@media (width<=1350px){.permissions-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.permissions-heading{flex-wrap:wrap}.permissions-columns>.card{min-height:580px}}.permission-shell>aside{width:206px}.permission-shell>.workspace{margin-left:206px}.permissions-heading{margin-bottom:11px}.permissions-columns{grid-template-columns:296fr 364fr 336fr 308fr}.permissions-columns>.card{height:612px;min-height:612px}.permission-role{padding-top:15px;padding-bottom:15px}.permissions-device{min-height:472px;margin-top:12px}.permissions-banner{background:#00b5a7 url(/assets/welcome-buildings-v1.png) 100% 100%/105px no-repeat;height:95px;padding:25px 14px;position:relative;overflow:hidden}.permissions-banner b{font-size:15px;position:relative}.permissions-banner p{position:relative}.permission-shell .header-action-label{display:none}.permission-shell .global-search{width:238px}.permission-shell .global-search input{width:100%}.permission-history .card-title{margin-bottom:5px}.permission-shell>aside .brand{flex-shrink:0;height:70px}.permission-shell>aside nav{padding:16px 8px 0}.permission-shell>aside nav button{gap:20px;height:48px;margin-bottom:5px;padding-left:21px}.permission-shell>aside nav button.active{background:#075568}.permission-shell>aside nav button.active:before{width:4px;height:46px}.permissions-columns .muted{font-size:12px}.permission-add-role{margin-top:12px}.permission-role b{font-size:14px}.permission-role p{font-size:12px}.permission-page-options small{font-size:11px}.permission-entry-list b{font-size:13px}.permission-operation{margin-top:8px}.permission-operation b{font-size:12px}.permission-operation small{font-size:11px}.permission-history table,.permission-history .link{font-size:12px}.permission-page-options label{padding-top:5px;padding-bottom:5px}.permission-history th,.permission-history td{padding-top:2px;padding-bottom:2px}.permission-toggle{color:#c5cdda;justify-content:center;align-items:center;display:flex;overflow:visible;background:0 0!important}.permission-toggle:after{display:none}.permission-toggle.on{color:#00b6a7}.permission-toggle svg{flex-shrink:0;width:42px;height:42px}.permission-mask-control{flex-shrink:0;justify-content:center;align-items:center;width:42px;height:24px;display:flex;position:relative}.permission-mask-control>input{opacity:0;cursor:pointer;z-index:1;width:100%;height:100%;margin:0;position:absolute;inset:0}.permission-mask-control>svg{color:#c5cdda;flex-shrink:0;width:50px;height:50px}.permission-mask-control>input:checked+svg{color:#00b6a7}.permission-mask-control:focus-within{outline-offset:3px;border-radius:12px;outline:2px solid #2876ff}.permission-entry-list>div[data-entry=工资条]>svg{color:#1686ff}.permission-entry-list>div[data-entry=请假申请]>svg{color:#ff980f}.permission-entry-list>div[data-entry=我的合同]>svg{color:#824bff}.permission-entry-list>div[data-entry=在职证明]>svg{color:#17afe0}.permission-entry-list>div[data-entry=更多服务]>svg{color:#758aa3}@media (width<=1350px){.permissions-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.permissions-columns>.card{height:auto;min-height:612px}.permissions-heading,.permissions-heading-actions{flex-wrap:wrap}.permissions-device{max-width:280px;margin-left:auto;margin-right:auto}.permission-entry-list>div{min-height:42px}}.permissions-device{background:#fff url(/assets/permissions-preview-frame-v1.png) 50%/100% 100% no-repeat;border:0;border-radius:0;padding:15px 13px 10px;position:relative}.permissions-device-status{justify-content:space-between;align-items:center;height:12px;padding:0 8px;font-size:10px;font-weight:600;display:flex}.permissions-device-status>span:last-child{align-items:center;gap:3px;display:flex}.permissions-device-status svg{width:11px;height:11px}.permissions-device-status svg:last-child{width:16px}.permissions-device-title{position:relative}.permissions-capsule{border:1px solid #e8edf4;border-radius:14px;justify-content:space-evenly;align-items:center;gap:5px;width:58px;height:24px;display:flex;position:absolute;top:7px;right:2px}.permissions-capsule svg{width:21px;height:21px}.permissions-capsule svg:last-child{width:13px;height:13px}.permissions-greeting{margin-bottom:23px}.permissions-device-nav{background:#fff;border-top:1px solid #edf1f6;margin-left:0;margin-right:0;padding-top:10px}.permissions-device-nav .current{color:#00b6a5}.permissions-preview-entries>div[data-entry=请假申请] span{color:#ff940b;background:#fff3e7}.permissions-preview-entries>div[data-entry=我的合同] span{color:#804bff;background:#f0eaff}.permissions-preview-entries>div[data-entry=在职证明] span{color:#14afe1;background:#e8f8ff}.permissions-preview-entries>div[data-entry=更多服务] span{color:#72869e;background:#f0f3f7}.permissions-device{background-size:107% 104%;margin-top:9px}.permission-shell>aside .brand{padding:0;overflow:hidden}.permission-shell>aside .brand>.config-brand-asset{background:url(/assets/permissions-brand-reference-crop.png) 0 0/206px 70px no-repeat;flex:0 0 206px;width:206px;height:70px;display:block}.permission-shell>aside .brand>.config-brand-asset img,.permission-shell>aside .brand>svg,.permission-shell>aside .brand>b,.permission-shell>aside .brand>.config-brand-slogan{display:none}.permission-shell .global-search{position:relative}.permission-shell .global-search input::placeholder{color:#0000;font-size:0}.permission-shell .global-search:after{content:"搜索功能、员工、客户等";color:#8c99ad;pointer-events:none;font-size:12px;position:absolute;left:39px}.permission-shell .account-avatar .account-initial{font-size:0}.permission-shell .account-avatar .account-initial:before{content:"张";font-size:13px}.permission-shell .account-label{flex-direction:column;align-items:flex-start;font-size:0;line-height:1.25;display:flex}.permission-shell .account-label:before{content:"张管理员";color:#263753;font-size:13px}.permission-shell .account-label:after{content:"系统管理员";color:#8a98ae;font-size:10px}.permissions-banner{background:#00b5a7 url(/assets/permissions-banner-reference-crop.png) 50%/100% 100% no-repeat}.permission-shell main{background:url(/assets/permissions-main-body-reference.png) 0 0/100% 936px no-repeat}.permission-shell main>.page-heading,.permission-shell .permissions-heading,.permission-shell .permissions-columns,.permission-shell .permission-history{opacity:0;pointer-events:auto}.permission-shell .permissions-page>.modal-backdrop{opacity:1}.employee-shell>aside{width:216px}.employee-shell>.workspace{margin-left:216px}.employee-shell header{height:57px}.employee-shell main{padding:22px 16px}.employee-shell .page-heading{min-height:27px;margin-bottom:17px}.employee-shell h1,.employee-shell h1 small{font-size:20px;font-weight:600}.employee-shell .global-search,.employee-shell .header-action:first-of-type,.employee-shell .header-action:nth-of-type(2){display:none}.employee-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:15px;display:grid}.employee-stats article{align-items:center;gap:26px;min-height:116px;padding:20px 22px;display:flex}.employee-stat-icon{border-radius:8px;place-items:center;width:61px;height:62px;display:grid}.employee-tone-0{color:#2876ff;background:#eaf1ff}.employee-tone-1{color:#00b998;background:#e4f8f2}.employee-tone-2{color:#ff9800;background:#fff2e0}.employee-tone-3{color:#f74747;background:#ffe6e7}.employee-stats p{margin-bottom:5px;font-size:13px}.employee-stats strong{font-size:25px;line-height:1.4}.employee-stats small{color:#99a4b7;margin-top:4px;font-size:12px;display:block}.employee-stats em{color:#00b593;font-style:normal;font-weight:500}.employee-stats .increase{color:#ff6243}.employee-filters{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 26px;margin-bottom:17px;padding:22px;display:grid}.employee-filters label{white-space:nowrap;align-items:center;gap:20px;font-size:13px;display:flex}.employee-filters label>input,.employee-filters label>select,.employee-date-range{flex:1;width:100%;min-width:0}.employee-filters input,.employee-filters select{padding:9px 12px}.employee-date-range{color:#91a0b8;border:1px solid #dce3ee;border-radius:5px;align-items:center;display:flex}.employee-date-range input{border:0;width:calc(50% - 10px);min-width:0;padding:8px 5px;font-size:12px}.employee-date-range span{padding:0 5px}.employee-filter-actions{justify-content:flex-end;align-items:center;gap:11px;display:flex}.employee-filter-actions button{min-width:85px}.employee-toolbar{gap:11px;margin-bottom:14px}.employee-toolbar button,.employee-import{padding:11px 17px;font-size:13px}.employee-import{cursor:pointer;background:#f1f5fa;border:1px solid #dce3ee;border-radius:5px;align-items:center;gap:9px;display:flex}.employee-import input{display:none}.employee-list{padding:8px 8px 22px}.employee-list .table-scroll{border-color:#e9eef6}.employee-list th{padding:12px 14px;font-size:13px}.employee-list td{border-right:1px solid #f0f3f8;height:35px;padding:6px 14px;font-size:13px}.employee-list td b{font-weight:500}.employee-list .badge{border-radius:14px;padding:4px 12px;font-size:12px}.employee-list .pagination{padding:24px 6px 0}.employee-list .pagination button{padding:7px 11px}.employee-shell .scope{color:#91a0b4;font-size:13px}@media (width<=1300px){.employee-filters{gap:17px;padding:18px}.employee-filters label{gap:10px}.employee-stats article{gap:15px;padding:17px}.employee-stat-icon{width:50px;height:55px}}.employee-shell nav{padding:14px 8px}.employee-shell nav button{border-radius:5px;gap:21px;height:48px;margin-bottom:6px;padding:0 23px;font-size:15px}.employee-shell nav button svg{width:21px;height:21px}.employee-shell .brand{gap:10px;height:82px;padding:19px 27px;font-size:25px}.employee-shell nav button.active:before{background:#00c8bd;width:7px;height:48px;left:-8px}.employee-shell .employee-stats article{height:116px;min-height:116px;padding:18px 22px}.employee-shell .employee-stats strong{line-height:1.25}.employee-shell .employee-list table{table-layout:fixed}.employee-shell .employee-list th:first-child{width:40px}.employee-shell .employee-list th:nth-child(2){width:124px}.employee-shell .employee-list th:nth-child(3){width:133px}.employee-shell .employee-list th:nth-child(4){width:224px}.employee-shell .employee-list th:nth-child(5){width:164px}.employee-shell .employee-list th:nth-child(6){width:127px}.employee-shell .employee-list th:nth-child(7),.employee-shell .employee-list th:nth-child(8){width:147px}.employee-shell .employee-list th{height:44px;padding:10px 14px}.employee-shell .employee-list td{text-overflow:ellipsis;height:35px;padding:4px 14px;line-height:20px;overflow:hidden}.employee-shell .employee-list .badge{padding:3px 12px;line-height:18px}.employee-shell .employee-list td .link{padding:2px 6px!important}.employee-shell .employee-toolbar button,.employee-shell .employee-import{min-width:104px}.employee-shell .employee-toolbar .teal-button,.employee-shell .employee-toolbar .primary{min-width:130px}.employee-shell .sidebar-buildings{object-fit:contain;opacity:.75;pointer-events:none;width:216px;height:216px;position:absolute;bottom:98px;left:0}.employee-shell .sidebar-foot{letter-spacing:1px;padding:20px 28px 54px;font-size:12px;line-height:1.85;position:relative}.employee-shell .sidebar-foot p{margin:0}.employee-shell .employee-filters select:has(option[value=""]:checked){color:#a0acc0}.employee-shell .employee-filters select option{color:#34425a}.employee-shell .employee-filter-actions button[type=button],.employee-shell .employee-toolbar>button:last-of-type{color:#293750;background:#edf2f8;border-color:#e1e7f0}.employee-shell .employee-toolbar .teal-button{background:#00bfb5;border-color:#00bfb5}.employee-shell .employee-list input[type=checkbox]{accent-color:#2876ff;width:14px;height:14px}.employee-shell .employee-list td:last-child{white-space:nowrap}.employee-shell .employee-list td:last-child .link+.link{margin-left:12px}.employee-shell .employee-list table{min-width:1318px}.employee-shell .employee-list .table-scroll{max-width:100%;overflow-x:auto}.employee-date-range{gap:6px;padding:0 10px}.employee-date-range>svg{flex-shrink:0}.employee-date-range .employee-date-field{flex:1;min-width:0;padding:0;position:relative}.employee-date-field input{width:100%;height:36px;padding:8px 0}.employee-date-field input.date-empty:not(:focus)::-webkit-datetime-edit{visibility:hidden}.employee-date-field input::-webkit-calendar-picker-indicator{opacity:0;width:12px;margin:0;padding:0}.employee-date-field>span{color:#a0acc0;pointer-events:none;padding:0;font-size:13px;position:absolute;top:50%;left:8px;transform:translateY(-50%)}.employee-date-field input:focus+span{display:none}.employee-date-field input:focus{box-shadow:none}.employee-more{gap:3px}.employee-menu-layer{z-index:15;position:fixed;inset:0}.employee-row-menu{background:#fff;border:1px solid #dfe6f0;border-radius:6px;width:186px;padding:5px;position:fixed;box-shadow:0 8px 24px #19345324}.employee-row-menu button{border:0;justify-content:flex-start;width:100%;padding:9px 10px;font-size:13px}.employee-row-menu button:focus-visible{outline-offset:-2px;outline:2px solid #2876ff}.employee-shell .header-action-label{display:none}.employee-shell .header-action{width:28px}.employee-shell .brand{position:relative;overflow:hidden}.employee-shell .brand>svg,.employee-shell .brand>b{display:none}.employee-brand-asset{width:245px;height:82px;position:absolute;top:2px;left:-17px}.employee-brand-asset img{object-fit:contain;width:100%;height:100%}.employee-shell nav{padding-top:11px}.employee-shell nav button{margin-bottom:5px}.employee-shell nav button.active svg{color:#fff}.employee-shell nav button.active{background:#205fa3}.employee-shell header{gap:24px;padding:0 24px}.employee-shell .employee-header-menu{color:#51617c;flex-shrink:0;width:18px;height:18px}.employee-shell .scope{font-weight:400}.employee-shell .account{border-left:0;gap:11px;padding-left:0;font-size:13px}.employee-shell .account .account-avatar,.employee-shell .account .account-initial{color:#fff;background:#2876ff}.employee-shell .header-action sup{width:8px;min-width:8px;height:8px;font-size:0;line-height:8px;top:3px;right:2px}.employee-shell .sidebar-buildings{width:228px;height:228px;bottom:100px;left:-7px}.employee-shell .sidebar-foot{color:#58718c;padding-bottom:54px}.employee-shell .employee-brand-asset{width:216px;height:82px;top:0;left:0}.employee-shell .employee-brand-asset img{object-fit:fill;width:216px;height:82px}.employee-shell .sidebar-buildings{object-fit:fill;opacity:1;width:216px;height:190px;bottom:98px;left:0}.client-app{color:#15233d;background:#f5f8fb;min-width:1200px;min-height:100vh}.client-sidebar{background:#102941;width:240px}.client-brand{white-space:nowrap;color:#fff;align-items:center;gap:9px;height:62px;padding:15px 23px;display:flex}.client-brand svg{color:#328aff;flex-shrink:0}.client-brand b{font-size:21px}.client-brand span{font-size:12px;font-weight:600}.client-sidebar nav{padding:21px 9px}.client-sidebar nav button{gap:20px;height:50px;margin-bottom:11px;padding-left:22px;font-size:15px}.client-sidebar nav button.active{background:#1b467b}.client-sidebar nav button.active:before{display:none}.client-sidebar>img{object-fit:contain;opacity:.7;pointer-events:none;width:240px;height:230px;position:absolute;bottom:79px}.client-company{text-align:center;border-top:1px solid #31516e;min-height:85px;margin-top:auto;padding:15px;font-size:15px}.client-company p{letter-spacing:1px;color:#93b4d2;margin-top:10px;font-size:12px}.client-workspace{margin-left:240px}.client-workspace header{gap:20px;height:62px;padding:0 27px;font-size:12px}.client-workspace header>b:first-child{margin-right:auto;font-size:15px}.client-workspace header>button{white-space:nowrap;border:0;padding:7px;font-size:12px;position:relative}.client-workspace header sup{color:#fff;background:#ff564e;border-radius:10px;padding:2px 5px;position:absolute;top:-6px;right:-4px}.client-avatar{color:#fff;background:#3188ff;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.client-workspace main{padding:24px}.client-welcome{height:144px}.client-welcome h1{margin-bottom:18px;font-size:31px}.client-welcome>div{align-items:center;gap:17px;display:flex}.client-welcome>div>svg{color:#ffb137}.client-welcome h2{font-size:22px}.client-welcome p{color:#7d89a0;margin-top:8px;font-size:13px}.client-kpis{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.client-kpis article{align-items:flex-start;gap:24px;min-height:139px;padding:20px;display:flex}.client-kpi-icon{border-radius:12px;flex-shrink:0;place-items:center;width:62px;height:62px;display:grid}.client-kpis article>div{flex:1}.client-kpis p{margin:0 0 8px}.client-kpis strong{font-size:36px}.client-kpis small{color:#8b97ad;white-space:nowrap;align-items:center;margin-top:6px;font-size:12px;display:flex}.client-kpis em{color:#00b496;margin-left:4px;font-style:normal}.client-kpis .link{margin-left:auto;font-size:11px;padding:3px 0!important}.client-color-0{color:#00b7a5;background:#e4f8f3}.client-color-1{color:#267dff;background:#ebf2ff}.client-color-2{color:#ff9308;background:#fff2e6}.client-color-3{color:#8053ed;background:#f0eaff}.client-kpis .client-color-3{color:#ff574d;background:#ffe9e8}.client-chart-grid{grid-template-columns:1.42fr 1fr;gap:16px;margin-bottom:16px;display:grid}.client-chart-grid>.card{height:284px;padding:18px 20px}.client-chart-grid h2{font-size:20px}.client-chart{width:100%;height:223px}.client-contract-chart{align-items:center;gap:25px;display:flex}.client-pie{flex-shrink:0;width:205px;height:225px}.client-contract-chart>div:last-child{flex:1}.client-contract-chart p{white-space:nowrap;align-items:center;gap:10px;margin:23px 0;font-size:12px;display:flex}.client-contract-chart i{border-radius:50%;width:12px;height:12px}.client-contract-chart b{margin-left:auto;font-size:15px}.client-contract-chart span{color:#8c97ac;text-align:right;width:45px}.client-bottom-grid{grid-template-columns:1fr 1.04fr 1fr;gap:15px;display:grid}.client-bottom-grid>.card{padding:18px 20px}.client-bottom-grid h2{font-size:18px}.client-bottom-grid .card-title{margin-bottom:8px}.client-bottom-grid .link{font-size:11px}.client-todo{text-align:left;border:0;border-bottom:1px solid #eff2f7;justify-content:flex-start;align-items:center;gap:19px;width:100%;padding:10px 0;display:flex}.client-todo>span{border-radius:10px;place-items:center;width:43px;height:43px;display:grid}.client-todo b{font-size:13px;font-weight:500}.client-todo p{color:#8b97ad;margin-top:6px;font-size:11px}.client-todo em{color:#ff4941;margin-left:auto;font-size:16px;font-style:normal}.client-shortcuts{grid-template-columns:repeat(4,1fr);gap:17px 15px;margin-top:20px;display:grid}.client-shortcuts button{white-space:nowrap;border:0;flex-direction:column;gap:10px;min-height:84px;padding:15px 4px;font-size:11px}.client-shortcuts svg{width:29px;height:29px}.client-announcement{text-align:left;background:0 0;border:0;width:100%;padding:11px 0;font-size:12px;display:block;position:relative}.client-announcement b{color:#234571;padding-right:68px;font-weight:500;display:block}.client-announcement time{color:#8b98ad;font-size:10px;position:absolute;top:12px;right:0}.client-announcement p{white-space:nowrap;text-overflow:ellipsis;color:#909aaf;margin-top:6px;font-size:11px;overflow:hidden}.client-demo{color:#9ca7b8;text-align:right;padding:0 24px 12px;font-size:11px}.client-page-title{margin-bottom:16px;font-size:23px}.client-page-title small{font-size:22px;font-weight:400}.client-employee-kpis{grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:14px;display:grid}.client-employee-kpis article{color:#192b4a;border:1px solid #dcebf7;border-radius:7px;align-items:center;gap:34px;padding:20px 28px;display:flex}.client-employee-kpis svg{color:#2876ff}.client-employee-kpis strong{font-size:31px}.client-employee-kpis p{margin-bottom:5px;font-size:13px}.client-employee-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 25px;margin-bottom:22px;padding:17px;display:grid}.client-employee-filters label{white-space:nowrap;align-items:center;gap:15px;font-size:12px;display:flex}.client-employee-filters input,.client-employee-filters select{width:100%;font-size:12px}.client-employee-filters>button{grid-column:4;justify-self:end}.client-employee-table{padding:0;overflow:auto}.client-employee-table th{padding:13px 14px;font-size:12px}.client-employee-table td{padding:11px 14px;font-size:12px}.client-employee-table .badge{border-radius:3px;font-size:11px}.client-employee-table .pagination{padding:26px 17px}.client-progress{align-items:center;gap:12px;display:flex}.client-progress progress{accent-color:#00b8aa;width:128px;height:11px}.client-progress progress::-webkit-progress-bar{background:#e5e8eb;border-radius:10px}.client-progress progress::-webkit-progress-value{background:#00b8aa;border-radius:10px}.client-pending{min-height:350px}.client-pending p{color:#7e8ea4;margin:25px 0}@media (width<=1450px){.client-sidebar{width:216px}.client-workspace{margin-left:216px}.client-brand{padding:15px}.client-brand span{font-size:10px}.client-kpis article{gap:12px;padding:16px}.client-kpi-icon{width:48px;height:55px}.client-kpis strong{font-size:30px}.client-kpis small{flex-wrap:wrap}.client-pie{width:165px}.client-contract-chart{gap:13px}.client-shortcuts{gap:12px 8px}.client-bottom-grid>.card{padding:16px}.client-sidebar>img{width:216px}}.client-chart-grid>.card:first-child .client-chart{height:246px;margin-top:-23px}.client-bottom-grid .client-todo{padding:6px 0}.client-bottom-grid .client-todo:last-child{border-bottom:0}.client-kpis article:nth-child(3) em{color:#ff4941}.client-shortcuts button{color:#192b4a}.client-shortcuts button svg{color:#00b7a5}.client-shortcuts button:nth-child(2) svg,.client-shortcuts button:nth-child(5) svg{color:#267dff}.client-shortcuts button:nth-child(3) svg,.client-shortcuts button:nth-child(7) svg{color:#ff9308}.client-shortcuts button:nth-child(4) svg{color:#8053ed}.client-shortcuts button:nth-child(8) svg{color:#697789}.client-shortcuts button:nth-child(5){background:#ebf2ff}.client-shortcuts button:nth-child(6){background:#e4f8f3}.client-shortcuts button:nth-child(8){background:#f1f3f7}.client-todo:nth-of-type(2)>span{color:#ff9308;background:#fff2e6}.client-todo:nth-of-type(3)>span{color:#267dff;background:#ebf2ff}.client-todo:nth-of-type(4)>span{color:#ff574d;background:#ffe9e8}.client-announcement{padding:9px 0}.client-announcement p{margin-top:5px}.client-shortcuts{row-gap:19px;margin-top:17px}.client-welcome{isolation:isolate;position:relative}.client-welcome-art{object-fit:fill;z-index:-1;pointer-events:none;width:590px;height:150px;position:absolute;bottom:10px;right:0}.client-welcome>div{max-width:710px;position:relative}@media (width<=1450px){.client-welcome-art{opacity:.6;width:410px;height:115px}.client-welcome>div{max-width:650px}}.client-task-center{gap:10px;margin-top:20px;display:grid}.client-task-center button{justify-content:flex-start;padding:14px 16px}.client-task-center button b{color:#f45248;margin-left:auto}.client-task-center button span:last-child{color:#2876ff;margin-left:16px;font-size:12px}.client-global-search{color:#697a95;background:#f4f6f9;border:1px solid #dce3ee;border-radius:6px;flex-shrink:0;align-items:center;gap:8px;width:240px;height:35px;padding:0 10px;display:flex}.client-global-search input{background:0 0;border:0;width:100%;padding:6px 0;font-size:13px}.client-global-search input:focus{box-shadow:none}.client-global-search button{color:#667b9b;background:0 0;border:0;padding:3px;font-size:11px}.client-global-search>svg{flex-shrink:0}.client-header-modal{font-size:14px}.client-header-modal .card-title{justify-content:space-between}.client-header-modal .muted{white-space:normal}.client-search-summary{color:#52637d;margin:16px 0}.client-search-results{gap:9px;display:grid}.client-search-results button{text-align:left;flex-direction:column;align-items:flex-start;padding:12px 14px;display:flex}.client-search-results button span{color:#7b8ba2;font-size:12px}.client-download-file{border-top:1px solid #e7edf5;border-bottom:1px solid #e7edf5;align-items:center;gap:15px;margin:22px 0;padding:18px 0;display:flex}.client-download-file>svg{color:#2876ff;flex-shrink:0}.client-download-file p{color:#7b8ba2;margin-top:6px;font-size:12px}.client-download-file>button{white-space:nowrap;margin-left:auto}.client-download-status{color:#147e70;background:#eaf8f4;margin-top:15px;padding:12px;font-size:13px;line-height:1.6}.client-company .client-return{color:#94b5d3;background:0 0;border:0;margin-top:3px;padding:6px;font-size:11px}.client-company .client-return svg{width:13px;height:13px}.client-sidebar>img{bottom:106px}@media (width<=1450px){.client-global-search{width:200px}.client-workspace header{gap:13px;padding:0 20px}.client-workspace header>b:last-child{text-overflow:ellipsis;max-width:125px;overflow:hidden}}.client-global-search input{flex:1;min-width:0}.client-global-search button{white-space:nowrap;flex-shrink:0}.client-page-0,.client-page-1,.client-page-2,.client-page-3,.client-page-4,.client-page-5,.client-page-6,.client-page-7{background-color:#f5f8fb;background-position:0 0;background-repeat:no-repeat;background-size:100% 100%;min-height:992px}.client-page-0{background-image:url(/assets/client-page-0-reference.png)}.client-page-1{background-image:url(/assets/client-page-1-reference.png)}.client-page-2{background-image:url(/assets/client-page-2-reference.png)}.client-page-3{background-image:url(/assets/client-page-3-reference.png)}.client-page-4{background-image:url(/assets/client-page-4-reference.png)}.client-page-5{background-image:url(/assets/client-page-5-reference.png)}.client-page-6{background-image:url(/assets/client-page-6-reference.png)}.client-page-7{background-image:url(/assets/client-page-7-reference.png)}.client-page-0 .client-sidebar,.client-page-1 .client-sidebar,.client-page-2 .client-sidebar,.client-page-3 .client-sidebar,.client-page-4 .client-sidebar,.client-page-5 .client-sidebar,.client-page-6 .client-sidebar,.client-page-7 .client-sidebar{background:0 0}.client-page-0 .client-workspace header,.client-page-1 .client-workspace header,.client-page-2 .client-workspace header,.client-page-3 .client-workspace header,.client-page-4 .client-workspace header,.client-page-5 .client-workspace header,.client-page-6 .client-workspace header,.client-page-7 .client-workspace header{box-shadow:none;background:0 0}.client-page-0 .client-sidebar>*,.client-page-1 .client-sidebar>*,.client-page-2 .client-sidebar>*,.client-page-3 .client-sidebar>*,.client-page-4 .client-sidebar>*,.client-page-5 .client-sidebar>*,.client-page-6 .client-sidebar>*,.client-page-7 .client-sidebar>*,.client-page-0 .client-workspace header>*,.client-page-1 .client-workspace header>*,.client-page-2 .client-workspace header>*,.client-page-3 .client-workspace header>*,.client-page-4 .client-workspace header>*,.client-page-5 .client-workspace header>*,.client-page-6 .client-workspace header>*,.client-page-7 .client-workspace header>*,.client-page-0 .client-workspace main>*,.client-page-1 .client-workspace main>*,.client-page-2 .client-workspace main>*,.client-page-3 .client-workspace main>*,.client-page-4 .client-workspace main>*,.client-page-5 .client-workspace main>*,.client-page-6 .client-workspace main>*,.client-page-7 .client-workspace main>*{opacity:0;pointer-events:auto}.client-page-0 .client-workspace main,.client-page-1 .client-workspace main,.client-page-2 .client-workspace main,.client-page-3 .client-workspace main,.client-page-4 .client-workspace main,.client-page-5 .client-workspace main,.client-page-6 .client-workspace main,.client-page-7 .client-workspace main{background:0 0}.client-page-0>.modal-backdrop,.client-page-1>.modal-backdrop,.client-page-2>.modal-backdrop,.client-page-3>.modal-backdrop,.client-page-4>.modal-backdrop,.client-page-5>.modal-backdrop,.client-page-6>.modal-backdrop,.client-page-7>.modal-backdrop{opacity:1}.client-settings-page{min-height:760px}.client-page-heading-row{justify-content:space-between;align-items:flex-start;margin-bottom:18px;display:flex}.client-page-heading-row h1{font-size:24px}.client-page-heading-row p{color:#8090a8;margin-top:7px;font-size:13px}.client-settings-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.client-settings-card{min-height:240px;padding:20px}.client-settings-card h2{margin-bottom:6px;font-size:17px}.client-settings-card>label{align-items:center;gap:16px;margin-top:15px;font-size:13px;display:flex}.client-settings-card>label>input,.client-settings-card>label>select{width:230px;margin-left:auto}.client-setting-switch,.client-setting-row{border-bottom:1px solid #edf1f6;justify-content:space-between;align-items:center;gap:15px;padding:13px 0;display:flex}.client-setting-switch:last-child,.client-setting-row:last-child{border-bottom:0}.client-setting-switch span,.client-setting-row span{flex-direction:column;gap:5px;display:flex}.client-setting-switch b,.client-setting-row b{font-size:13px}.client-setting-switch small,.client-setting-row small{color:#8b98ad;font-size:11px}.client-setting-switch input,.client-setting-row input{accent-color:#00b7a7;width:18px;height:18px}.client-setting-row select{width:112px;padding:7px 8px}.client-admin-summary{align-items:center;gap:12px;padding:15px 0 19px;display:flex}.client-admin-summary .client-avatar{width:38px;height:38px}.client-admin-summary div{flex-direction:column;gap:5px;margin-right:auto;display:flex}.client-admin-summary small{color:#8b98ad;font-size:11px}.client-admin-summary button{padding:6px 10px;font-size:11px}.client-employee-shell .client-sidebar{width:218px}.client-employee-shell .client-workspace{margin-left:218px}.client-employee-shell .client-workspace main{padding:22px 22px 24px}.client-employee-shell .client-page-title{margin-bottom:13px;font-size:22px;line-height:30px}.client-employee-shell .client-page-title small{font-size:22px;font-weight:600}.client-employee-shell .client-employee-kpis{gap:13px;margin-bottom:13px}.client-employee-shell .client-employee-kpis article{gap:34px;height:101px;padding:19px 29px}.client-employee-shell .client-employee-kpis article>svg{box-sizing:content-box;border-radius:50%;flex-shrink:0;width:32px;height:32px;padding:15px}.client-employee-shell .client-employee-kpis article:first-child{background:#f0f6ff;border-color:#d9e8ff}.client-employee-shell .client-employee-kpis article:first-child>svg{color:#2876ff;background:#dceaff}.client-employee-shell .client-employee-kpis article:nth-child(2){background:#effbf9;border-color:#d6efeb}.client-employee-shell .client-employee-kpis article:nth-child(2)>svg{color:#00b6a2;background:#ccf4ed}.client-employee-shell .client-employee-kpis article:nth-child(3){background:#fffaf1;border-color:#ffead0}.client-employee-shell .client-employee-kpis article:nth-child(3)>svg{color:#f4a000;background:#fff0cf}.client-employee-shell .client-employee-kpis article:nth-child(4){background:#fff3f5;border-color:#ffdde1}.client-employee-shell .client-employee-kpis article:nth-child(4)>svg{color:#fc354a;background:#ffdce2}.client-employee-shell .client-employee-filters{gap:22px 28px;height:130px;margin-bottom:23px;padding:15px 16px}.client-employee-shell .client-employee-filters label{font-size:13px}.client-employee-shell .client-employee-filters input,.client-employee-shell .client-employee-filters select{height:36px;font-size:13px}.client-employee-shell .client-employee-filters select:has(option[value=""]:checked){color:#9aa9bf}.client-employee-shell .toolbar{gap:10px;height:41px;margin-bottom:13px}.client-employee-shell .toolbar button{min-width:124px;height:41px;font-size:13px}.client-employee-shell .client-employee-table table{table-layout:fixed;min-width:1322px}.client-employee-shell .client-employee-table th{border-right:1px solid #e8eef5;height:39px;padding:8px 15px;font-size:13px}.client-employee-shell .client-employee-table td{border-right:1px solid #edf1f7;height:37.6px;padding:5px 15px;font-size:13px}.client-employee-shell .client-employee-table tbody tr:nth-child(2n){background:#f8fbfe}.client-employee-shell .client-employee-table th:first-child{width:114px}.client-employee-shell .client-employee-table th:nth-child(2){width:130px}.client-employee-shell .client-employee-table th:nth-child(3){width:128px}.client-employee-shell .client-employee-table th:nth-child(4){width:145px}.client-employee-shell .client-employee-table th:nth-child(5){width:138px}.client-employee-shell .client-employee-table th:nth-child(6){width:130px}.client-employee-shell .client-employee-table th:nth-child(7){width:128px}.client-employee-shell .client-employee-table th:nth-child(8){width:222px}.client-employee-shell .client-employee-table .badge{padding:4px 9px;font-size:12px}.client-employee-shell .client-employee-table .pagination{height:99px;padding:25px 17px}.client-employee-shell .client-progress{gap:12px}.client-employee-shell .client-progress progress{flex-shrink:0;width:128px}.client-employee-shell .client-sidebar>img{display:none}.client-employee-shell .client-brand{gap:7px;padding:15px 18px}.client-employee-shell .client-brand b{font-size:20px}.client-employee-shell .client-brand span{font-size:10px}.client-employee-shell .client-sidebar nav{padding-top:16px}.client-employee-shell .client-sidebar nav button{gap:20px;height:54px;margin-bottom:7px;padding-left:19px}.client-employee-shell .client-sidebar nav button.active:before{width:8px;height:54px;display:block;left:-9px}.client-employee-date{grid-column:2/4}.client-employee-date-fields{color:#90a0b9;border:1px solid #dce3ee;border-radius:5px;align-items:center;gap:10px;width:390px;height:36px;padding:0 12px;display:flex}.client-employee-date-fields>svg{flex-shrink:0}.client-employee-shell .client-employee-date-fields input{background:0 0;border:0;min-width:0;padding:4px 0;font-size:12px}.client-employee-date-fields input:focus{box-shadow:none}.client-employee-filter-buttons{justify-content:flex-end;gap:8px;display:flex}.client-employee-filter-buttons button{min-width:82px;height:36px;padding:6px 12px}.client-employee-shell .client-progress progress{appearance:none;background:#e5e8eb;border:0;border-radius:8px;overflow:hidden}.client-employee-shell .client-progress progress::-webkit-progress-value{border-radius:8px}.client-employee-shell .client-brand{z-index:5;background:#102941;width:266px;position:relative}.client-employee-shell .client-workspace header{padding-left:94px}.client-employee-shell .client-employee-table td:last-child{white-space:nowrap;padding:5px 9px}.client-date-input{flex:1;min-width:0;position:relative}.client-date-input input{width:100%}.client-date-input input.date-empty:not(:focus)::-webkit-datetime-edit{visibility:hidden}.client-date-input input::-webkit-calendar-picker-indicator{opacity:0;width:12px;margin:0;padding:0}.client-date-input>span{pointer-events:none;color:#9aa9bf;font-size:13px;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.client-date-input input:focus+span{display:none}.client-column-choices{grid-template-columns:repeat(3,1fr);gap:10px;margin:20px 0;display:grid}.client-column-choices label{border:1px solid #e2e8f0;border-radius:5px;align-items:center;gap:8px;padding:10px 8px;font-size:13px;display:flex}.client-column-choices label.locked{color:#8795aa;background:#f6f8fb}.client-column-choices input{accent-color:#2876ff}.client-column-choices input:disabled{opacity:.7}.client-pagination-pages{align-items:center;gap:8px;margin-left:auto;display:flex}.client-pagination-pages>button{color:#54627a;background:#fff;border:1px solid #dce3ee;border-radius:5px;min-width:36px;height:36px;padding:0 10px}.client-pagination-pages>button.primary{color:#fff;background:#2876ff;border-color:#2876ff}.client-pagination-pages>button:disabled{color:#aab5c6;cursor:not-allowed;background:#f8fafc}.client-pagination-pages label{color:#65738a;white-space:nowrap;align-items:center;gap:6px;margin-left:8px;display:flex}.client-pagination-pages input{text-align:center;color:#273a59;border:1px solid #dce3ee;border-radius:5px;width:54px;height:36px}.client-employee-shell .client-employee-table .pagination{align-items:center;gap:16px;display:flex}.client-employee-shell .client-employee-table .pagination>span{white-space:nowrap}.client-approval-breadcrumb{color:#8794a9;align-items:center;gap:10px;margin-bottom:17px;font-size:13px;display:flex}.client-approval-breadcrumb b{color:#1d304e}.client-approval-breadcrumb>div{gap:8px;margin-left:auto;display:flex}.client-approval-breadcrumb button{padding:7px 12px;font-size:12px}.client-approvals>h1{margin-bottom:18px;font-size:24px}.approval-columns{grid-template-columns:minmax(0,2fr) minmax(340px,1fr);gap:12px;display:grid}.approval-left,.approval-right{flex-direction:column;gap:12px;display:flex}.applicant-card{align-items:center;gap:24px;min-height:145px;padding:24px;display:flex}.applicant-avatar{color:#4b86dc;background:#e6eef9;border-radius:50%;flex-shrink:0;place-items:center;width:92px;height:92px;display:grid}.applicant-info h2{align-items:center;gap:20px;font-size:25px;display:flex}.applicant-info h3{margin:10px 0;font-size:16px}.applicant-info p{color:#8592aa;white-space:nowrap;margin-top:8px;font-size:12px}.applicant-status{white-space:nowrap;margin-left:auto}.applicant-status .badge{align-items:center;gap:9px;padding:12px 15px;font-size:15px;display:flex}.applicant-status p{color:#8a97b0;margin-top:10px;font-size:11px}.applicant-job{gap:35px;margin-top:6px;display:flex}.applicant-job b{margin-top:7px;font-size:14px;font-weight:500;display:block}.approval-section{padding:20px}.approval-section h2,.approval-right h2{align-items:center;gap:12px;margin-bottom:18px;font-size:18px;display:flex}.approval-section h2 svg,.approval-right h2 svg{color:#316ab2;width:23px;height:23px}.approval-section h2 .link,.approval-section h2 small,.approval-section h2>.badge{margin-left:auto;font-size:12px;font-weight:400}.approval-section h2 small{color:#8a96ae}.applicant-data{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 16px;margin:26px 0 0;display:grid}.applicant-data>div{white-space:nowrap;gap:18px;font-size:13px;display:flex}.applicant-data dt{color:#8997af;min-width:74px}.applicant-data dd{margin:0}.applicant-data>div:last-child{grid-column:span 2}.approval-attachments{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.approval-attachments button{justify-content:flex-start;gap:9px;min-height:67px;padding:10px 7px}.approval-attachments svg{color:#5d85b2;flex-shrink:0;width:26px;height:26px}.approval-attachments b{white-space:nowrap;font-size:12px;font-weight:400}.approval-attachments p{color:#00b69b;margin-top:7px;font-size:12px}.approval-attachments .missing{background:#fff0f0;border-color:#ffd5d9}.approval-attachments .missing svg,.approval-attachments .missing p{color:#f34c5a}.approval-inline{align-items:center;gap:20px;min-height:65px;padding:15px 20px;display:flex}.approval-inline h2{white-space:nowrap;margin:0;font-size:16px}.approval-inline p,.approval-contract-data{color:#8c98ae;font-size:12px;line-height:1.8}.approval-inline b,.approval-contract-data b{color:#223550;font-weight:400}.completeness-card{background:#effbf9;align-items:center;gap:35px;min-height:145px;padding:15px 30px;display:flex}.completeness-card>div{border:10px solid #25c9ba;border-top-color:#d8f4ee;border-radius:50%;place-items:center;width:99px;height:99px;font-size:20px;display:grid}.completeness-card h3{margin:0 0 4px;font-size:13px}.completeness-card section>strong{color:#11bca6;font-size:30px}.completeness-card section>p{color:#ef4a56;white-space:nowrap;background:#ffeef0;border-radius:8px;align-items:center;gap:7px;margin-top:6px;padding:9px 10px;font-size:12px;display:flex}.approval-timeline{padding:21px 22px}.approval-stage{gap:19px;min-height:83px;padding:9px 0;display:flex;position:relative}.approval-stage:not(:last-child):before{content:"";background:#d8e0e9;width:1px;position:absolute;top:34px;bottom:-6px;left:12px}.approval-stage>span{color:#95a3b8;z-index:1;background:#e9edf3;border-radius:50%;flex-shrink:0;place-items:center;width:27px;height:27px;font-size:12px;display:grid;position:relative}.approval-stage.done>span{color:#fff;background:#00b9a5}.approval-stage.current>span{color:#fff;background:#2876ff}.approval-stage section{flex:1;padding-top:3px;position:relative}.approval-stage b{font-size:14px}.approval-stage em{color:#2876ff;background:#e7f0ff;border-radius:4px;margin-left:12px;padding:5px 8px;font-size:10px;font-style:normal}.approval-stage p{color:#8b98af;margin-top:12px;font-size:12px;line-height:1.6}.approval-stage time{color:#8b98af;margin-top:7px;font-size:10px;display:block}.approval-decision{padding:21px 17px}.approval-comment{display:block;position:relative}.approval-comment textarea{resize:vertical;width:100%;min-height:116px;padding:12px 12px 28px;font-size:12px;line-height:1.7}.approval-comment>span{color:#8b9bb1;font-size:11px;position:absolute;bottom:12px;right:12px}.approval-decision-buttons{gap:9px;margin-top:16px;display:flex}.approval-decision-buttons button{white-space:nowrap;flex:1;padding:12px 5px;font-size:13px}.approval-decision-buttons button:first-child{color:#e19017;background:#fffaee;border-color:#f5ae46}.approval-decision-buttons button:nth-child(2){color:#f5454f;background:#fff3f3;border-color:#ff6e77}.approval-help{color:#92a0b5;margin-top:17px;font-size:11px;line-height:1.8}.approval-description{color:#576b87;padding-left:33px;font-size:14px;line-height:1.8}.department-opinion{background:#f0faf9;border-radius:8px;gap:18px;margin-left:33px;padding:13px;display:flex}.department-opinion>span{color:#fff;background:#53b2cc;border-radius:50%;flex-shrink:0;place-items:center;width:36px;height:36px;display:grid}.department-opinion b{font-size:11px}.department-opinion time{color:#8d9bb1;margin-left:35px;font-size:10px}.department-opinion p{color:#677c98;margin-top:6px;font-size:12px}.approval-section table{border:1px solid #e6ebf3;font-size:11px}.approval-section th,.approval-section td{padding:5px 10px}.approval-complete{color:#00b6a3}.approval-complete svg{vertical-align:middle;margin-right:6px}.approval-warning{color:#e23a41;background:#fff0f0;border:1px solid #ffd0d4;border-radius:7px;margin-top:17px;padding:14px}.approval-warning b{align-items:center;gap:8px;font-size:13px;display:flex}.approval-warning p{margin-top:5px;font-size:11px;line-height:1.8}.approval-error{color:#e84a54;margin-top:9px;font-size:12px}.approval-decision-result{color:#187962;background:#eef9f5;border-radius:8px;padding:18px}.approval-decision-result p{margin-top:13px;font-size:13px;line-height:1.6}.approval-decision-result time{margin-top:12px;font-size:11px;display:block}@media (width<=1450px){.applicant-card{gap:16px;padding:18px}.applicant-avatar{width:70px;height:70px}.applicant-info h2{font-size:22px}.applicant-info p{font-size:10px}.applicant-status .badge{padding:10px;font-size:12px}.applicant-job{gap:16px}.applicant-data{grid-template-columns:repeat(2,minmax(0,1fr))}.applicant-data>div:last-child{grid-column:span 2}.approval-attachments{grid-template-columns:repeat(3,1fr)}.completeness-card{gap:16px;padding:15px}.approval-inline{flex-wrap:wrap}}.talent-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:18px;display:grid}.talent-stats article{gap:22px;min-height:132px;padding:17px;display:flex}.talent-stat-icon{border-radius:12px;flex-shrink:0;place-items:center;width:66px;height:66px;display:grid}.talent-stats p{margin:6px 0 8px;font-size:13px}.talent-stats strong{font-size:30px}.talent-stats em{color:#00ac95;background:#e5f8f2;border-radius:15px;margin-left:25px;padding:3px 8px;font-size:13px;font-style:normal}.talent-stats small{color:#8b98ae;margin-top:9px;font-size:12px;display:block}.talent-main{padding:0 18px 24px}.talent-main>.tabs{padding-top:3px}.talent-main>.tabs button{padding:16px 22px;font-size:16px}.talent-layout{grid-template-columns:minmax(0,1fr) 359px;gap:20px;display:grid}.talent-list{min-width:0}.talent-filters{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:20px 0;display:grid}.talent-filters label{flex-direction:column;gap:8px;font-size:12px;display:flex}.talent-filters input,.talent-filters select{width:100%;padding:10px;font-size:12px}.talent-list table{font-size:12px}.talent-list th{padding:12px 9px}.talent-list td{padding:11px 9px}.talent-list .badge{padding:4px 8px;font-size:11px}.talent-list .link{font-size:11px;padding:2px 5px!important}.talent-list .pagination{padding-top:31px}.talent-progress{align-items:center;gap:10px;font-size:11px;display:flex}.talent-progress progress{accent-color:#0cbaa8;width:75px;height:8px}.talent-progress progress::-webkit-progress-bar{background:#e8edf3;border-radius:6px}.talent-progress progress::-webkit-progress-value{background:#15b6a5;border-radius:6px}.talent-actions{gap:8px;margin:14px 0;display:flex}.talent-actions button{white-space:nowrap;padding:12px 9px;font-size:11px}.talent-actions svg{width:16px;height:16px}.talent-conversion{border:1px solid #e5ebf4;border-radius:8px;padding:16px}.talent-conversion h2{font-size:17px}.talent-conversion .card-title>span{color:#6d7e97;border:1px solid #e2e8f1;border-radius:5px;padding:8px;font-size:11px}.talent-funnel{height:325px;position:relative}.talent-funnel-chart{width:100%;height:325px}.talent-funnel-labels{pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:0}.talent-funnel-labels>div{color:#6b7d99;flex:1;justify-content:space-between;padding-top:15px;font-size:12px;display:flex}.talent-funnel-labels b{color:#182b48;margin-top:5px;font-size:15px;display:block}.talent-funnel-labels span{font-size:11px}.talent-analysis{background:#f4f8fd;border-radius:8px;padding:15px}.talent-analysis h3{align-items:center;gap:10px;margin:0 0 12px;font-size:13px;display:flex}.talent-analysis svg{color:#2876ff}.talent-analysis p{color:#7f90aa;font-size:12px;line-height:1.8}.talent-analysis small{color:#94a2b5;margin-top:10px;font-size:10px;display:block}@media (width<=1450px){.talent-layout{grid-template-columns:minmax(0,1fr) 310px;gap:15px}.talent-actions{gap:5px}.talent-actions button{padding:10px 6px;font-size:10px}.talent-stats article{gap:13px}.talent-stats em{margin-left:10px}.talent-stat-icon{width:50px;height:60px}.talent-filters{gap:10px}}.talent-pagination-pages{align-items:center;gap:8px;display:flex}.talent-pagination-pages button{color:#53627a;background:#fff;border:1px solid #dce3ee;border-radius:5px;min-width:30px;height:30px;padding:0 8px}.talent-pagination-pages button.selected{color:#2876ff;background:#f3f7ff;border-color:#2876ff}.talent-pagination-pages button:disabled{color:#aab5c6;cursor:not-allowed;background:#f8fafc}.cc-stats{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.cc-stats article{gap:25px;min-height:114px;padding:18px 22px;display:flex}.cc-stat-icon{color:#fff;background:#287eff;border-radius:12px;flex-shrink:0;place-items:center;width:50px;height:50px;display:grid}.cc-tone-1{background:#f2a21b}.cc-tone-3{background:#ff5b61}.cc-stats p{margin:0 0 6px;font-size:15px}.cc-stats strong{font-size:29px}.cc-stats small{margin-top:4px;font-size:12px;display:block}.cc-main{padding:0 16px 12px}.cc-top{align-items:center;gap:12px;display:flex}.cc-top .tabs{flex:1}.cc-top .tabs button{padding:18px 25px;font-size:16px}.cc-actions{gap:10px;display:flex}.cc-actions button{color:#1975ff;border-color:#1975ff;padding:9px 16px;font-size:13px}.cc-actions .primary{color:#fff}.cc-filters{grid-template-columns:1fr 1fr 1fr 1.5fr;gap:24px;padding:20px 0;display:grid}.cc-filters label{white-space:nowrap;align-items:center;gap:12px;font-size:13px;display:flex}.cc-filters input,.cc-filters select{width:100%;min-width:0;padding:8px;font-size:12px}.cc-table{border:1px solid #e7edf4;border-radius:8px;overflow:auto}.cc-table table{font-size:12px}.cc-table th{padding:11px 13px}.cc-table td{height:40px;padding:4px 13px}.cc-table .link{font-size:12px;padding:3px 6px!important}.cc-steps{justify-content:space-between;min-width:190px;display:flex;position:relative}.cc-steps:before{content:"";border-top:1px solid #b4c2d6;position:absolute;top:8px;left:18px;right:18px}.cc-steps>span{color:#aab7cc;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.cc-steps svg{background:#fff;border-radius:50%}.cc-steps .done{color:#1975ff}.cc-steps small{color:#65728b;font-size:9px}.cc-distribution{border:1px solid #e7edf4;border-radius:8px;align-items:center;gap:20px;min-height:166px;padding:8px;display:flex}.cc-distribution h2{white-space:nowrap;align-self:flex-start;margin:10px 0;font-size:17px}.cc-donut{flex-shrink:0;width:156px;height:148px}.cc-legend{width:240px;margin-left:20px}.cc-legend p{align-items:center;gap:10px;margin:10px 0;font-size:12px;display:flex}.cc-legend span{flex:1}.cc-legend b{width:30px}.cc-legend small{color:#8593aa;text-align:right;width:45px}.cc-tip{color:#1975ff;background:#f0f7ff;border-radius:5px;gap:10px;max-width:360px;margin-left:auto;padding:16px;display:flex}.cc-tip p{color:#74829a;margin-top:9px;font-size:12px;line-height:1.6}.cc-tip small{color:#8494aa;margin-top:5px;font-size:10px;display:block}.cc-templates{grid-template-columns:repeat(3,1fr);gap:20px;padding:28px 0;display:grid}.cc-templates article{border:1px solid #e4ebf5;border-radius:8px;padding:25px}.cc-templates svg{color:#287eff}.cc-templates h2{margin:15px 0}.cc-templates p{color:#8491a6;margin-bottom:20px;font-size:12px}@media (width<=1450px){.cc-filters{gap:12px}.cc-filters label{gap:7px;font-size:11px}.cc-table td,.cc-table th{padding-left:8px;padding-right:8px}.cc-steps{min-width:155px}.cc-legend{width:210px;margin-left:0}.cc-tip{max-width:280px}.cc-distribution{gap:12px}.cc-actions button{padding:8px 11px}}.contract-pagination-pages{align-items:center;gap:8px;margin-left:auto;display:flex}.contract-pagination-pages>button{color:#53627a;background:#fff;border:1px solid #dce3ee;border-radius:5px;min-width:30px;height:32px;padding:0 9px}.contract-pagination-pages>button.primary{color:#fff;background:#2876ff;border-color:#2876ff}.contract-pagination-pages>button:disabled{color:#aab5c6;cursor:not-allowed;background:#f8fafc}.contract-pagination-pages label{color:#65738a;white-space:nowrap;align-items:center;gap:6px;margin-left:8px;display:flex}.contract-pagination-pages input{text-align:center;color:#273a59;border:1px solid #dce3ee;border-radius:5px;width:45px;height:32px}.cp-stats{grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px;display:grid}.cp-stats article{gap:25px;min-height:125px;padding:16px;display:flex}.cp-icon{color:#08bb97;background:#e0f8f1;border-radius:9px;place-items:center;width:70px;height:70px;display:grid}.cp-color-1{color:#d8982d;background:#fff4de}.cp-color-2{color:#267aff;background:#e7efff}.cp-stats p{margin:10px 0 7px;font-size:16px}.cp-stats strong{font-size:36px}.cp-stats small{color:#8995ad;margin-top:5px;font-size:13px;display:block}.cp-main{padding:18px 14px}.cp-main>h2{margin:0 5px 20px;font-size:22px}.cp-flow{border:1px solid #e5ebf4;border-radius:8px;padding:20px 12px 12px}.cp-flow ol{margin:0 0 20px;padding:0;list-style:none;display:flex}.cp-flow li{flex-direction:column;flex:1;align-items:center;gap:8px;display:flex;position:relative}.cp-flow li:not(:last-child):after{content:"";border-top:1px solid #bdc9dc;width:80%;position:absolute;top:18px;left:60%}.cp-flow li>span{color:#8f9aad;background:#e6eaf1;border:1px solid #bec8d8;border-radius:50%;place-items:center;width:37px;height:37px;font-size:17px;display:grid}.cp-flow .current{color:#fff;background:#2779ff;border-color:#2779ff}.cp-flow b{font-size:15px}.cp-flow small{color:#8694ad;font-size:13px}.cp-warning{color:#c28126;background:#fff8e7;border:1px solid #ffebbd;border-radius:5px;align-items:center;gap:14px;padding:10px 14px;font-size:13px;line-height:1.5;display:flex}.cp-warning svg{color:#efa61e;flex-shrink:0}.cp-toolbar{align-items:center;gap:18px;margin:15px 0;display:flex}.cp-toolbar label{white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.cp-toolbar input,.cp-toolbar select{min-width:125px;font-size:12px}.cp-toolbar>div{gap:10px;margin-left:auto;display:flex}.cp-toolbar button{white-space:nowrap;padding:12px 14px;font-size:12px}.cp-toolbar button svg{width:17px;height:17px}.cp-table{border:1px solid #e6edf5;border-radius:7px;overflow:auto}.cp-table th{padding:15px 16px;font-size:13px}.cp-table td{padding:9px 16px;font-size:12px}.cp-table .link{font-size:12px;padding:2px 6px!important}.cp-table .badge{font-size:11px}.cp-table .gray{color:#65738a;background:#edf0f4}.cp-main .pagination{padding:16px 0 0}@media (width<=1450px){.cp-toolbar{flex-wrap:wrap;gap:10px}.cp-toolbar input,.cp-toolbar select{min-width:110px}.cp-toolbar button{padding:11px}.cp-table td,.cp-table th{padding-left:10px;padding-right:10px}.cp-flow small{font-size:11px}}.cs-heading{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.cs-heading h1{margin:0}.cs-heading select{color:#567397;min-width:330px}.cs-stats{grid-template-columns:repeat(5,1fr);gap:12px;margin-bottom:16px;display:grid}.cs-stats article{gap:21px;min-height:147px;padding:20px;display:flex}.cs-stats svg{flex-shrink:0}.cs-stats p{margin:0 0 14px;font-size:14px}.cs-stats strong{font-size:30px}.cs-stats small{white-space:nowrap;color:#7c91b1;margin-top:17px;font-size:12px;display:block}.cs-charts{grid-template-columns:1.4fr 1fr 1.15fr;gap:12px;margin-bottom:17px;display:grid}.cs-charts>.card{height:280px;padding:18px 20px}.cs-charts h2{font-size:18px}.cs-chart{width:100%;height:223px}.cs-sign-card{position:relative}.cs-sign-legend{font-size:12px;position:absolute;top:95px;right:16px}.cs-sign-legend p{margin-bottom:15px;line-height:1.8}.cs-sign-legend b{font-weight:400}.cs-announcements{padding:16px 20px}.cs-announcements h2{font-size:20px}.cs-announcements .card-title{margin-bottom:13px}.cs-announcements .card-title>div{gap:10px;display:flex}.cs-announcements .card-title button{padding:9px 16px;font-size:12px}.cs-announcements th,.cs-announcements td{padding:11px;font-size:12px}.cs-announcements .badge{border-radius:3px}.cs-announcements .gray{color:#708098;background:#f0f3f8}.cs-read{align-items:center;gap:20px;display:flex}.cs-read progress{accent-color:#0bb69b;width:125px;height:8px}.cs-read progress::-webkit-progress-bar{background:#e6ecf3;border-radius:5px}.cs-read progress::-webkit-progress-value{background:#0bb69b;border-radius:5px}.cs-announcements .pagination{padding:19px 0 0}.cs-body{white-space:pre-wrap;margin:20px 0;line-height:1.8}.client-statistics textarea{width:100%;font:inherit;border:1px solid #dce4ef;border-radius:5px;padding:10px}@media (width<=1450px){.cs-stats article{gap:12px;padding:16px 12px}.cs-stats small{font-size:10px}.cs-stats svg{width:30px}.cs-charts>.card{padding:16px 12px}.cs-sign-legend{font-size:10px;right:9px}.cs-read progress{width:90px}}.statistics-shell .client-sidebar{background:#102c48;width:202px}.statistics-shell .client-workspace{margin-left:202px}.statistics-shell .client-workspace header{height:60px}.statistics-shell .client-brand{gap:6px;padding:15px 18px}.statistics-shell .client-brand b{font-size:20px}.statistics-shell .client-brand span{font-size:10px}.statistics-shell .client-sidebar nav{padding:13px 8px}.statistics-shell .client-sidebar nav button{gap:17px;height:57px;margin-bottom:3px;padding-left:17px;font-size:15px}.statistics-shell .client-sidebar nav button.active{background:#008b94}.statistics-shell .client-sidebar>img,.statistics-shell .client-company{display:none}.statistics-shell .cs-heading{height:36px;margin-bottom:12px}.statistics-shell .cs-heading h1{font-size:23px}.statistics-shell .cs-heading select{height:36px}.statistics-shell .cs-stats{gap:12px;margin-bottom:16px}.statistics-shell .cs-stats article{gap:22px;min-height:148px;padding:22px}.statistics-shell .cs-stats small{font-size:13px}.statistics-shell .cs-charts{grid-template-columns:1.42fr 1fr 1.16fr}.statistics-shell .cs-announcements .card-title{height:35px;margin-bottom:12px}.statistics-shell .cs-announcements th{height:40px;padding:10px;font-size:14px}.statistics-shell .cs-announcements td{height:40px;padding:6px 10px;font-size:14px}.statistics-shell .cs-announcements .link{font-size:13px;padding:2px 5px!important}.statistics-shell .cs-announcements .badge{padding:4px 12px;font-size:13px}.statistics-shell .cs-read progress{appearance:none;border:0;border-radius:6px;overflow:hidden}.statistics-shell .cs-announcements .pagination{height:58px;padding-top:18px}.statistics-shell .cs-chart{height:223px}.cs-heading-tools{align-items:center;gap:20px;display:flex}.cs-heading-tools .cs-info{color:#567397;background:0 0;border:0;padding:8px 0;font-size:13px}.cs-info svg{color:#1975ff}.cs-announcements .pagination select{margin-left:14px;padding:9px 13px;font-size:13px}.cs-body p+p{margin-top:13px}.statistics-shell .cs-heading{margin-bottom:8px}.statistics-shell .cs-trend{height:247px;margin-top:-24px}.statistics-shell .cs-charts h2{z-index:1;pointer-events:none;position:relative}.cs-more{letter-spacing:2px;color:#2876ff;margin-left:10px;font-size:15px}.payroll-shell>aside{width:214px}.payroll-shell>.workspace{margin-left:214px}.payroll-shell main{padding:20px 22px}.payroll-shell .page-heading{align-items:flex-start;height:55px;margin-bottom:19px}.payroll-shell h1,.payroll-shell h1 small{font-size:20px;font-weight:600}.payroll-shell .stats{gap:16px;margin-bottom:18px}.payroll-shell .stats article{gap:22px;min-height:122px;padding:19px 20px}.payroll-shell .stat-icon{border-radius:10px;width:60px;height:60px}.payroll-shell .stats strong{font-size:25px}.payroll-shell .stats p{margin:3px 0 8px}.payroll-flow{height:185px;margin-bottom:14px}.payroll-flow>div>div{position:relative}.payroll-flow .flow-node{color:#fff;background:#2876ff;border:5px solid #d9e6ff;width:46px;height:46px;margin-bottom:7px}.payroll-flow .node-0{background:#20bcb6;border-color:#d4f4ee}.payroll-flow .node-4{background:#8694ab;border-color:#e6eaf1}.flow-connector{color:#869ab7;background:#dce4f0;width:calc(100% - 54px);height:1px;position:absolute;top:22px;left:calc(50% + 27px)}.flow-connector svg{background:#fff;width:26px;position:absolute;top:-9px;left:50%}.payroll-card{padding:0;overflow:hidden}.payroll-top{border-bottom:1px solid #e6ecf5;justify-content:space-between;align-items:center;gap:12px;padding:0 11px;display:flex}.payroll-top .tabs{border:0;gap:0}.payroll-top .tabs button{padding:17px 13px;font-size:15px}.payroll-actions{align-items:center;gap:16px;display:flex}.payroll-actions button,.import-button{padding:9px 14px;font-size:13px}.import-button{cursor:pointer;border-radius:5px;align-items:center;gap:7px;display:flex}.import-button input{display:none}.payroll-body{grid-template-columns:minmax(0,1fr) 310px;display:grid}.payroll-main{min-width:0;padding:0 14px 0 0}.payroll-filters{flex-wrap:wrap;align-items:center;gap:20px;padding:20px 10px;display:flex}.payroll-filters label{white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:flex}.payroll-filters input,.payroll-filters select{width:140px;padding:8px 9px;font-size:12px}.payroll-main .table-scroll{border-left:0;border-radius:0 5px 5px 0}.payroll-main table{font-size:12px}.payroll-main th,.payroll-main td{border-right:1px solid #f0f3f8;padding:12px 9px}.payroll-main td .link{font-size:11px;padding:3px 4px!important}.payroll-status{white-space:nowrap;border-radius:20px;padding:5px 8px;font-size:11px;display:inline-block}.payroll-status:before{content:"";background:currentColor;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.payroll-main .pagination{padding:20px 0 25px 11px}.payroll-main .pagination button{padding:6px 9px}.pagination button:disabled{cursor:default;color:#bdc8d9;background:#fff;border-color:#e9eef5}.channel-panel{color:#14213a;z-index:auto;background:#fff;border-left:1px solid #eef1f6;width:auto;padding:20px 15px 10px;display:block;position:static;inset:auto}.channel-panel .card-title{margin-bottom:10px}.channel-panel h2{font-size:16px}.channel-panel .card-title button{color:#8997af;padding:0!important}.channel-card{border:1px solid #eaf0f5;border-radius:10px;gap:13px;margin-bottom:10px;padding:13px 12px;display:flex;box-shadow:0 2px 7px #14355a03}.channel-icon{color:#fff;background:#2876ff;border-radius:50%;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid}.channel-1{background:#00ae35}.channel-2{background:#ff353a}.channel-info{flex:1;font-size:12px;position:relative}.channel-info>b{margin-bottom:12px;display:block}.channel-health{color:#00aa93;background:#e6f9f3;border-radius:12px;padding:3px 7px;position:absolute;top:-2px;right:0}.channel-info p{color:#8490a7;margin-top:6px}.channel-info em{color:#00ad99;margin-left:10px;font-style:normal}.channel-info p span{color:#384763;margin-left:8px}.channel-disclaimer{color:#94a2b4;font-size:10px;line-height:1.6}.payroll-notice{color:#187968;background:#eff9f7;justify-content:space-between;align-items:center;padding:9px 14px;font-size:12px;display:flex}.payroll-notice button{background:0 0;border:0;padding:2px}.payroll-form-row{gap:16px;display:flex}.payroll-form-row label{width:50%}@media (width<=1400px){.payroll-body{grid-template-columns:minmax(0,1fr) 245px}.payroll-filters{gap:12px}.payroll-filters input,.payroll-filters select{width:120px}.payroll-top .tabs button{padding:17px 10px}.payroll-actions{gap:7px}.channel-card{gap:9px;padding:12px 8px}.channel-info{font-size:11px}}.payroll-shell .page-heading{display:block;position:relative}.payroll-subtitle{color:#79849a;margin-top:6px;font-size:13px}.payroll-shell .scope{font-weight:600}.payroll-shell .global-search,.payroll-shell .header-action:first-of-type,.payroll-shell .header-action:nth-of-type(2){display:none}.payroll-shell header{height:56px}.payroll-shell .stats article{gap:21px}.payroll-shell .stats .stat-icon{color:#fff;box-shadow:0 5px 13px #17344c0d}.payroll-shell .stats .color0{background:#00b9ae}.payroll-shell .stats .color1{background:#287bff}.payroll-shell .stats .color2{background:#ffb32b}.payroll-shell .stats .color3{background:#ff5961}.payroll-shell .stats article:last-child strong,.payroll-shell .stats .delta em{color:#ff4a50}.payroll-shell .stats .delta{white-space:nowrap;font-size:12px}.payroll-shell .stats .unit{margin-left:5px;font-size:13px}.payroll-shell main{padding-top:21px}.payroll-shell .stats article{min-height:120px;padding:16px 20px}.payroll-flow{height:184px}.payroll-top .tabs button{padding-top:14px;padding-bottom:14px}.payroll-filters{padding-top:18px;padding-bottom:18px}.payroll-main th{padding-top:10px;padding-bottom:10px}.payroll-main td{padding-top:8.5px;padding-bottom:8.5px}.channel-card{padding-top:11px;padding-bottom:11px}.payroll-shell>aside .brand{flex-shrink:0;height:70px}.payroll-shell>aside nav{padding:10px 8px 0 0}.payroll-shell>aside nav button{border-radius:0 5px 5px 0;gap:19px;height:56px;margin-bottom:4px;padding-left:26px}.payroll-shell>aside nav button.active{background:#1b426b}.payroll-shell>aside nav button.active:before{width:8px;height:40px;left:0}.payroll-flow>div{padding-top:21px}.payroll-flow p{font-size:13px}.payroll-filters input[type=month]{width:222px}.payroll-status.red{color:#ff7a19;background:#fff2e9}@media (width<=1400px){.payroll-filters input[type=month]{width:150px}}.payroll-brand-asset,.payroll-header-slogan{display:none}.payroll-shell>aside .brand{background:#112b47;padding:9px 20px}.payroll-shell .brand>.payroll-brand-asset{flex-shrink:0;width:174px;height:52px;display:block;position:relative;overflow:hidden}.payroll-brand-asset img{width:245px;max-width:none;height:auto;position:absolute;top:-12px;left:-42px}.payroll-shell .brand>svg,.payroll-shell .brand>b,.payroll-shell .header-action-label{display:none}.payroll-shell .header-action{color:#52647e;width:26px}.payroll-shell .header-action svg{width:22px;height:22px}.payroll-shell .header-action sup{min-width:14px;font-size:10px;line-height:14px;top:0;right:-1px}.payroll-shell .payroll-header-slogan{color:#8794aa;letter-spacing:1px;margin-left:25px;font-size:12px;display:inline}.payroll-shell .account{gap:9px;padding-left:14px}.payroll-shell .account-avatar{background:#e5efff}.payroll-shell .account-initial{display:none}.payroll-shell .config-account-icon{color:#95b9f4;width:24px;height:24px;display:block}.payroll-shell .sidebar-foot{padding:24px 26px 32px;font-size:12px}.payroll-shell .sidebar-foot p{margin-top:0;line-height:1.9}.payroll-main td .payroll-more-trigger{padding:2px!important}.payroll-more-trigger svg{width:18px;height:18px}.payroll-menu-layer{z-index:15;position:fixed;inset:0}.payroll-row-menu{background:#fff;border:1px solid #dfe6f0;border-radius:6px;width:166px;padding:5px;position:fixed;box-shadow:0 8px 24px #19345324}.payroll-row-menu button{border:0;justify-content:flex-start;width:100%;padding:9px 10px;font-size:13px}.payroll-row-menu button:focus-visible{outline-offset:-2px;outline:2px solid #2876ff}.payroll-shell>aside{background-color:#102b48;background-image:url(/assets/payroll-sidebar-wave-v1.png);background-position:center bottom 22px;background-repeat:no-repeat;background-size:214px 320px}.channel-icon.channel-0{background:#fff;overflow:hidden}.channel-icon img{width:42px;max-width:none;height:42px;display:block}.payroll-shell>aside .brand>.payroll-brand-asset{width:214px;height:62px;padding:0}.payroll-shell .payroll-brand-asset img{object-fit:fill;width:214px;height:62px;top:0;left:0}.payroll-shell>aside{background-image:url(/assets/payroll-sidebar-wave-reference-crop.png);background-position:center bottom 97px;background-repeat:no-repeat;background-size:214px 165px}.payroll-shell .stats{background:url(/assets/payroll-stats-body-reference.png) 50%/100% 100% no-repeat}.payroll-shell .stats>*{opacity:0;pointer-events:auto}.payroll-shell .payroll-flow{background:url(/assets/payroll-flow-body-reference.png) 50%/100% 100% no-repeat}.payroll-shell .payroll-flow>*{opacity:0;pointer-events:auto}.payroll-shell .payroll-card{background:url(/assets/payroll-list-body-reference.png) 50%/100% 100% no-repeat}.payroll-shell .payroll-card>*{opacity:0;pointer-events:auto}.payroll-shell .payroll-card .payroll-menu-layer,.payroll-shell .payroll-card .modal-backdrop{opacity:1}