.wh-page{--wh-ink:#10283d;--wh-muted:#6d7d8a;--wh-line:#dde5e9;--wh-navy:#082a43;--wh-gold:#c8902e;--wh-green:#1f7a55;max-width:1380px;margin:0 auto;padding:4px 0 48px;color:var(--wh-ink)}
.wh-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:12px 0 22px}.wh-eyebrow,.wh-section-heading p{margin:0 0 5px;color:#987020;font-size:11px;font-weight:900;letter-spacing:.13em}.wh-header h1{margin:0;font:700 clamp(30px,4vw,44px)/1.05 Georgia,"Times New Roman",serif}.wh-location-line{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.wh-location-line span{padding:7px 10px;border:1px solid #d9e2e7;border-radius:7px;background:#fff;color:#596d7b;font-size:12px}.wh-location-line b{color:var(--wh-ink)}
.wh-week-control{display:flex;align-items:end;gap:8px;padding:9px;border:1px solid #d8e1e6;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(9,42,68,.05)}.wh-week-control form{display:flex;align-items:end;gap:8px}.wh-week-control label,.wh-form label{display:grid;gap:5px;color:#516572;font-size:12px;font-weight:800}.wh-week-control input,.wh-week-control select,.wh-week-control button,.wh-form input,.wh-form select,.wh-form textarea{box-sizing:border-box;width:100%;min-height:42px;padding:9px 11px;border:1px solid #cbd7de;border-radius:8px;background:#fff;color:var(--wh-ink);font:inherit}.wh-week-control button,.wh-primary{min-height:42px;padding:9px 15px;border:0;border-radius:8px;background:var(--wh-navy);color:#fff;font-weight:900;cursor:pointer}.wh-arrow{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:#edf3f6;color:var(--wh-navy);font-size:19px;text-decoration:none}
.wh-alert{margin-bottom:14px;padding:12px 14px;border-left:4px solid var(--wh-gold);border-radius:8px;background:#fff8e9;color:#70531c;font-size:13px;font-weight:800}.wh-tabs{position:sticky;top:0;z-index:20;display:flex;gap:4px;margin:0 0 20px;padding:5px;border:1px solid #dce4e8;border-radius:12px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(9,42,68,.06);backdrop-filter:blur(12px)}.wh-tabs a{display:flex;align-items:center;justify-content:center;gap:7px;min-height:42px;padding:8px 14px;border-radius:8px;color:#5e7180;font-size:13px;font-weight:850;text-decoration:none}.wh-tabs a:hover,.wh-tabs a.is-active{background:var(--wh-navy);color:#fff}.wh-tabs span{display:grid;place-items:center;min-width:21px;height:21px;padding:0 5px;border-radius:12px;background:rgba(110,128,141,.15);font-size:10px}.wh-tabs a.is-active span{background:rgba(255,255,255,.16)}
.workshop-tabs-ready .wh-tab-panel{display:none}.workshop-tabs-ready .wh-tab-panel.is-active{display:block}.wh-section-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin:0 0 14px}.wh-section-heading h2{margin:0;font-size:24px}.wh-period{color:var(--wh-muted);font-size:12px;font-weight:800}.wh-workshops{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-bottom:12px}.wh-workshop-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 16px;padding:15px 17px;border:1px solid var(--wh-line);border-left:5px solid #2a658a;border-radius:12px;background:#fff;color:inherit;text-decoration:none}.wh-workshop-card.wh-s2{border-left-color:#9b6b2b}.wh-workshop-card.is-selected{box-shadow:0 0 0 2px rgba(8,42,67,.12)}.wh-workshop-card div{display:grid;gap:3px}.wh-workshop-card span{color:var(--wh-muted);font-size:10px;font-weight:900;letter-spacing:.08em}.wh-workshop-card strong{font-size:17px}.wh-workshop-card>b{align-self:center;font-size:18px}.wh-workshop-card small{grid-column:1/-1;color:var(--wh-muted)}
.wh-kpis{display:grid;grid-template-columns:.7fr .8fr 1.25fr 1.1fr 1.25fr;gap:10px;margin-bottom:14px}.wh-kpis article{min-width:0;padding:14px;border:1px solid var(--wh-line);border-top:4px solid #8295a2;border-radius:11px;background:#fff}.wh-kpis span,.wh-kpis small{display:block;color:var(--wh-muted);font-size:10px;font-weight:750}.wh-kpis b{display:block;margin:5px 0 3px;font-size:clamp(20px,2vw,27px);line-height:1.05;overflow-wrap:anywhere}.wh-kpis .wh-kpi-money{border-top-color:#276b91}.wh-kpis .wh-kpi-advance{border-top-color:#c47a32}.wh-kpis .wh-kpi-net{border-top-color:var(--wh-green);background:#f3faf6}.wh-kpi-net b{color:var(--wh-green)}
.wh-panel{margin-bottom:14px;padding:17px;border:1px solid var(--wh-line);border-radius:13px;background:#fff;box-shadow:0 3px 14px rgba(9,42,68,.035)}.wh-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:13px}.wh-panel h3,.wh-panel-heading h3{margin:0;font-size:17px}.wh-panel p,.wh-panel-heading p,.wh-form-panel>p{margin:4px 0 0;color:var(--wh-muted);font-size:12px;line-height:1.5}.wh-panel-heading>span{padding:5px 8px;border-radius:999px;background:#edf3f6;color:#516777;font-size:10px;font-weight:900}.wh-table-wrap{overflow:auto}.wh-table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:12px}.wh-table th{padding:9px 10px;border-bottom:1px solid #ccd8de;color:#687986;font-size:10px;text-align:left;text-transform:uppercase;letter-spacing:.04em}.wh-table td{padding:11px 10px;border-bottom:1px solid #edf1f3;vertical-align:top}.wh-table tbody tr:last-child td{border-bottom:0}.wh-table td small{display:block;margin-top:3px;color:#7b8993;font-size:10px}.wh-money-positive{color:#176b49}.wh-money-negative{color:#ad5a2c}.wh-formula-note{margin-top:12px;padding:10px 12px;border-radius:8px;background:#f4f7f8;color:#5b6e7a;font-size:11px;line-height:1.5}.wh-formula-note b{color:var(--wh-ink)}
.wh-shop-tag{display:inline-grid;place-items:center;min-width:33px;height:27px;border-radius:7px;background:#e8f2f8;color:#245c7d;font-size:11px;font-weight:950}.wh-shop-tag.wh-s2{background:#f8efe2;color:#825b25}.wh-empty{display:grid;justify-items:center;gap:6px;padding:30px 18px;border:1px dashed #ced9df;border-radius:10px;background:#fafcfd;text-align:center}.wh-empty b{font-size:15px}.wh-empty span{color:var(--wh-muted);font-size:12px}.wh-empty a{margin-top:5px;color:#1d678f;font-size:12px;font-weight:900}.wh-empty.compact{padding:16px}
.wh-split{display:grid;grid-template-columns:minmax(310px,.78fr) minmax(0,1.45fr);gap:14px;align-items:start}.wh-form-panel{border-top:4px solid var(--wh-gold)}.wh-form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin-top:14px}.wh-form label small{color:#88949d;font-size:9px;font-weight:700}.wh-form textarea{resize:vertical}.wh-form .wh-wide{grid-column:1/-1}.wh-form.single-column{grid-template-columns:1fr}.wh-form.single-column .wh-wide{grid-column:auto}.wh-employee-list{display:grid;gap:10px}.wh-employee-card{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:14px;border:1px solid var(--wh-line);border-radius:12px;background:#fff}.wh-employee-card.is-inactive{opacity:.66;background:#f5f6f7}.wh-person-avatar{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:var(--wh-navy);color:#fff;font:800 19px Georgia,serif}.wh-person-avatar.small{width:36px;height:36px;border-radius:9px;font-size:15px}.wh-person-main{min-width:0}.wh-person-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.wh-person-title>div{display:grid;gap:3px}.wh-person-title strong{font-size:15px}.wh-person-title span{color:var(--wh-muted);font-size:11px}.wh-person-week{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:11px}.wh-person-week span{padding:8px;border-radius:8px;background:#f4f7f8}.wh-person-week small,.wh-person-week b{display:block}.wh-person-week small{color:var(--wh-muted);font-size:9px}.wh-person-week b{margin-top:3px;font-size:12px}.wh-edit-details{margin-top:10px;border-top:1px solid #e8edef;padding-top:9px}.wh-edit-details summary{cursor:pointer;color:#2b6688;font-size:11px;font-weight:900}.wh-form.compact{margin-top:12px;padding:12px;border-radius:9px;background:#f7f9fa}.wh-status-form{margin-top:8px}.wh-secondary,.wh-danger-link{min-height:36px;padding:7px 10px;border:1px solid #ccd7dd;border-radius:7px;background:#fff;color:#426071;font-size:11px;font-weight:850;cursor:pointer}.wh-danger-link{border-color:#e5c5bb;color:#a64a2d}
.wh-shift-bar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:11px;padding:9px 10px;border:1px solid #dfe6e9;border-radius:9px;background:#f7f9fa}.wh-shift-bar>div{display:grid;gap:2px}.wh-shift-bar b{font-size:11px}.wh-shift-bar span{color:var(--wh-muted);font-size:9px}.wh-shift-bar.is-working{border-color:#acd7c2;background:#edf8f2}.wh-shift-bar.is-working b{color:#176b49}.wh-shift-bar.is-down{border-color:#d6e1e6;background:#f2f6f8}.wh-shift-in,.wh-shift-out{min-height:36px;padding:8px 11px;border:0;border-radius:8px;color:#fff;font-size:11px;font-weight:900;white-space:nowrap;cursor:pointer}.wh-shift-in{background:#176b49}.wh-shift-out{background:#b05c2c}.wh-shift-bar form{margin:0}
.wh-on-shift-panel{border-top:4px solid #1f7a55;background:#fbfefc}.wh-on-shift-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px}.wh-on-shift-grid>article{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px;border:1px solid #cfe3d8;border-radius:11px;background:#fff}.wh-on-shift-grid article>div{display:grid;gap:3px}.wh-on-shift-grid small{color:var(--wh-muted);font-size:10px}.wh-on-shift-grid article>div>b{color:#176b49;font-size:11px}.wh-clockout-form{display:flex;align-items:end;gap:7px}.wh-clockout-form label{display:grid;gap:3px;color:var(--wh-muted);font-size:9px;font-weight:800}.wh-clockout-form input{box-sizing:border-box;width:72px;min-height:36px;padding:7px;border:1px solid #ccd8de;border-radius:7px}.wh-attendance-roster{display:grid;gap:8px}.wh-attendance-roster>article{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px;border:1px solid #e0e7ea;border-radius:10px}.wh-attendance-roster article.is-working{border-color:#b9ddcb;background:#f5fbf7}.wh-attendance-roster article>div{display:grid;gap:2px}.wh-attendance-roster small{color:var(--wh-muted);font-size:10px}.wh-attendance-roster form{margin:0}.wh-shift-status{display:inline-flex;align-items:center;padding:5px 8px;border-radius:999px;background:#edf1f3;color:#637581;font-size:10px;font-weight:900;white-space:nowrap}.wh-shift-status.working{background:#dff3e9;color:#176b49}.wh-shift-status.down{background:#e8f0f4;color:#3e647a}
.wh-inline-form-panel{display:grid;grid-template-columns:250px minmax(0,1fr);gap:20px}.wh-work-form{grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.wh-work-form .wh-work-description{grid-column:span 2}.wh-icon-danger{display:grid;place-items:center;width:29px;height:29px;border:1px solid #e6cec5;border-radius:7px;background:#fff;color:#ae4b2e;font-size:18px;cursor:pointer}.wh-table form{margin:0}.wh-advance-layout{grid-template-columns:minmax(280px,.68fr) minmax(0,1.32fr)}.wh-advance-list{display:grid;gap:8px}.wh-advance-list article{display:grid;grid-template-columns:36px minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:11px;border:1px solid #e2e8eb;border-radius:10px}.wh-advance-list article>div{display:grid;gap:2px}.wh-advance-list small{color:var(--wh-muted);font-size:10px}.wh-advance-list p{margin:3px 0 0;color:#566b78;font-size:11px}.wh-advance-list>article>b{color:#ad5a2c;font-size:15px}
@media(max-width:1120px){.wh-header{align-items:stretch;flex-direction:column}.wh-week-control{align-self:stretch}.wh-week-control form{flex:1}.wh-week-control form label{flex:1}.wh-kpis{grid-template-columns:repeat(3,1fr)}.wh-inline-form-panel{grid-template-columns:1fr}.wh-work-form{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.wh-page{padding:48px 0 30px}.wh-week-control form{display:grid;grid-template-columns:1fr 1fr}.wh-week-control button{grid-column:1/-1}.wh-tabs{overflow:auto;justify-content:flex-start}.wh-tabs a{flex:0 0 auto}.wh-workshops,.wh-split{grid-template-columns:1fr}.wh-kpis{grid-template-columns:repeat(2,1fr)}.wh-kpis .wh-kpi-net{grid-column:1/-1}.wh-work-form{grid-template-columns:repeat(2,minmax(0,1fr))}.wh-work-form .wh-work-description{grid-column:1/-1}}
@media(max-width:520px){.wh-header{padding-bottom:14px}.wh-week-control{align-items:center}.wh-arrow{width:36px;flex:0 0 36px}.wh-week-control form{grid-template-columns:1fr}.wh-week-control button{grid-column:auto}.wh-section-heading{align-items:flex-start;flex-direction:column}.wh-workshop-card{grid-template-columns:1fr auto}.wh-kpis{grid-template-columns:1fr 1fr}.wh-kpis article{padding:12px}.wh-kpis b{font-size:19px}.wh-form,.wh-work-form{grid-template-columns:1fr}.wh-form .wh-wide,.wh-work-form .wh-work-description{grid-column:auto}.wh-person-week{grid-template-columns:1fr 1fr}.wh-person-week span:last-child{grid-column:1/-1}.wh-employee-card{grid-template-columns:38px minmax(0,1fr);padding:11px}.wh-person-avatar{width:38px;height:38px}.wh-panel{padding:13px}.wh-shift-bar{align-items:stretch;flex-direction:column}.wh-shift-bar button{width:100%}.wh-on-shift-grid>article{grid-template-columns:38px minmax(0,1fr)}.wh-clockout-form{grid-column:1/-1}.wh-clockout-form label{flex:1}.wh-clockout-form input{width:100%}.wh-attendance-roster>article{grid-template-columns:36px minmax(0,1fr)}.wh-attendance-roster .wh-shift-status,.wh-attendance-roster form{grid-column:2}.wh-attendance-roster form button{width:100%}.wh-advance-list article{grid-template-columns:36px minmax(0,1fr) auto}.wh-advance-list>article>b{grid-column:2}.wh-advance-list>article>form{grid-column:3;grid-row:1/3}.wh-table{font-size:11px}}