:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#f4f6f8;color:#17202a;letter-spacing:0}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:#f4f6f8}button,input,select{font:inherit}.app-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#111827;color:#f9fafb;padding:18px 14px;display:flex;flex-direction:column;gap:22px}.brand{display:flex;align-items:center;gap:11px;min-height:48px;padding:0 8px}.brand strong,.brand span{display:block}.brand span{color:#a7b0bf;font-size:12px;margin-top:2px}nav{display:grid;gap:5px}.nav-item{border:0;color:#d1d5db;background:transparent;display:flex;align-items:center;gap:10px;width:100%;min-height:40px;padding:9px 10px;border-radius:7px;text-align:left;cursor:pointer}.nav-item:hover,.nav-item.active{color:#fff;background:#263244}.main{min-width:0;padding:22px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.topbar h1{margin:0;font-size:24px;line-height:1.2}.topbar p{margin:4px 0 0;color:#667085}.topbar-actions,.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px}.login-page{min-height:100vh;display:grid;place-items:center;padding:20px;background:#eef2f7}.login-panel,.panel{background:#fff;border:1px solid #d9e0e8;border-radius:8px;box-shadow:0 8px 24px #14213d12}.login-panel{width:min(420px,100%);padding:24px;display:grid;gap:16px}.login-title{display:flex;gap:12px;align-items:center}.login-title h1{margin:0;font-size:22px}.login-title p{margin:3px 0 0;color:#667085}.dashboard-grid{display:grid;gap:16px}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metric{min-height:92px;background:#fff;border:1px solid #d9e0e8;border-radius:8px;padding:14px;display:grid;gap:5px}.metric.neutral svg{color:#2563eb}.metric.good svg{color:#079455}.metric.warn svg{color:#dc6803}.metric.bad svg{color:#d92d20}.metric span{color:#667085;font-size:13px}.metric strong{font-size:26px}.ops-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.ops-item{background:#fff;border:1px solid #d9e0e8;border-radius:8px;padding:14px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px 16px}.ops-item span{color:#667085;font-size:13px}.ops-item strong{font-size:20px}.ops-item .progress-track{grid-column:1 / -1}.dashboard-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.8fr);gap:16px;align-items:start}.panel{min-width:0}.panel-header{min-height:58px;padding:14px 16px;border-bottom:1px solid #e7ecf2;display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-header h2{margin:0;font-size:17px}.panel-header span{display:block;color:#667085;font-size:12px;margin-top:2px}.panel-tools{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.search-box{width:min(260px,42vw);min-height:34px;display:flex;align-items:center;gap:8px;border:1px solid #cfd8e3;border-radius:7px;padding:0 9px;background:#fff}.search-box svg{color:#667085;flex:0 0 auto}.search-box input{border:0;min-height:32px;padding:0}.search-box input:focus{outline:0}.filter-select{width:auto;min-width:124px;min-height:34px}.resource-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:start}.resource-layout.has-side-panel{grid-template-columns:minmax(0,1fr) 340px}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse}th,td{padding:11px 12px;border-bottom:1px solid #edf1f5;text-align:left;white-space:nowrap;vertical-align:middle}th{color:#667085;font-size:12px;text-transform:uppercase;background:#f8fafc}td{font-size:14px}tbody tr{cursor:pointer}tbody tr:hover td,tbody tr.selected-row td{background:#f3f8ff}.actions-col{width:180px;text-align:right}.empty{color:#667085;text-align:center;padding:28px}.form-panel{padding-bottom:16px}.detail-panel{overflow:hidden}.detail-gauge{padding:16px;display:grid;gap:12px;border-bottom:1px solid #edf1f5}.detail-gauge>div{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.detail-gauge strong{font-size:30px;line-height:1;overflow-wrap:anywhere}.detail-gauge span{color:#667085}.detail-list{margin:0;padding:8px 16px 16px;display:grid;gap:0}.detail-list div{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;padding:10px 0;border-bottom:1px solid #edf1f5}.detail-list div:last-child{border-bottom:0}.detail-list dt{color:#667085;font-size:12px}.detail-list dd{margin:0;min-width:0;overflow-wrap:anywhere}.tank-list{display:grid}.tank-line{min-height:64px;padding:12px 16px;display:grid;grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) auto;gap:14px;align-items:center;border-bottom:1px solid #edf1f5}.tank-line:last-child{border-bottom:0}.tank-line strong,.tank-line span{display:block}.tank-line span{color:#667085;font-size:12px;margin-top:3px}.tank-level{display:grid;grid-template-columns:minmax(0,1fr) 42px;gap:9px;align-items:center}.progress-track{height:8px;background:#e7ecf2;border-radius:999px;overflow:hidden}.progress-fill{display:block;height:100%;border-radius:inherit}.progress-fill.good{background:#12b76a}.progress-fill.warn{background:#f79009}.progress-fill.bad{background:#f04438}.form-panel label,.login-panel label{display:grid;gap:6px;color:#344054;font-size:13px}.form-panel label{margin:12px 16px}input,select{width:100%;min-height:38px;border:1px solid #cfd8e3;border-radius:7px;padding:8px 10px;background:#fff;color:#17202a}input:focus,select:focus{outline:2px solid #93c5fd;border-color:#2563eb}.primary-button,.text-button,.icon-button{border:0;border-radius:7px;cursor:pointer;min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.primary-button{background:#2563eb;color:#fff;padding:0 14px;font-weight:650}.primary-button.compact{min-height:34px}.text-button{background:#fff;color:#17202a;border:1px solid #d9e0e8;padding:0 12px}.icon-button{width:34px;background:#eef2f7;color:#1f2937}.icon-button:hover,.text-button:hover{background:#e2e8f0}.icon-button.danger{color:#b42318;background:#fff1f0}.banner{background:#eff6ff;border:1px solid #bfdbfe;color:#1d4ed8;border-radius:8px;padding:10px 12px;margin-bottom:12px}.banner.error{background:#fff1f0;border-color:#fecaca;color:#b42318}.banner.good{background:#ecfdf3;border-color:#bbf7d0;color:#027a48}.status{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;border-radius:999px;font-size:12px;font-weight:650}.status.good{color:#027a48;background:#ecfdf3}.status.warn{color:#b54708;background:#fffaeb}.status.bad{color:#b42318;background:#fff1f0}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static}nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.ops-strip,.dashboard-columns,.resource-layout{grid-template-columns:1fr}.search-box{width:100%}}@media(max-width:560px){.main{padding:12px}.topbar{align-items:flex-start;flex-direction:column}nav,.metrics,.panel-tools{grid-template-columns:1fr}.panel-tools,.topbar-actions{width:100%;justify-content:stretch}.panel-tools>*,.topbar-actions>*{flex:1}.tank-line{grid-template-columns:1fr}}.billing-layout,.map-layout{display:flex;flex-direction:column;gap:16px}.map-panel{overflow:hidden}.site-map-frame{width:100%;height:420px;border:0;border-radius:12px;background:#e8eef5}.map-empty{padding:48px 24px;text-align:center;color:#64748b;background:#f8fafc;border-radius:12px;border:1px dashed #cbd5e1}.map-row-clickable{cursor:pointer}.map-row-clickable:hover{background:#f8fafc}.map-row-active{background:#eff6ff}.billing-company-picker label{display:flex;align-items:center;gap:12px;font-weight:600}.billing-company-picker select{padding:8px 10px;border:1px solid #d5dbe3;border-radius:8px;background:#fff}.billing-period{margin:0 0 14px;color:#5d6b7c;font-size:13px}.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px}.plan-card{border:1px solid #e2e7ee;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:8px;background:#fbfcfe}.plan-card.current{border-color:#16a34a;box-shadow:0 0 0 1px #16a34a33}.plan-card h3{margin:0;font-size:16px}.plan-card strong{font-size:15px;color:#0b5cd6}.plan-card p{margin:0;color:#5d6b7c;font-size:12.5px;min-height:32px}.plan-card ul{margin:0;padding-left:18px;color:#3d4a5c;font-size:12.5px;display:flex;flex-direction:column;gap:3px}.plan-card .status,.plan-card .primary-button{margin-top:auto;align-self:flex-start}.settings-layout{display:flex;flex-direction:column;gap:16px}.settings-section{margin:0}.settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:14px 18px;padding:16px 18px 20px}.settings-field{display:flex;flex-direction:column;gap:6px;font-size:13px}.settings-field span{font-weight:600;color:#2a3544}.settings-field input[type=text],.settings-field input[type=password],.settings-field input[type=number]{padding:10px 12px;border:1px solid #d5dde8;border-radius:8px;background:#fff}.settings-field small{color:#6b7a8f;font-size:11.5px}.settings-actions{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px;padding-top:4px}.settings-note{margin:0;padding:12px 16px;font-size:12.5px;color:#5a6778;background:#f4f7fb;border-radius:10px}.settings-note code{background:#e8eef6;padding:2px 6px;border-radius:4px;font-size:12px;margin:0 4px}.settings-provider-card{grid-column:1 / -1;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;padding:14px;border:1px solid #e2e8f0;border-radius:10px;background:#fafbfd}.settings-provider-card strong{grid-column:1 / -1;font-size:14px;color:#2a3544}.settings-inline-note{grid-column:1 / -1;margin:0;font-size:12.5px;color:#5a6778}