.room-kpis,.payment-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:14px}.room-kpis>div,.payment-kpis>div{background:var(--surface);border-radius:18px;padding:15px 17px;min-height:88px}.room-kpis span,.payment-kpis span{display:block;color:var(--muted);font-size:11px}.room-kpis strong,.payment-kpis strong{display:block;font-size:27px;font-weight:400;letter-spacing:-1px;margin:10px 0 4px}.room-kpis small,.payment-kpis small{font-size:12px;color:var(--muted)}.positive{color:#65733d!important}.warning-text{color:#9a6a29!important}.room-toolbar{padding:8px;margin-bottom:12px}.filter-pill{border:0;background:transparent;border-radius:999px;padding:8px 12px;font:inherit;font-size:11px;color:var(--muted)}.filter-pill b{font-weight:400;color:var(--faint);margin-left:3px}.filter-pill.active{background:#1c1d19;color:white}.filter-pill.active b{color:#e0e3ce}.room-panel .panel-head{padding-bottom:10px}.room-table td{height:52px}.room-table .status{min-width:80px;justify-content:center}.room-search{max-width:250px;height:32px}.payment-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.7fr);gap:14px}.payment-filter{margin:0 12px 6px;padding:4px;background:var(--surface2)}.payment-table td{height:57px}.balance-card{background:#e0e5bd}.balance-card .panel-head{background:transparent}.balance-total{font-size:41px;letter-spacing:-2px;font-weight:400;padding:4px 18px}.balance-card>p{font-size:11px;margin:0;padding:0 18px 10px;color:#4d5631}.balance-list{padding:0 8px}.balance-list button{width:100%;display:flex;align-items:center;justify-content:space-between;background:#edf0dc;border:0;border-radius:12px;margin:5px 0;padding:10px;text-align:left;color:var(--text)}.balance-list button:hover{background:white}.balance-list span{display:grid}.balance-list strong{font-size:11px;font-weight:500}.balance-list small{font-size:12px;color:var(--muted);margin-top:3px}.balance-list b{font-weight:500;color:#6e5c2e}.balance-card>.btn{background:#1c1d19;color:white;border:0}.method-card{padding-bottom:6px}.method-row{display:flex;align-items:center;padding:11px 18px;border-bottom:1px solid var(--border);gap:8px}.method-row:last-child{border-bottom:0}.method-row span{flex:1;font-size:11px}.method-row strong{font-weight:500;font-size:12px}.method-row small{color:var(--muted);font-size:12px;width:30px;text-align:right}.method-dot,.source-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:6px;background:#7c8450}.method-dot.transfer{background:#9da77c}.method-dot.cash{background:#c9ae7a}.report-tabs{display:flex;gap:3px;background:var(--surface);padding:4px;width:max-content;border-radius:999px;margin-bottom:14px}.report-tab{border:0;border-radius:999px;background:transparent;padding:8px 14px;font:inherit;font-size:11px;color:var(--muted)}.report-tab.active{background:#1c1d19;color:white}.report-top{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,.8fr);gap:14px;margin-bottom:14px}.funnel-card{overflow:hidden}.funnel-list{padding:3px 18px 14px}.funnel-row{display:grid;grid-template-columns:90px minmax(80px,1fr) 52px 42px;align-items:center;gap:10px;padding:7px 0}.funnel-row>span{font-size:11px}.funnel-row>i,.source-row>div{height:21px;background:repeating-linear-gradient(-45deg,transparent,transparent 3px,#bfc2af 3px,#bfc2af 4px);border:1px solid #c7c8bc;border-radius:6px;display:block;position:relative}.funnel-row>i:after,.source-row>div i{content:"";display:block;height:100%;width:var(--width);background:#e7eb58;border-radius:5px}.funnel-row strong{font-size:12px;font-weight:500}.funnel-row small{font-size:12px;color:var(--muted)}.report-foot-metrics{border-top:1px solid var(--border);display:grid;grid-template-columns:repeat(3,1fr);padding:10px 18px;gap:10px;font-size:12px;color:var(--muted)}.report-foot-metrics b{display:block;font-size:12px;color:var(--text);font-weight:500;margin-top:3px}.report-performance{min-height:275px}.report-performance strong{font-size:56px}.report-bottom{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:14px}.report-metrics{display:grid;grid-template-columns:repeat(3,1fr);padding:0 8px 8px;gap:7px}.report-metric{background:var(--surface2);border-radius:14px;padding:13px}.report-metric span{display:block;font-size:12px;color:var(--muted)}.report-metric strong{display:block;font-size:24px;font-weight:400;margin:8px 0}.report-metric small{font-size:12px}.report-metric small.positive{color:#65733d}.report-metric small.warning{color:#9a6a29}.source-card{padding-bottom:8px}.source-row{display:grid;grid-template-columns:120px 34px minmax(80px,1fr);align-items:center;gap:9px;padding:9px 18px}.source-row span{font-size:11px}.source-row strong{font-size:11px;font-weight:500}.source-row>div{height:8px}.source-row>div i{height:100%;display:block;background:#7c8450}.source-dot.booking{background:#b6bb91}.source-dot.airbnb{background:#b49f7c}.source-dot.other{background:#a9aaa0}
@media(max-width:950px){.room-kpis,.payment-kpis{grid-template-columns:repeat(2,1fr)}.payment-layout,.report-top,.report-bottom{grid-template-columns:1fr}.report-performance{display:block}.report-performance svg{display:block}.report-metrics{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.room-kpis,.payment-kpis{grid-template-columns:repeat(2,1fr);gap:7px}.room-kpis>div,.payment-kpis>div{padding:11px;min-height:76px}.room-kpis strong,.payment-kpis strong{font-size:23px;margin-top:7px}.room-toolbar{overflow:auto;flex-wrap:nowrap}.filter-pill{white-space:nowrap}.room-search{min-width:170px}.room-table{min-width:720px}.payment-filter{overflow:auto;flex-wrap:nowrap}.payment-table{min-width:700px}.report-tabs{max-width:100%;overflow:auto}.report-tab{white-space:nowrap}.funnel-row{grid-template-columns:75px minmax(70px,1fr) 44px}.funnel-row small{display:none}.report-foot-metrics{grid-template-columns:1fr;gap:5px}.source-row{grid-template-columns:105px 30px minmax(70px,1fr)}}
/* Final UI polish: readable room filters and compact rates sheet */
.room-toolbar .filter-pill{color:var(--text)}
.room-toolbar .filter-pill b{color:inherit}
.room-toolbar .filter-pill.active{background:#1c1d19 !important;color:#fff !important}
.room-toolbar .filter-pill.active b{color:#fff !important}
.room-toolbar .filter-pill:first-child{background:#1c1d19 !important;color:#fff !important}
.room-toolbar .filter-pill:first-child b{color:#fff !important}
.filters .btn.primary{background:#1c1d19 !important;color:#fff !important;border-color:#1c1d19 !important}

.sheet-grid{position:relative}
.sheet td.editable:hover{background:var(--accent2)}
@media(max-width:640px){
  .room-toolbar .filter-pill{background:var(--surface2);color:var(--text)}
  .room-toolbar .filter-pill.active{background:#1c1d19 !important;color:#fff !important}
  .room-toolbar .filter-pill.active b{color:#fff !important}
  .room-toolbar .filter-pill:first-child{background:#1c1d19 !important;color:#fff !important}
  .room-toolbar .filter-pill:first-child b{color:#fff !important}
  .sheet-grid{overflow-x:auto;overflow-y:hidden;border-radius:14px;-webkit-overflow-scrolling:touch}
  .sheet{min-width:0;width:100%;table-layout:fixed}
  .sheet th,.sheet td{height:48px;padding:0 8px;font-size:12px;white-space:nowrap}
  .sheet th{font-size:12px;letter-spacing:.02em}
  .sheet th:first-child,.sheet td:first-child{min-width:132px;width:132px}
  .sheet th:nth-child(n+3),.sheet td:nth-child(n+3){display:none}
  .sheet th:nth-child(2),.sheet td:nth-child(2){width:auto}
  .sheet td:first-child{font-weight:600}
}