.work-center-home{--wh-blue:#2862ea;--wh-ink:#173254;--wh-muted:#7285a2;color:var(--wh-ink);min-width:0}.work-center-home button{font:inherit;cursor:pointer}.work-center-home button:disabled{opacity:.45;cursor:default}.work-center-home button:focus-visible,.work-center-home summary:focus-visible{outline:3px solid #6997ff;outline-offset:3px}.work-center-home h1,.work-center-home h2,.work-center-home h3,.work-center-home p{margin-top:0}.work-center-home h2{font-size:16px}.work-center-home h3{font-size:15px;line-height:1.55;margin-bottom:8px}.work-center-home p{font-size:13px;line-height:1.75;color:#6c809f;margin-bottom:10px;overflow-wrap:anywhere}.work-center-home small{font-size:11px;color:var(--wh-muted);line-height:1.7}.wh-button{border:1px solid #e0e8f5;border-radius:8px;padding:7px 10px;background:#fff;color:#214575;line-height:1.5;white-space:normal}.wh-button:hover{border-color:#b7ccfa;background:#f0f5ff}.wh-button[data-link]{padding:0;border:0;background:none;color:var(--wh-blue);text-align:left}.wh-hero{display:flex;gap:24px;align-items:center;justify-content:space-between;padding:30px;border-radius:16px;background:linear-gradient(110deg,#213d7c,#2e65d9);color:#fff;margin-bottom:18px;min-height:146px}.wh-hero h1{font-size:28px;line-height:1.4;margin:10px 0}.wh-hero small,.wh-hero p{color:#e0eaff}.wh-hero p{margin-bottom:0}.wh-hero-actions,.wh-utility{display:flex;gap:8px;flex-wrap:wrap}.wh-hero-actions .wh-button{background:#fff;color:#2862d3;padding:10px 14px}.wh-hero-actions .wh-button:not(:first-child){background:#ffffff17;color:#fff;border-color:#ffffff45}.wh-utility{margin:14px 0 20px}.wh-utility .wh-button{font-size:12px}.wh-utility>.wh-button:first-child{color:#2056c8;border-color:#bed0f4;background:#f6f9ff}.wh-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.wh-metrics>button{text-align:left;background:#fff;border:1px solid #e2eaf5;border-radius:12px;padding:20px;color:#7285a2}.wh-metrics span,.wh-metrics strong,.wh-metrics small{display:block}.wh-metrics strong{font-size:30px;color:#244972;margin:10px 0}.wh-metrics span{font-size:12px}.wh-tabs{display:flex;flex-wrap:wrap;gap:8px;border-bottom:1px solid #e1e9f6;padding-bottom:12px;margin-bottom:20px}.wh-tabs .wh-button{border:0;background:transparent;color:#6c819d}.wh-tabs [aria-selected=true]{background:#eaf1ff;color:#2460e5;font-weight:600}.wh-manager-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(290px,1fr);gap:22px;align-items:start}.wh-manager-grid>*,.wh-employee-grid>*{min-width:0}.wh-panel,.wh-project{background:#fff;border:1px solid #e3ebf7;border-radius:15px;margin-bottom:18px;overflow:hidden}.wh-panel>header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 20px;border-bottom:1px solid #eff3f9}.wh-panel>header h2{margin:0}.wh-panel>header .wh-button{font-size:12px}.wh-panel-body{padding:2px 20px 16px}.wh-panel-body>p:first-child{margin-top:16px}.wh-project{padding:22px}.wh-project h3{font-size:18px;margin-top:12px}.wh-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wh-row>h3{margin:0}.wh-row>small{flex:1}.wh-grow{flex:1;min-width:90px}.wh-tag{display:inline-block;padding:3px 7px;background:#edf3ff;color:#3970d1;border-radius:5px;font-size:11px;white-space:normal}.wh-tag.amber{color:#b57727;background:#fff4e3}.wh-tag.green{color:#258377;background:#e7f6ee}.wh-project-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f4f7fc;border:1px solid #eaf0f9;border-radius:9px;padding:15px 12px;gap:8px;margin:16px 0}.wh-project-metrics strong,.wh-project-metrics span{display:block}.wh-project-metrics strong{font-size:23px;color:#35628b}.wh-project-metrics span{font-size:11px;color:#8496ae;margin-top:5px}.wh-project footer,.wh-focus footer{border-top:1px solid #edf1f8;padding-top:16px;margin-top:15px;display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px;color:#899ab3}.wh-task,.wh-issue,.wh-person,.wh-event,.wh-focus{padding:18px 0;border-bottom:1px solid #edf1f8}.wh-task:last-child,.wh-issue:last-child,.wh-focus:last-child,.wh-person:last-child,.wh-event:last-child{border-bottom:0}.wh-task h3{margin-top:8px}.wh-task.compact h3{margin-top:3px}.wh-task p{font-size:12px}.wh-goal{padding:12px;background:#f5f8fd;border-radius:8px;margin-top:12px}.wh-goal>div:not(.wh-progress){display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-bottom:6px}.wh-goal small{display:block}.wh-progress{height:7px;border-radius:8px;background:#e0e9f9;margin:10px 0;overflow:hidden}.wh-progress i{height:100%;display:block;background:#3370ec}.wh-section-heading{display:flex;align-items:center;justify-content:space-between;margin:0 0 12px;gap:12px}.wh-section-heading h2{margin:0}.wh-section-heading .wh-button{font-size:12px}.wh-gap{background:#fffbf3;border:1px solid #f4e1bc;border-radius:8px;padding:15px;margin-top:16px}.wh-gap .wh-button{background:#2862ea;color:white}.wh-avatar{width:36px;height:36px;border-radius:10px;background:#eef3ff;color:#6185d7;font-size:12px;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.wh-person-states{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;background:#f5f8fd;padding:12px;margin:15px 0;border-radius:8px;font-size:11px;color:#798ba5}.wh-person-states strong{display:block;font-size:20px;color:#315880}.wh-empty{padding:28px 12px;text-align:center;color:#8193ae;font-size:12px;line-height:1.8}.wh-pagination{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;padding:14px;font-size:12px;color:#7489a7}.wh-note{font-size:11px!important;color:#8597b0!important}.wh-employee-grid{display:grid;grid-template-columns:minmax(270px,1fr) minmax(0,2.12fr);gap:22px;align-items:start}.wh-hero-stats{display:flex;flex-shrink:0}.wh-hero-stats button{min-width:108px;border:0;border-left:1px solid #ffffff25;padding:10px 18px;color:white;background:transparent}.wh-hero-stats strong,.wh-hero-stats span,.wh-hero-stats small{display:block}.wh-hero-stats strong{font-size:34px}.wh-hero-stats span{font-size:12px;margin-top:8px}.wh-hero-stats small{opacity:.8}.wh-star{color:#dfa242}.wh-focus h3{margin:0}.wh-focus>p:first-of-type{margin-top:16px}.wh-focus footer{border:0;margin-top:8px;padding-top:0}.wh-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;padding:16px 0 0}.wh-shortcuts .wh-button{background:#f4f7fc;border:0;text-align:left;font-size:12px;min-height:38px}.work-center-home details{margin-top:16px;color:#7487a2;font-size:12px}.work-center-home summary{cursor:pointer}.wh-month-body{padding:20px}.wh-month-body>.wh-row>.wh-button{padding:5px 10px}.wh-legend{display:flex;gap:12px;flex-wrap:wrap;font-size:10px;margin:16px 0;color:#7495e5}.wh-legend>span:nth-child(2){color:#4eaa90}.wh-legend>span:nth-child(3){color:#cfa568}.wh-month{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.wh-week{color:#8598b7;text-align:center;font-size:11px;padding:10px 0}.wh-day{border:1px solid transparent;border-radius:9px;background:white;color:#6580a7;min-height:65px;text-align:left;padding:8px 7px;position:relative}.wh-day:hover{background:#f5f8ff}.wh-day.selected{border-color:#437aff;background:#f5f8ff;box-shadow:0 0 0 2px #eaf0ff}.wh-day>span{font-size:12px;display:inline-block;border-radius:5px;min-width:20px;text-align:center}.wh-day.today>span{background:#3270f6;color:white;padding:2px}.wh-day em{float:right;font-size:9px;font-style:normal;color:#6c97f4}.wh-day small{display:block;font-size:9px;color:#5f89d8;white-space:normal;line-height:1.5}.wh-day small.arrived{color:#26987a}.wh-day small.cancelled{color:#ba985e}.wh-day small.rest{color:#9b78c5}.wh-day-agenda,.wh-undated{border-top:1px solid #e8eef8;padding:20px}.wh-day-agenda{background:#fcfdff}.wh-appointment{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #edf2fa;flex-wrap:wrap}.wh-appointment:last-child{border:0}.wh-appointment h3{margin:0}.wh-appointment .wh-grow small{display:block}.wh-time{font-size:13px;color:#5a7bba;min-width:38px}.wh-appointment.cancelled{opacity:.72}.wh-appointment>.wh-button{font-size:11px}.wh-manager-grid aside .wh-appointment>.wh-avatar{display:none}.wh-manager-grid aside .wh-appointment>.wh-tag{font-size:10px}.wh-calendar>footer{padding:14px 20px;border-top:1px solid #edf1f8;color:#8a9cb5;font-size:10px}.wh-rests{border:1px solid #e9e1f5;background:#fbf9ff;border-radius:9px;padding:14px;margin-top:16px}.wh-rests p small{display:block}.wh-footnote{text-align:center;font-size:11px!important;padding:6px 0}.wh-secondary-heading{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:20px}.wh-secondary-heading h1{font-size:24px;margin:0}.wh-business-row{display:flex;justify-content:space-between;gap:18px;align-items:center;padding:20px 0;border-bottom:1px solid #eaf0f8}.wh-error{padding:28px}
@media(max-width:1100px){.wh-hero{padding:24px}.wh-hero h1{font-size:24px}.wh-hero-stats button{min-width:86px;padding:8px 10px}.wh-employee-grid{grid-template-columns:minmax(240px,.9fr) minmax(0,1.7fr)}.wh-manager-grid{grid-template-columns:minmax(0,1.6fr) minmax(265px,1fr)}.wh-day{padding:7px 3px}.wh-day em{display:none}.wh-month-body{padding:16px}.wh-panel>header,.wh-panel-body,.wh-day-agenda,.wh-undated{padding-left:16px;padding-right:16px}}
@media(max-width:850px){.wh-hero{flex-wrap:wrap}.wh-hero-stats{width:100%;justify-content:space-around}.wh-hero-stats button{flex:1}.wh-hero-stats button:first-child{border-left:0}.wh-employee-grid,.wh-manager-grid{grid-template-columns:1fr}.wh-employee-grid>aside{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.wh-employee-grid>aside>.wh-panel:first-child{grid-column:1/-1}.wh-employee-grid>aside>.wh-panel{margin:0}.wh-metrics{gap:8px}.wh-metrics>button{padding:14px}.wh-metrics strong{font-size:25px}.wh-project-metrics strong{font-size:20px}.wh-hero-actions{width:100%}}
@media(max-width:520px){.wh-hero{padding:20px}.wh-hero h1{font-size:23px}.wh-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-employee-grid>aside{grid-template-columns:1fr}.wh-hero-stats strong{font-size:28px}.wh-utility{gap:6px}.wh-utility .wh-button{padding:6px 8px}.wh-project{padding:16px}.wh-project-metrics{grid-template-columns:repeat(2,1fr)}.wh-day{min-height:58px}.wh-day small{font-size:8px}.wh-calendar .wh-appointment{gap:8px}.wh-calendar .wh-appointment>.wh-avatar{display:none}.wh-day-agenda>.wh-row{align-items:flex-start}.wh-day-agenda>.wh-row small{flex-basis:100%}.wh-secondary-heading{align-items:flex-start}.wh-business-row{align-items:flex-start}.wh-person-states{grid-template-columns:repeat(2,1fr)}}
.wh-inline-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;margin-bottom:18px;border:1px dashed #dbe5f5;border-radius:10px;color:#7b8fab;font-size:12px}.wh-records-summary{background:#fff;border:1px solid #e3ebf7;border-radius:12px;overflow:hidden}.wh-records-summary>summary{padding:16px 18px;color:#31567e;font-weight:600}.wh-records-summary .wh-panel{border:0;margin:0}.wh-draft-link{padding:12px 0}.wh-draft-link .wh-button{font-size:11px;background:transparent;border:0;color:#7d90ad}
.wh-utility>.wh-button[aria-pressed=true]{background:#eaf1ff;border-color:#b8cdf9;color:#245fe1;font-weight:600}
.wh-home-main{min-width:0;container-type:inline-size}
.wh-arrangement{padding:18px;background:#fff;border:1px solid #e3ebf7;border-radius:15px;min-width:0;overflow-wrap:anywhere}
.wh-arrangement-return{margin-bottom:12px}.wh-arrangement-return .wh-button{font-size:12px}
.wh-arrangement .d-hero{padding:0;background:none;box-shadow:none;color:#173254;margin:0 0 18px;border-radius:0;min-width:0}
.wh-arrangement .d-hero-main{gap:14px;flex-wrap:wrap}.wh-arrangement .d-hero-main>div>small{display:none}
.wh-arrangement .d-hero h1{font-size:20px;margin:0 0 8px}.wh-arrangement .d-hero p{color:#7285a2;font-size:12px}
.wh-arrangement .d-hero .soft-btn{color:#28588d;background:#f2f6fd;border-color:#dce5f4}.wh-arrangement .d-hero .primary-btn{background:#2862ea;color:#fff}
.wh-arrangement .d-body,.wh-arrangement .d-panel>header{padding:14px}.wh-arrangement .d-panel{box-shadow:none}
.wh-arrangement .soft-btn{padding:8px 10px;font-size:12px}.wh-arrangement .wc-filters{gap:10px}
.wh-arrangement .wc-filters label{flex:1 1 145px;min-width:0;flex-wrap:wrap}.wh-arrangement .wc-filters select{width:100%;max-width:100%;min-width:0}
.wh-arrangement .wc-totals>div{padding:12px;min-width:0}.wh-arrangement .wc-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
.wh-arrangement .wc-metric{min-width:0}.wh-arrangement .wc-metric>strong{font-size:21px}.wh-arrangement .wc-grid,.wh-arrangement .rest-month-grid{gap:3px}
.wh-arrangement .rest-toolbar .d-actions{gap:5px}.wh-arrangement .rest-month-label input{width:145px}
.wh-arrangement .rest-filters>label{max-width:100%;white-space:normal}.wh-arrangement .rest-filters select{min-width:0;max-width:180px}
.wh-arrangement .rest-day{padding:4px}.wh-arrangement .rest-person{padding:4px;font-size:11px}.wh-arrangement .rest-week span{padding:7px 0}
@container(max-width:560px){.wh-arrangement{padding:12px}.wh-arrangement .d-body,.wh-arrangement .d-panel>header{padding:10px}.wh-arrangement .wc-totals{gap:6px}.wh-arrangement .wc-totals>div{padding:9px;font-size:11px}.wh-arrangement .wc-totals strong{font-size:19px}.wh-arrangement .wc-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-arrangement .wc-day{padding:5px 3px}.wh-arrangement .wc-day>span{font-size:10px}.wh-arrangement .rest-person{display:block}.wh-arrangement .rest-date{padding-left:0;padding-right:0}.wh-arrangement .rest-date small{font-size:8px}.wh-arrangement .rest-filters{gap:8px}.wh-arrangement .rest-legend{margin-left:0}.wh-arrangement .rest-no-one{padding:5px 0;font-size:9px}}