:root{--bg:#0f172a;--surface:#1e293b;--surface-2:#334155;--text:#e2e8f0;--muted:#94a3b8;--primary:#3b82f6;--border:#334155;--radius:12px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif}*{box-sizing:border-box}html,body,#root{background:var(--bg);min-height:100%}html{height:100%}body{background:var(--bg);color:var(--text);margin:0}.center{place-items:center;min-height:100vh;display:grid}.muted{color:var(--muted)}.row{align-items:center;display:flex}.row.gap{gap:12px}.row.between{justify-content:space-between}button{font:inherit;cursor:pointer}input{font:inherit}.app{min-height:100vh}.shell{min-height:100vh;display:flex}.sidebar{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;flex:0 0 96px;align-items:stretch;width:96px;height:100vh;padding:12px 0;display:flex;position:sticky;top:0;overflow-y:auto}.side-brand{text-align:center;padding:6px 0 14px;font-size:26px}.side-item{color:var(--muted);background:0 0;border:none;border-left:3px solid #0000;flex-direction:column;align-items:center;gap:6px;padding:14px 4px;display:flex;position:relative}.side-item:hover{color:var(--text);background:var(--bg)}.side-item.active{color:var(--text);background:var(--bg);border-left-color:var(--primary)}.side-icon{font-size:20px;line-height:1}.side-label{font-size:11px;font-weight:600}.side-spacer{flex:1}.side-dot{background:#ef4444;border-radius:50%;width:8px;height:8px;position:absolute;top:12px;right:22px}.main{flex-direction:column;flex:1;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;gap:12px;padding:0 20px;display:flex;position:sticky;top:0}.tabs{gap:4px;display:flex;overflow-x:auto}.tab{color:var(--muted);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;padding:16px 14px;font-size:14px;font-weight:600}.tab:hover{color:var(--text)}.tab.active{color:var(--text);border-bottom-color:var(--primary)}.tab.static{cursor:default}.user-chip{white-space:nowrap;padding:8px 0}.brand{font-size:18px;font-weight:700}.badge{background:var(--primary);color:#fff;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:12px;font-weight:600}.content{width:100%;max-width:1100px;margin:0 auto;padding:24px}@media (width<=1100px) and (width>=761px){.sidebar{flex:0 0 60px;width:60px}.side-label{display:none}.side-brand{padding:4px 0 10px;font-size:20px}.side-item{padding:12px 4px}.side-dot{top:8px;right:10px}.content{padding:20px 16px}}@media (width<=760px){.shell{flex-direction:column}.sidebar{z-index:20;border-right:none;border-bottom:1px solid var(--border);flex-direction:row;flex:none;width:100%;height:auto;padding:0;position:sticky;top:0;overflow-x:auto}.side-brand{display:none}.side-item{border-bottom:3px solid #0000;border-left:none;flex:1;padding:10px 6px}.side-item.active{border-left-color:#0000;border-bottom-color:var(--primary)}.side-spacer{display:none}.side-dot{margin-right:-18px;top:6px;right:50%}.user-chip{display:none}.content{padding:16px}}.grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;display:grid}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:18px}.card h3{margin:0}.card.summary{margin-bottom:20px}.stat-row{align-items:flex-end;gap:32px;margin:14px 0 18px;display:flex}.stat-num{font-size:28px;font-weight:700;line-height:1.1}.stat-num .unit{color:var(--muted);font-size:14px;font-weight:500}.stat-cost{text-align:right}.seg{background:var(--bg);border-radius:8px;padding:3px;display:inline-flex}.seg-btn{color:var(--muted);background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:13px}.seg-btn.active{background:var(--surface-2);color:var(--text)}.tbl{border-collapse:collapse;width:100%;margin-top:8px;font-size:14px}.tbl th,.tbl td{text-align:left;border-bottom:1px solid var(--border);padding:8px 6px}.tbl th{color:var(--muted);font-weight:500}.tbl td:nth-child(2),.tbl td:nth-child(3),.tbl th:nth-child(2),.tbl th:nth-child(3){text-align:right}.btn{border:1px solid var(--border);background:var(--surface-2);color:var(--text);border-radius:8px;padding:8px 14px}.btn.primary{background:var(--primary);border-color:var(--primary);color:#fff;width:100%;padding:10px}.error{color:#fca5a5;background:#7f1d1d33;border:1px solid #ef4444;border-radius:8px;padding:8px 12px;font-size:14px}.info{color:#6ee7b7;background:#064e3b33;border:1px solid #10b981;border-radius:8px;padding:8px 12px;font-size:14px}.center-link{color:var(--primary);align-self:center}.nav-badge{color:#fff;background:#ef4444;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:11px;font-weight:700}.center-card{flex-direction:column;gap:12px;max-width:460px;margin:40px auto;display:flex}.req-list{flex-direction:column;gap:10px;display:flex}.req-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.req-apt{font-size:16px;font-weight:700}.price-field{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;display:flex}.price-field input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px}.month-head{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:12px;display:flex}.cat-tiles{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:12px;display:grid}.cat-tile{background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:12px}.cat-kwh{margin-top:4px;font-size:22px;font-weight:700}.cat-kwh .unit{color:var(--muted);font-size:12px;font-weight:500}.row.between.wrap{flex-wrap:wrap;gap:8px}.date-in{color:var(--muted);flex-direction:column;gap:4px;font-size:11px;display:flex}.date-in input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:7px 9px}.pill{cursor:pointer;border:none;border-radius:999px;padding:4px 12px;font-size:12px;font-weight:600}.pill-ok{color:#6ee7b7;background:#065f46}.pill-due{color:#fdba74;background:#7c2d12}.pill-inv{color:#93c5fd;background:#1e3a8a}.pill-no{background:var(--surface-2);color:var(--muted)}.invoice-overlay{background:var(--bg);z-index:100;flex-direction:column;align-items:center;padding:20px;display:flex;position:fixed;inset:0;overflow:auto}.invoice-actions{gap:10px;width:100%;max-width:780px;margin-bottom:16px;display:flex}.invoice-sheet{color:#111;background:#fff;border-radius:8px;width:100%;max-width:780px;padding:48px;box-shadow:0 8px 40px #0006}.inv-head{border-bottom:2px solid #111;justify-content:space-between;padding-bottom:16px;display:flex}.inv-issuer{font-size:22px;font-weight:800}.inv-title{text-align:right;font-size:20px;font-weight:800}.inv-sub{color:#555;font-size:13px;font-weight:400}.inv-meta{justify-content:space-between;gap:24px;margin:24px 0;display:flex}.inv-label{text-transform:uppercase;color:#888;letter-spacing:.5px;font-size:12px}.inv-strong{margin-top:2px;font-size:16px;font-weight:700}.inv-table{border-collapse:collapse;width:100%;margin:16px 0}.inv-table th{text-align:left;color:#888;border-bottom:1px solid #ddd;padding:8px 6px;font-size:12px}.inv-table td{border-bottom:1px solid #eee;padding:12px 6px;font-size:14px}.inv-table th:last-child,.inv-table td:last-child,.inv-table th:nth-child(2),.inv-table td:nth-child(2),.inv-table th:nth-child(3),.inv-table td:nth-child(3){text-align:right}.inv-total{justify-content:flex-end;align-items:baseline;gap:20px;margin-top:12px;font-size:16px;display:flex}.inv-total-amt{font-size:26px;font-weight:800}.inv-foot{color:#666;border-top:1px solid #eee;margin-top:32px;padding-top:16px;font-size:12px}.inv-paid{color:#059669;margin-top:10px;font-size:18px;font-weight:800}.inv-pay{color:#111;margin-top:14px;font-size:14px}.company-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.company-grid label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.company-grid input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 11px}@media print{body *{visibility:hidden}.invoice-sheet,.invoice-sheet *{visibility:visible}.invoice-overlay{padding:0;position:static}.invoice-sheet{box-shadow:none;max-width:none;padding:20px}.no-print{display:none!important}}.auth-wrap{place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{flex-direction:column;gap:14px;width:100%;max-width:380px;display:flex}.auth-card h1{margin:0}.auth-card label{color:var(--muted);flex-direction:column;gap:6px;font-size:14px;display:flex}.auth-card input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:10px 12px}.setup{flex-direction:column;gap:16px;max-width:760px;display:flex}.setup .card h2,.setup .card h3{margin:0 0 4px}.fields{flex-direction:column;gap:12px;margin:12px 0;display:flex}.setup label{color:var(--muted);flex-direction:column;gap:6px;font-size:13px;display:flex}.setup input,.setup select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:9px 11px}.btn.compact{width:auto;padding:9px 16px}.small{font-size:12px}.small-gap{gap:8px;margin-top:10px}.mono{font-family:ui-monospace,Menlo,monospace;font-size:12px}.link-btn{color:#f87171;background:0 0;border:none;padding:0;font-size:13px}.label-edit{color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;max-width:240px;padding:4px 6px;font-size:15px;font-weight:700}.label-edit:hover{border-color:var(--border)}.label-edit:focus{border-color:var(--primary);background:var(--bg);outline:none}.apt-list{flex-direction:column;gap:12px;margin-top:14px;display:flex}.apt{border:1px solid var(--border);background:var(--bg);border-radius:10px;padding:12px}.apt-common{border-left:3px solid #a855f7}.apt-other{border-left:3px solid #f59e0b}.kind-select{background:var(--surface-2);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:6px 8px;font-size:13px}.tenant-box{border-top:1px dashed var(--border);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.chips{flex-wrap:wrap;gap:6px;margin:8px 0;display:flex}.chip{background:var(--surface-2);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;font-size:12px;display:inline-flex}.chip-x{color:var(--muted);background:0 0;border:none;padding:0;font-size:15px;line-height:1}.toast{z-index:50;color:#d1fae5;background:#065f46;border:1px solid #10b981;border-radius:8px;padding:10px 16px;font-size:14px;position:fixed;top:70px;right:24px}.import{flex-direction:column;gap:16px;display:flex}.import select,.import input{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:8px;padding:8px 10px}.import label{color:var(--muted);flex-direction:column;gap:5px;font-size:12px;display:flex}.filters{flex-wrap:wrap;gap:8px;margin:14px 0;display:flex}.filters .chip{border:1px solid var(--border);background:var(--bg);color:var(--muted);border-radius:999px;padding:6px 12px;font-size:13px}.filters .chip.act{background:var(--primary);border-color:var(--primary);color:#fff}.import-actions{align-items:center;gap:14px;display:flex}.import-log{background:var(--bg);border:1px solid var(--border);border-radius:8px;max-height:180px;margin-top:12px;padding:10px 12px;font-family:ui-monospace,monospace;font-size:13px;overflow:auto}.import-list{flex-direction:column;gap:10px;display:flex}.imp-row{padding:14px}.imp-row.attn{border-color:#f59e0b}.phase-inputs{grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px;display:grid}.single-input{max-width:340px;margin-top:12px}.hint{margin:6px 0 0}.summary-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.tile{padding:16px}.tile-accent{border-color:var(--primary)}.search{background:var(--surface);border:1px solid var(--border);width:100%;max-width:320px;color:var(--text);border-radius:8px;margin-bottom:4px;padding:9px 12px}tr.clickable{cursor:pointer}tr.clickable:hover td{background:var(--bg)}tr.row-warn td{background:#78350f22}.import input[type=file],.card input[type=file]{color:var(--text);font-size:14px}.done-chip{background:var(--surface-2);color:var(--muted);border-radius:999px;padding:4px 10px;font-size:12px}.hist-bar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding-bottom:12px;display:flex}.hist-title{margin-right:auto;font-size:16px;font-weight:700}.hist-select{background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:10px;padding:8px 12px;font-size:13px;font-weight:600}.hist-nav{background:var(--bg);border:1px solid var(--border);border-radius:10px;align-items:center;gap:4px;padding:3px;display:flex}.hist-nav button{color:var(--text);background:0 0;border:none;border-radius:8px;padding:4px 10px;font-size:18px;line-height:1}.hist-nav button:hover:not(:disabled){background:var(--surface-2)}.hist-nav button:disabled{color:var(--border);cursor:default}.hist-range{white-space:nowrap;padding:0 8px;font-size:13px;font-weight:600}.stat-pills{flex-wrap:wrap;gap:8px;margin:4px 0 14px;display:flex}.stat-pill{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:10px 16px;font-size:15px}.stat-pill strong{font-size:20px;font-weight:800}.muted-pill{color:var(--muted);align-items:center;font-size:13px;display:flex}.cat-tile{text-align:left;width:100%;font:inherit;color:inherit}.tile-click{cursor:pointer;transition:border-color .15s,background .15s}.tile-click:hover{border-color:var(--primary);background:var(--surface-2)}.cat-tiles{align-items:start}.tile-open{background:var(--surface-2);box-shadow:0 0 0 1px var(--primary) inset;border-color:var(--primary)!important}.tile-chart{background:var(--surface);border:1px solid var(--primary);border-radius:16px;grid-column:1/-1;padding:14px;animation:.18s ease-out tile-open}.tile-chart .card{background:0 0;border:none;padding:0}@keyframes tile-open{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:none}}.period-title{color:var(--text);align-items:center;gap:8px;margin:2px 0 10px;font-size:17px;font-weight:700;display:flex}.period-title:before{content:"📅";font-size:15px}.apt-rows{flex-direction:column;display:flex}.apt-row{border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left;background:0 0;justify-content:space-between;align-items:center;width:100%;padding:12px 6px;font-size:15px;display:flex}.apt-row:hover{background:var(--bg)}.apt-row.active{background:var(--bg);color:var(--text)}.apt-detail{background:var(--bg);border:1px solid var(--primary);border-radius:12px;margin:4px 0 10px;padding:12px 14px}.apt-detail .tbl td:first-child,.apt-detail .tbl th:first-child{width:32px}.apt-detail .tbl td:nth-child(2),.apt-detail .tbl th:nth-child(2){text-align:left}tr.row-sel td{background:#1e3a8a33}.dash-cols{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:16px;margin-top:16px;display:grid}.tile-foot{flex-wrap:wrap;align-items:center;gap:10px;margin-top:8px;display:flex}.trend{border-radius:999px;padding:2px 8px;font-size:12px;font-weight:700}.trend.up{color:#fdba74;background:#7c2d1233}.trend.down{color:#6ee7b7;background:#065f4633}.bars{flex-direction:column;gap:8px;margin-top:12px;display:flex}.bar-row{grid-template-columns:70px 1fr 60px;align-items:center;gap:10px;font-size:13px;display:grid}.bar-label{font-weight:600}.bar-track{background:var(--bg);border-radius:999px;height:10px;overflow:hidden}.bar-fill{background:var(--primary);border-radius:999px;height:100%;display:block}.bar-val{text-align:right;color:var(--muted)}.fin-rows{flex-direction:column;gap:6px;margin-top:10px;display:flex}.fin-rows>div{border-bottom:1px solid var(--border);justify-content:space-between;align-items:baseline;padding:6px 0;display:flex}.fin-rows strong{font-size:15px}.fin-rows .ok{color:#6ee7b7}.fin-rows .due{color:#fdba74}