:root{font:15px/1.55 system-ui,sans-serif;color:#173a32;background:#f4f7f2;color-scheme:light}
*{box-sizing:border-box}
body{margin:0}
header{display:flex;align-items:center;gap:22px;padding:13px max(18px,calc((100% - 1130px)/2));background:linear-gradient(105deg,#e5f0e7,#f6efdf);border-bottom:1px solid #d8e6da}
header img{display:block;width:104px;height:auto}
header>a:first-child{margin-right:auto}
a{color:#115746;font-weight:650;text-underline-offset:3px}
main{max-width:1168px;margin:auto;padding:30px 20px 60px}
.eyebrow{font-weight:750;letter-spacing:.12em;color:#477160;font-size:.77rem}
h1{font-size:clamp(30px,6vw,49px);line-height:1.12;margin:5px 0 8px;letter-spacing:-.04em}
h2{font-size:1.2rem;margin:.2em 0 .45em}
p{margin:0 0 14px}
nav{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
button,input,select,textarea{font:inherit}
button,.button{cursor:pointer;border:1px solid #aac2b6;color:#155044;background:#fff;border-radius:8px;padding:7px 13px;text-decoration:none;font-weight:650}
button:hover,.button:hover,nav button[aria-current=page]{background:#e0ede3}
button.primary{background:#155e4c;color:#fff;border-color:#155e4c}
button:disabled{opacity:.55;cursor:wait}
input,select,textarea{padding:8px;border:1px solid #b9cec2;border-radius:7px;background:#fff;color:#163a31;width:100%}
:focus-visible{outline:3px solid #b68739;outline-offset:2px}
label{display:grid;gap:4px;font-weight:650;min-width:0}
label small{font-weight:400}
label.check{display:flex;align-items:center}
label.check input{width:auto}
form{margin:0}
.panel,article{background:#fff;border:1px solid #d6e4da;border-radius:14px;padding:18px;margin-bottom:15px}
.cards,.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:15px 0}
.cards article{margin:0;overflow-wrap:anywhere}
.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:15px 0}
.metrics article{margin:0}
.metrics strong{display:block;font-size:1.4rem;overflow-wrap:anywhere}
.toolbar,.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}
.toolbar>*{flex:1 1 138px}
.toolbar button{flex:0 0 auto;align-self:end}
.chart{width:100%;height:auto;min-height:130px}
.chart rect{fill:#28785e}
.chart .negative{fill:#a35143}
.chart .axis{stroke:#9eb5ab}
.chart text{font:12px system-ui;fill:#44675b}
.table-scroll{overflow:auto}
table{border-collapse:collapse;width:100%;min-width:680px}
th,td{text-align:left;padding:10px;border-bottom:1px solid #e3ece6;vertical-align:top}
td{overflow-wrap:anywhere}
td .actions{margin:0}
td .actions a,td .actions button{font-size:.84rem;white-space:nowrap}
.badge{display:inline-block;background:#e5f0e6;border-radius:1rem;padding:2px 8px;text-transform:capitalize}
.badge.pending{background:#f5edcf}
.badge.returned{background:#f8e7e0}
progress{width:100%;accent-color:#28785e}
#notice{padding:12px;border-radius:8px;background:#deeddf;position:sticky;bottom:10px}
.error{padding:10px;color:#842f21;background:#faece6;border-radius:8px;margin:10px 0}
dialog{border:1px solid #b9cec2;border-radius:14px;padding:20px;color:#173a32;width:min(92vw,640px);max-height:90vh;overflow:auto}
dialog::backdrop{background:#092b22a6}
dialog .heading{display:flex;align-items:center;justify-content:space-between;gap:10px}
small,.muted{color:#4d6a60}
[hidden]{display:none!important}
@media(max-width:600px){header{gap:12px}header img{width:78px}.cards,.grid{grid-template-columns:1fr}.panel,article{padding:12px}}
.payment-identity{display:flex;align-items:center;gap:9px;flex-wrap:wrap;line-height:1.25}
.payment-logo{display:inline-grid;place-items:center;width:78px;height:38px;flex:none;border:1px solid #dce8df;border-radius:7px;background:#fff;color:#21624e}
.payment-logo img{display:block;width:68px;height:28px;object-fit:contain}
.payment-mark{display:inline-block;padding:3px 7px;border-radius:5px;background:#e6efe7;color:#184936;font-size:.75rem;font-weight:800;white-space:nowrap}
.selected-method{margin:0 0 14px;padding:9px 12px;border:1px solid #d6e4da;border-radius:8px;background:#f4f8f3}
.selected-method p{margin:4px 0 0;font-size:.85rem}
table .payment-logo{width:62px;height:32px}
table .payment-logo img{width:52px;height:24px}
.chart .income-bar,.income-key{fill:#28785e;background:#28785e}
.chart .balance-bar,.balance-key{fill:#466b98;background:#466b98}
.finance-legend{display:flex;flex-wrap:wrap;gap:12px 20px;margin:9px 0;font-size:.88rem}
.finance-legend span{display:flex;align-items:center;gap:6px}
.finance-legend i{display:inline-block;width:12px;height:12px;border-radius:2px}
.selected-month{background:#eef6f0}
.commission-breakdown{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.commission-breakdown>svg{width:min(155px,100%);height:auto}
.commission-breakdown ul{list-style:none;padding:0;margin:0}
.commission-breakdown li{display:flex;align-items:center;gap:8px;margin:4px 0}
.commission-bars>div{display:grid;grid-template-columns:minmax(95px,1fr) minmax(65px,3fr) minmax(95px,1fr);gap:8px;align-items:center;margin:6px 0}
.commission-bars svg{width:100%;height:15px}