.pw-page{--pw-ink:#213c34;--pw-muted:#75847e;--pw-line:#dfe6e2;color:var(--pw-ink);font-size:13px;letter-spacing:0;max-width:1600px;margin:auto;padding:26px 28px;box-sizing:border-box}
.pw-page *, .pw-dialog *{box-sizing:border-box;letter-spacing:0}
.pw-page button,.pw-page input,.pw-page select,.pw-dialog button,.pw-dialog input,.pw-dialog textarea{font:inherit}
.pw-page button,.pw-dialog button{cursor:pointer}
.pw-page button:disabled,.pw-dialog button:disabled{cursor:wait;opacity:.55}
.pw-page button:focus-visible,.pw-dialog button:focus-visible{outline:2px solid #127c65;outline-offset:3px}
.pw-page h1,.pw-page h2,.pw-page h3,.pw-page p,.pw-dialog h2{margin:0}
.pw-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:24px}
.pw-eyebrow{font-size:10px;font-weight:700;color:#75847e;margin-bottom:6px}
.pw-page h1{font-size:27px;font-weight:750;line-height:1.2}
.pw-header p{font-size:12px;color:var(--pw-muted);margin-top:7px}
.pw-header-actions,.pw-row-actions,.pw-tools,.pw-scope{display:flex;align-items:center;gap:8px}
.pw-icon{width:16px;height:16px;flex-shrink:0;display:inline-block;opacity:.8}
.pw-button,.pw-icon-button{border:1px solid #d3ded8;background:white;color:#26473c;border-radius:6px;min-height:36px;padding:8px 12px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:12px;font-weight:650;white-space:nowrap;transition:background .12s,border-color .12s}
.pw-button:hover,.pw-icon-button:hover{background:#eef5f1;border-color:#a8c7b7}
.pw-button.primary{background:#126b53;border-color:#126b53;color:white}
.pw-button.primary:hover{background:#0d5643}
.pw-button.primary .pw-icon{filter:brightness(0) invert(1);opacity:1}
.pw-icon-button{width:36px;height:36px;min-width:36px;padding:8px}
.pw-tabs{display:flex;gap:24px;border-bottom:1px solid var(--pw-line);margin-bottom:22px;overflow-x:auto}
.pw-tabs button{background:none;border:0;border-bottom:2px solid transparent;color:#77837d;font-weight:650;font-size:13px;padding:0 2px 13px;white-space:nowrap}
.pw-tabs button[aria-selected="true"]{border-color:#126b53;color:#126b53}
.pw-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-bottom:24px;border-bottom:1px solid var(--pw-line);padding-bottom:22px;gap:28px}
.pw-metric{border:0;border-right:1px solid var(--pw-line);background:none;padding:0 24px 0 0;text-align:left;min-width:0;color:var(--pw-ink)}
.pw-metric:last-child{border-right:0;padding-right:0}
.pw-metric>div{display:flex;justify-content:space-between;align-items:center;gap:8px;color:#74837b;font-size:12px}
.pw-metric strong{display:block;font-variant-numeric:tabular-nums;font-size:26px;line-height:1.25;margin:10px 0 7px;overflow-wrap:anywhere}
.pw-metric small{color:#7d8882;font-size:11px}
.pw-metric.unpaid strong{color:#ae6729}
.pw-metric.paid strong{color:#13755b}
.pw-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.pw-toolbar h2{font-size:16px;font-weight:700}
.pw-scope>span{background:#e5ede8;border-radius:4px;font-size:11px;min-width:22px;text-align:center;padding:3px;color:#527362}
.pw-scope>span:empty{display:none}
.pw-search{position:relative;display:flex;align-items:center;width:210px}
.pw-search .pw-icon{position:absolute;left:10px;pointer-events:none}
.pw-search input{height:36px;width:100%;padding:8px 9px 8px 33px!important;background:#fff;border:1px solid var(--pw-line)!important;border-radius:6px!important;font-size:12px!important}
.pw-tools select{width:auto;max-width:155px;height:36px;background:white;border:1px solid var(--pw-line);border-radius:6px;padding:5px 10px;font-size:12px}
.pw-table-wrap{border:1px solid var(--pw-line);border-radius:7px;overflow:auto;background:white}
.pw-table{width:100%;border-collapse:collapse;font-size:12px;text-align:left;white-space:nowrap}
.pw-table th{font-size:10px;text-transform:uppercase;font-weight:650;color:#7a8982;padding:13px 14px;background:#f6f8f6;border-bottom:1px solid var(--pw-line)}
.pw-table td{padding:15px 14px;border-bottom:1px solid #eaf0eb;vertical-align:middle;font-variant-numeric:tabular-nums}
.pw-table tbody tr:last-child td{border-bottom:0}
.pw-table tbody tr:hover{background:#fbfcfa}
.pw-table td>b{font-weight:650}
.pw-table td>small{display:block;font-size:10px;color:#7e8b84;margin-top:5px}
.pw-table tfoot{background:#f2f6f3;font-weight:700}
.pw-table tfoot td{padding-top:13px;padding-bottom:13px;border-top:1px solid var(--pw-line)}
.pw-person{background:none;border:0;display:flex;align-items:center;gap:11px;color:inherit;text-align:left;padding:0}
.pw-person b{display:block;font-size:13px}
.pw-person small{display:block;color:#879088;margin-top:5px;font-size:10px}
.pw-avatar{width:36px;height:36px;display:grid;place-items:center;background:#e4eee9;color:#257253;border-radius:6px;font-size:15px;font-weight:650}
.pw-avatar.tone-1{background:#e5edf6;color:#3977a8}.pw-avatar.tone-2{background:#eeeaf4;color:#796099}.pw-avatar.tone-3{background:#f8eee4;color:#ad753e}.pw-avatar.tone-4{background:#f3e8eb;color:#a25d71}
.pw-positive{color:#17785f}.pw-due{color:#aa672e}
.pw-row-actions{justify-content:flex-end}
.pw-row-actions .pw-button{min-height:32px;padding:6px 10px;font-size:11px}
.pw-row-actions .pw-icon-button{border:0;background:transparent}
.pw-day-dots{display:flex;align-items:center;gap:3px;margin-bottom:5px}
.pw-day-dot{padding:0;width:9px;height:15px;border:0;border-radius:2px;background:#e5e9e6}
.pw-day-dot.paid{background:#3b967e}.pw-day-dot.unpaid{background:#d4a362}.pw-day-dot.draft{background:#9aaaba}.pw-day-dot.needs_ads{background:#e9d3a5}
.pw-day-dots+small{font-size:10px;color:#818a85}
.pw-bottom-line{display:flex;gap:25px;justify-content:flex-end;padding:14px 2px;color:#7b877f;font-size:11px}
.pw-bottom-line b{font-weight:600;color:#4c6859}
.pw-status-tabs{display:flex;gap:6px;overflow:auto;margin-bottom:14px}
.pw-status-tabs button{display:flex;gap:8px;align-items:center;border:1px solid transparent;background:transparent;color:#79887e;border-radius:5px;padding:7px 10px;font-size:11px;white-space:nowrap}
.pw-status-tabs button[aria-pressed="true"]{background:white;border-color:#ccdacf;color:#215d45}
.pw-status-tabs span{font-size:10px;color:#7d8e83;background:#e7eeea;padding:2px 5px;border-radius:3px}
.pw-selection{background:#e6f1eb;border:1px solid #bdd5c5;border-radius:6px;padding:9px 12px;display:flex;align-items:center;gap:15px;margin-bottom:12px;color:#305b43}
.pw-selection>div{margin-left:auto;display:flex;gap:8px;align-items:center}
.pw-select-col{width:36px;padding-left:12px!important;padding-right:4px!important}
.pw-page input[type="checkbox"],.pw-dialog input[type="checkbox"]{width:15px;height:15px;accent-color:#157455;cursor:pointer;margin:0;flex-shrink:0}
.pw-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;border-radius:4px;padding:5px 6px;background:#edf1ee;color:#7a8880;white-space:nowrap}
.pw-badge i{width:5px;height:5px;border-radius:50%;background:currentColor}
.pw-badge.paid{background:#e8f3ed;color:#247e5d}.pw-badge.unpaid{background:#fbf0df;color:#a77129}.pw-badge.draft{background:#edf0f6;color:#6c7e9b}.pw-badge.needs_ads{background:#fcf4e6;color:#b28537}
.pw-ad-value{border:0;background:none;display:flex;gap:8px;align-items:center;color:inherit;padding:6px 0;font-size:12px}
.pw-ad-value .pw-icon{width:12px;height:12px;opacity:.4}.pw-ad-value:hover .pw-icon{opacity:1}.pw-missing{color:#ab7e35}
.pw-ad-form{display:flex;gap:3px;align-items:center;min-width:190px}
.pw-ad-form input{width:112px!important;min-width:0;height:34px;padding:6px 7px!important;font-size:12px!important;border:1px solid #9bbfaa!important;border-radius:4px!important;background:#fff!important}
.pw-ad-form .pw-icon-button{width:29px;min-width:29px;height:30px;min-height:30px;padding:6px}
.pw-unit{font-size:9px;color:#98a29b}
.pw-note-cell{white-space:normal;min-width:160px;max-width:310px;overflow-wrap:anywhere;color:#718275;line-height:1.5}
.pw-foot{display:flex;justify-content:space-between;color:#8b968f;font-size:10px;padding-top:22px;gap:15px}
.pw-muted{color:#7f8b82;font-size:11px;margin-top:12px!important}
.pw-empty,.pw-loading{text-align:center;padding:44px 20px!important;color:#8d9a92}
.pw-notice{background:#fff2ec;border:1px solid #eccdc0;border-radius:5px;color:#a25337;padding:10px 12px;margin-bottom:14px;font-size:12px;line-height:1.5;overflow-wrap:anywhere}
.pw-stat-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;border-bottom:1px solid var(--pw-line);padding:4px 0 20px;margin-bottom:20px}
.pw-stat-facts span,.pw-stat-facts small{display:block;color:#819087;font-size:11px}
.pw-stat-facts b{display:block;font-size:20px;margin:8px 0;color:#38594a;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.pw-stat-facts small{font-size:10px}
.pw-chart-grid{display:grid;grid-template-columns:1.45fr 1fr;gap:26px;border-bottom:1px solid var(--pw-line);padding-bottom:20px}
.pw-chart-section{min-width:0}
.pw-chart-section header,.pw-calendar header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px}
.pw-chart-section h3,.pw-calendar h3{font-size:14px;font-weight:650}
.pw-chart-section small{display:block;font-size:10px;color:#87948a;margin-top:5px}
.pw-chart-canvas{position:relative;height:230px}
.pw-segment{display:flex;border:1px solid #dce5de;border-radius:5px;padding:2px;background:#eaf0ec}
.pw-segment button{border:0;background:none;color:#7d8c82;border-radius:3px;padding:6px 9px;font-size:10px}
.pw-segment button[aria-pressed="true"]{background:white;color:#2b6447;box-shadow:0 1px 3px #253f3414}
.pw-donut-layout{display:flex;align-items:center;gap:22px;padding:18px 0}
.pw-donut{width:150px;height:150px;position:relative;flex-shrink:0}
.pw-donut-empty{position:absolute;inset:0;display:grid;place-items:center;font-size:11px;color:#839285}
.pw-legend{min-width:0;flex:1}
.pw-legend>div{display:grid;grid-template-columns:7px 1fr;column-gap:7px;row-gap:4px;font-size:10px;margin:12px 0;color:#7a8b7f}
.pw-legend i{width:6px;height:6px;border-radius:2px;margin-top:3px}
.pw-legend b{grid-column:2;color:#3b5646;font-size:12px;font-weight:650;overflow-wrap:anywhere}
.pw-comparison{padding:22px 0;border-bottom:1px solid var(--pw-line)}
.pw-comparison-canvas{position:relative}
.pw-calendar{padding-top:24px}.pw-calendar header>span{font-size:11px;color:#87958c}
.pw-calendar-scroll{overflow:auto}
.pw-calendar table{border-collapse:separate;border-spacing:3px;width:100%;font-size:10px;text-align:left}
.pw-calendar th{font-weight:500;color:#829087;padding:6px 8px;white-space:nowrap}
.pw-calendar th:first-child{min-width:125px}
.pw-calendar td{min-width:78px}
.pw-calendar-day{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;border:1px solid #dde6de;border-radius:4px;background:#f5f7f4;padding:11px 9px;color:#96a08f;font-size:10px}
.pw-calendar-day i{width:5px;height:5px;border-radius:50%;background:currentColor}
.pw-calendar-day.paid{background:#e8f4ed;color:#30785a;border-color:#c7e2d2}.pw-calendar-day.unpaid{background:#fcf1df;color:#ac7730;border-color:#edd7b4}.pw-calendar-day.draft{background:#ecf0f6;color:#6c7e99;border-color:#d5dfed}.pw-calendar-day.needs_ads{background:#fbf4e5;color:#ab873e;border-color:#eee0bb}
.pw-calendar-legend{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}
.pw-dialog{font:13px system-ui,sans-serif;color:#294738;border:0;border-left:1px solid #dfe7de;border-radius:0;position:fixed;inset:0 0 0 auto;margin:0;width:440px;max-width:100%;height:100dvh;max-height:100dvh;padding:0;background:white;box-shadow:-10px 0 50px #10231a18}
.pw-dialog::backdrop{background:#10231a45}
.pw-panel{height:100%;display:flex;flex-direction:column}
.pw-panel>header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:25px 24px;border-bottom:1px solid #e4eae4}
.pw-panel>header span{font-size:11px;color:#87938a}.pw-panel>header h2{font-size:23px;margin:6px 0}.pw-panel>header small{font-size:11px;color:#93a092}
.pw-panel-body{overflow:auto;flex:1;padding:22px 24px}
.pw-panel-amount{padding-bottom:22px;border-bottom:1px solid #e8ede6}
.pw-panel-amount>span:first-child{display:block;font-size:11px;color:#869386}
.pw-panel-amount strong{display:block;font-size:30px;line-height:1.3;margin:8px 0 10px;overflow-wrap:anywhere}
.pw-breakdown{margin:18px 0}.pw-breakdown>div{display:flex;justify-content:space-between;gap:12px;padding:8px 0;font-size:12px}.pw-breakdown dt{color:#82907f}.pw-breakdown dd{margin:0;font-weight:600}
.pw-panel-body>label,.pw-range-form>label{display:block;font-size:12px;font-weight:600;margin:20px 0}
.pw-dialog input[type="date"],.pw-dialog textarea{display:block;width:100%;border:1px solid #d8e2d5;border-radius:5px;padding:10px 11px;font-size:13px;background:#fbfcfa;color:#375334;margin-top:8px}
.pw-dialog textarea{resize:vertical;min-height:65px}
.pw-note-details{margin:20px 0;color:#819178;font-size:12px}.pw-note-details summary{cursor:pointer}.pw-note-details textarea{color:#4c6544}
.pw-panel>footer{padding:18px 24px 22px;border-top:1px solid #e5ebe1;background:#fff}
.pw-panel-actions{display:grid;gap:8px}.pw-submit{width:100%;min-height:42px}
.pw-consent{display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:16px;color:#69825d}
.pw-picked-days{max-height:220px;overflow:auto;border-top:1px solid #e6ede1;margin:18px 0}
.pw-picked-days>div{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #eaf0e5;gap:8px;font-size:12px}
.pw-picked-days small{display:block;margin-top:4px;color:#93a188;font-size:10px}
.pw-range-dialog{inset:0;margin:auto;width:380px;height:fit-content;max-height:90dvh;border:1px solid #d9e3d2;border-radius:8px;box-shadow:0 20px 60px #12301525}
.pw-range-form{padding:22px}.pw-range-form>header{display:flex;align-items:center;justify-content:space-between}.pw-range-form h2{font-size:18px}.pw-presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.pw-presets button{font-size:11px}.pw-range-form footer{display:flex;justify-content:flex-end}
.pw-page [hidden],.pw-dialog [hidden]{display:none!important}
.is-loading .pw-icon{animation:pw-spin 1s linear infinite}
@keyframes pw-spin{to{transform:rotate(360deg)}}
@media(max-width:1200px){.pw-table td,.pw-table th{padding-left:10px;padding-right:10px}.pw-metric strong{font-size:23px}.pw-donut-layout{gap:12px}.pw-donut{width:120px;height:120px}.pw-chart-grid{gap:20px}}
@media(max-width:960px){.pw-header{align-items:flex-start}.pw-header-actions{flex-wrap:wrap;justify-content:flex-end}.pw-metrics{gap:18px}.pw-metric{padding-right:16px}.pw-metric strong{font-size:21px}.pw-chart-grid{grid-template-columns:1fr}.pw-donut-layout{padding-top:0}.pw-donut{width:155px;height:155px}.pw-legend{max-width:250px}.pw-staff-table{min-width:780px}}
@media(max-width:600px){.pw-header{display:block;padding-bottom:18px}.pw-header-actions{margin-top:16px;justify-content:flex-start}.pw-header-actions .pw-button{flex:1;justify-content:flex-start}.pw-page h1{font-size:25px}.pw-tabs{gap:22px;margin-bottom:18px}.pw-tabs button{font-size:12px}.pw-metrics{gap:12px;padding-bottom:18px;margin-bottom:18px}.pw-metric{padding-right:10px}.pw-metric>div{font-size:10px;min-height:27px;align-items:flex-start}.pw-metric>div .pw-icon{display:none}.pw-metric strong{font-size:17px;margin:8px 0;line-height:1.4}.pw-metric small{font-size:9px;line-height:1.5;display:block}.pw-toolbar{align-items:flex-start;flex-direction:column;gap:12px}.pw-tools{width:100%}.pw-search{width:auto;flex:1;min-width:0}.pw-tools select{max-width:133px;font-size:11px}.pw-toolbar h2{font-size:15px}.pw-table th{font-size:9px}.pw-table td{padding-top:13px;padding-bottom:13px}.pw-staff-table{min-width:710px}.pw-bottom-line{justify-content:flex-start;flex-wrap:wrap;gap:7px 18px;font-size:10px}.pw-selection{flex-wrap:wrap;gap:10px;font-size:11px}.pw-selection>div{width:100%;margin-left:0;justify-content:space-between}.pw-stat-facts{gap:16px;grid-template-columns:1fr}.pw-stat-facts>div{display:grid;grid-template-columns:1fr auto;gap:5px}.pw-stat-facts b{font-size:16px;margin:0}.pw-stat-facts small{grid-column:1/-1}.pw-chart-section header{align-items:flex-start}.pw-chart-section h3,.pw-calendar h3{font-size:13px}.pw-chart-canvas{height:220px}.pw-foot{font-size:9px}.pw-panel>header,.pw-panel-body,.pw-panel>footer{padding-left:20px;padding-right:20px}.pw-panel-amount strong{font-size:28px}.pw-dialog{width:100%}.pw-range-dialog{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){.pw-page *{transition:none!important;animation:none!important}}
@media(max-width:600px){.pw-page{padding:20px 14px}}
@media(max-width:600px){
 .pw-table-wrap:has(.pw-staff-table){border:0;background:none;overflow:visible}
 .pw-staff-table{min-width:0;white-space:normal;display:block}
 .pw-staff-table thead,.pw-staff-table tfoot{display:none}
 .pw-staff-table tbody{display:block}
 .pw-staff-table tbody tr{display:grid;grid-template-columns:1fr 1fr;position:relative;border:1px solid #dfe6e2;border-radius:6px;margin-bottom:10px;background:white;padding:0 14px}
 .pw-staff-table td{border:0;padding:10px 0;font-size:12px;min-width:0}
 .pw-staff-table td:first-child{grid-column:1/-1;padding:14px 105px 14px 0;border-bottom:1px solid #edf1ed}
 .pw-staff-table td:nth-child(2){padding-right:10px}
 .pw-staff-table td:nth-child(4){grid-column:1/-1;background:#fcfaf5;border-radius:4px;padding:10px;margin-top:2px}
 .pw-staff-table td:nth-child(5){grid-column:1/-1;display:flex;align-items:center;gap:9px;padding:13px 0}
 .pw-staff-table td:nth-child(5) .pw-day-dots{margin:0}
 .pw-staff-table td:last-child{position:absolute;right:7px;top:12px;padding:0}
 .pw-staff-table td[data-label]::before{content:attr(data-label);display:block;font-size:10px;color:#849086;margin-bottom:5px}
 .pw-staff-table td:nth-child(4)>b{font-size:16px}
 .pw-staff-table .pw-person b{overflow-wrap:anywhere}
 .pw-staff-table .pw-avatar{width:31px;height:31px;flex-shrink:0}
 .pw-staff-table .pw-person{gap:9px}
 .pw-staff-table .pw-row-actions{gap:1px}
 .pw-staff-table .pw-row-actions .pw-button{padding:6px 8px}
 .pw-staff-table .pw-row-actions .pw-button .pw-icon{display:none}
}
