*{box-sizing:border-box} :root{--ink:#17382e;--muted:#718179;--green:#146f54;--green-dark:#0c533d;--lime:#d7efbe;--line:#e4ebe6;--bg:#f5f7f4;--white:#fff;--radius:20px} body{margin:0;color:var(--ink);background:var(--bg);font:15px/1.55 "Segoe UI",system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #6fbe98;outline-offset:3px}h1,h2,h3,p{margin:0}h1{font-size:clamp(27px,2.6vw,39px);font-weight:650;line-height:1.18;letter-spacing:-1.3px;margin:8px 0 12px}h2{font-size:19px;letter-spacing:-.4px;font-weight:650}h3{font-size:16px}p+p{margin-top:10px}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.6}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:34px 22px;z-index:10}.brand{display:flex;align-items:center;gap:11px;font-size:19px;font-weight:750;white-space:nowrap}.brand-symbol{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:12px;background:var(--green);color:#d7efbe;font-size:29px;line-height:1}.brand-light{font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:1.2px;font-weight:600;color:var(--muted);margin-top:3px}.sidebar nav{display:grid;gap:6px;margin-top:56px}.sidebar nav a{padding:12px 14px;border-radius:11px;color:#728078;font-size:14px;display:flex;gap:13px;align-items:center}.sidebar nav a span{width:18px;font-size:21px;line-height:1}.sidebar nav a[aria-current],.sidebar nav a:hover{background:#eaf3e9;color:var(--green);font-weight:650}.sidebar-bottom{margin-top:auto;display:grid;gap:16px;color:var(--muted);font-size:12px;padding:20px 10px 0}.local-note{font-size:10px;border-top:1px solid var(--line);padding-top:16px}.text-button{background:none;border:0;padding:0;color:var(--green);cursor:pointer;text-align:left}.main{margin-left:232px;max-width:1680px;padding:0 44px 30px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);margin-bottom:34px}.account{font-size:12px;display:flex;align-items:center;gap:8px}.status-dot{display:inline-block;height:6px;width:6px;border-radius:50%;background:#75a86b}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:30px}.button{border:1px solid transparent;min-height:46px;padding:11px 20px;background:var(--green);color:#fff;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:600;font-size:13px;cursor:pointer;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:var(--green-dark);transform:translateY(-1px)}.button.secondary{background:#fff;border-color:#dce5de;color:var(--ink)}.button.secondary:hover{background:#edf3ed}.button.danger{background:#a73e32}.button.full{width:100%}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);min-width:0}.card-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.badge{font-size:10px;border-radius:7px;background:#f0f4ee;color:#6c7a6e;padding:4px 9px;white-space:nowrap}.overview-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(245px,1fr);gap:22px}.tank-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;min-width:0}.tank-card{padding:22px 23px 16px}.tank-card h2{font-size:16px}.tank-visual{height:200px;position:relative;width:150px;margin:18px auto 12px;padding-top:15px}.tank-valve{position:absolute;top:0;left:60px;width:30px;height:23px;border:6px solid #cad7cd;border-bottom:0;border-radius:7px 7px 0 0}.tank-valve:before{content:"";position:absolute;top:0;left:3px;right:3px;height:3px;background:#9fb6a6}.tank-body{position:relative;z-index:1;border:2px solid #c8d8cc;background:#eef3ed;width:150px;height:165px;overflow:hidden;border-radius:42% 42% 32% 32% / 21% 21% 16% 16%;box-shadow:inset 6px 0 12px #dae4db80}.tank-liquid{position:absolute;bottom:0;width:100%;background:linear-gradient(100deg,#b4d993,#d4ebb9);border-top:2px solid #9bc881;min-height:2px}.tank-liquid:before{content:"";position:absolute;top:-7px;left:-10px;width:170px;height:13px;border-radius:50%;background:#c7e5a9bb}.tank-percent{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:3px;font-size:34px;letter-spacing:-2px;font-weight:650;color:#264d31;text-shadow:0 1px 3px #fff7}.tank-percent small{font-size:17px;letter-spacing:0;padding-top:8px}.tank-gridlines{position:absolute;inset:28px 19px;background:repeating-linear-gradient(0deg,transparent 0 24px,#b6cbb761 24px 25px);opacity:.5}.tank-scale{position:absolute;right:8px;top:30px;font-size:8px;line-height:45px;color:#6c8c73}.tank-feet{position:absolute;left:30px;bottom:9px;right:30px;height:17px;border-left:12px solid #bfd0c3;border-right:12px solid #bfd0c3}.tank-summary{display:flex;align-items:end;justify-content:space-between;gap:8px}.tank-summary strong{display:block;font-size:25px;letter-spacing:-.8px;white-space:nowrap}.tank-summary strong small{font-size:13px;color:var(--muted);font-weight:500}.method{border-top:1px solid var(--line);padding-top:11px;margin-top:13px;font-size:10px;min-height:39px}.meter-card{padding:27px 28px;background:#edf3e8;display:flex;flex-direction:column}.meter-card h2{font-size:16px;margin-top:8px}.meter-digits{font-size:clamp(26px,2.6vw,42px);font-variant-numeric:tabular-nums;letter-spacing:-1.5px;font-weight:650;white-space:nowrap;margin:22px 0 4px}.meter-digits small{font-size:15px;letter-spacing:0;margin-left:8px;color:#6d7f69;font-weight:400}hr{border:0;border-top:1px solid #dce5d6;margin:23px 0}.metric-number{font-size:30px;letter-spacing:-1px;line-height:1.5;font-weight:650;font-variant-numeric:tabular-nums}.metric-number small{font-size:15px;color:var(--muted);font-weight:400;letter-spacing:0}.derived{font-size:13px;color:#5e775a}.meter-bottom{margin-top:auto;padding-top:24px;display:grid;gap:3px}.summary-strip{display:grid;grid-template-columns:1fr 1fr 1.5fr;background:#fff;border:1px solid var(--line);border-radius:16px;margin:24px 0;padding:23px 25px}.summary-strip>div{padding:0 23px;border-right:1px solid var(--line)}.summary-strip>div:first-child{padding-left:0}.summary-strip>div:last-child{border:0}.summary-strip .muted{font-size:11px;display:block;margin-bottom:5px}.summary-strip strong{font-size:24px;letter-spacing:-.7px;display:block;font-weight:600}.summary-strip strong small{font-size:11px;color:var(--muted);font-weight:400;letter-spacing:0}.summary-strip .date-range{font-size:16px;margin-top:10px}.chart-card{padding:27px 28px}.chart-card h2{margin-top:4px}.text-link{color:var(--green);font-size:12px;font-weight:600}.chart-controls{display:flex;align-items:center;gap:4px;margin:24px 0 8px}.chart-tab{border:0;background:transparent;color:var(--muted);font-size:12px;padding:8px 12px;border-radius:7px;cursor:pointer;min-height:38px}.chart-tab.active{background:#eaf2e6;color:var(--green);font-weight:600}.chart-controls>span{margin-left:auto;font-size:10px}.chart-wrap{position:relative;height:260px;width:100%}canvas{display:block;width:100%;height:260px}.chart-caption{font-size:10px;margin-top:16px;max-width:850px}.chart-empty{position:absolute;inset:45% 0 auto;text-align:center;color:var(--muted)}.chart-tooltip{position:absolute;pointer-events:none;background:#123c2eea;color:#fff;padding:8px 11px;border-radius:8px;font-size:11px;display:none;white-space:nowrap}.helper-row{display:flex;gap:20px;align-items:center;justify-content:space-between;margin:30px 0;padding:0 6px}.helper-row p{font-size:12px;margin-top:4px}.helper-row strong{font-size:15px}.footer{margin-top:48px;border-top:1px solid var(--line);padding-top:20px;color:#98a39a;font-size:10px;display:flex;justify-content:space-between;gap:15px}.notice{padding:15px 18px;margin-bottom:22px;border:1px solid #d8e4d2;border-radius:12px;background:#eef5e9;font-size:13px;overflow-wrap:anywhere}.notice.error{border-color:#e9c8be;background:#fff0eb;color:#944b35}.warning{color:#a26b20}.notice.warning{border-color:#ebdfc2;background:#fff9ea}.form-layout{display:grid;grid-template-columns:minmax(0,650px) minmax(220px,1fr);gap:32px;align-items:start}.form-card{padding:28px}.form-card h2{margin-bottom:14px}.form-card p{margin-bottom:19px}.form-card p.muted{margin-bottom:24px}.form-card label{display:block;font-size:12px;font-weight:600;margin-bottom:7px}.form-card input:not([type=checkbox]),.form-card textarea,.form-card select,.danger-zone input{width:100%;max-width:100%;border:1px solid #d6e0d8;border-radius:9px;background:#fbfcfa;padding:11px 13px;color:var(--ink);min-height:46px}.form-card textarea{resize:vertical}.form-card input[type=file]{padding:12px;font-size:12px;cursor:pointer}.form-card input[type=file]::file-selector-button{background:var(--green);color:#fff;border:0;border-radius:6px;padding:8px 10px;margin-right:10px;cursor:pointer}.helptext{font-size:11px;color:var(--muted)}.errorlist{list-style:none;margin:8px 0;padding:10px 12px;border-radius:8px;background:#fff0eb;color:#a33e2f;font-size:12px}.tips-card{padding:25px 10px}.tips-card h2{margin-top:12px}.tips-card ol{padding-left:20px;color:var(--muted);font-size:13px;line-height:2.3;margin:20px 0}.tips-card .text-link{display:block;margin-top:24px}.wizard-progress{display:flex;gap:8px;margin:27px 0}.wizard-progress span{font-size:11px;padding:7px 10px;flex:1;text-align:center;border-radius:7px;background:#f1f4ee;color:#8d9a8c}.wizard-progress span.active{background:#dff0d3;color:var(--green);font-weight:600}.photo-step{text-align:center;padding:22px 0}.photo-step h2{margin:12px 0}.photo-step p{font-size:12px}.photo-symbol{font-size:40px;width:85px;height:85px;background:#f0f6eb;margin:auto;border-radius:24px;color:var(--green);display:grid;place-items:center}.photo-upload{border:1px dashed #bacfb8;background:#f7faf4;padding:16px;border-radius:14px;margin-top:24px}.local-preview{width:100%;max-height:220px;object-fit:contain;border-radius:8px;margin-top:15px}.wizard-buttons{display:flex;gap:12px;justify-content:flex-end;margin-top:15px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-bottom:28px}.photo-review{padding:20px}.photo-review h2,.photo-review h3{margin-bottom:15px}.photo-review img{display:block;width:100%;height:200px;object-fit:contain;background:#f3f5ef;border-radius:10px}.recognition{padding-top:18px}.recognition .eyebrow{font-size:8px}.recognition strong{display:block;font-size:28px;margin:8px 0}.narrow{max-width:680px;margin-bottom:22px}.filter-form{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:12px}.filter-form select{border:1px solid var(--line);padding:10px;border-radius:8px;background:white;color:var(--ink);min-height:44px}.table-scroll{overflow-x:auto;border-radius:var(--radius);width:100%}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap;text-align:left}th{font-size:10px;color:var(--muted);font-weight:600;background:#fafbf8;padding:16px 20px}td{padding:16px 20px;border-top:1px solid #edf0e9}td p{white-space:normal;min-width:200px}.number{font-variant-numeric:tabular-nums;font-weight:650}.empty-state{text-align:center;padding:50px 25px;color:var(--muted);white-space:normal}.empty-state a{color:var(--green);text-decoration:underline}.pagination{display:flex;gap:25px;justify-content:center;font-size:12px;margin:25px 0}.pagination a{color:var(--green)}.detail-card{padding:25px;margin-bottom:25px;overflow-wrap:anywhere}.detail-card p{margin:8px 0}h2+.card{margin-top:18px}details{margin:14px 0;font-size:12px}summary{cursor:pointer;min-height:34px;display:list-item}pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11px;max-width:100%;background:#f3f6ef;padding:15px;border-radius:8px}.revision-content{display:grid;grid-template-columns:1fr 1fr;gap:15px}.revision-content>div{min-width:0}.danger-zone{max-width:680px;margin-top:35px;color:#944b35}.danger-zone input{margin:10px 0}.delivery-list{display:grid;gap:17px}.delivery-card{padding:25px;display:grid;grid-template-columns:1.5fr 1fr auto;gap:20px;align-items:center}.delivery-card details{grid-column:1/-1;margin:0}.delivery-card .small{max-width:600px}.import-link{display:flex;justify-content:space-between;gap:20px;padding:20px 25px;margin-top:12px;font-size:12px}.import-link span{color:var(--muted)}.status-counts{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.sticky-action{position:sticky;bottom:15px;padding:18px 20px;background:#fffffff2;backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:14px;margin:20px 0;display:flex;gap:20px;align-items:center;box-shadow:0 5px 20px #1a372b0a}.inline-check{display:flex;gap:8px;align-items:center;font-size:11px;max-width:300px;white-space:normal}.inline-check input{width:20px;height:20px;flex:none}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.settings-grid .form-card>h3{margin-top:30px}.auth-main{max-width:500px;margin:9vh auto;padding:20px}.login-card{padding:40px;background:white;border:1px solid var(--line);border-radius:25px}.brand-symbol.large{width:60px;height:60px;font-size:40px;border-radius:18px;margin-bottom:25px}.login-card h1{font-size:44px;margin:15px 0 22px}.login-card>.muted{font-size:14px;margin-bottom:30px}.login-card .small{margin-top:18px}.login-card .button{margin-top:12px}.skip{position:absolute;left:0;top:-100px;padding:15px;background:var(--green);color:#fff;z-index:100}.skip:focus{top:0}[hidden]{display:none!important}
@media(min-width:1500px){.main{padding:0 60px 30px}.tank-visual{margin-top:25px;margin-bottom:20px}.overview-grid{grid-template-columns:1.8fr 1fr}}
@media(max-width:1150px){.sidebar{width:195px;padding:30px 16px}.brand{font-size:16px;gap:8px}.brand-symbol{width:33px;height:36px}.main{margin-left:195px;padding:0 25px 25px}.overview-grid{grid-template-columns:minmax(0,1fr)}.meter-card{display:grid;grid-template-columns:1fr 1fr;column-gap:25px;padding:24px}.meter-card .eyebrow,.meter-card h2,.meter-digits,.meter-card>p{grid-column:1}.meter-card hr{display:none}.meter-card>span.small{grid-column:2;grid-row:1/3}.meter-card>.metric-number{grid-column:2;grid-row:3}.meter-card>.derived{grid-column:2;grid-row:4}.meter-bottom{grid-column:1/-1;padding-top:15px;display:flex;justify-content:space-between}.meter-digits{margin:12px 0 4px;font-size:34px}.summary-strip{grid-template-columns:1fr 1fr}.summary-strip>div:last-child{grid-column:1/-1;border-top:1px solid var(--line);padding:14px 0 0;margin-top:14px}.summary-strip>div:nth-child(2){border:0}.form-layout{grid-template-columns:1fr}.tips-card{padding:10px}.review-grid{gap:12px}.photo-review{padding:15px}.photo-review img{height:160px}.settings-grid{grid-template-columns:1fr}}
@media(max-width:700px){body{font-size:14px}.sidebar{position:sticky;top:0;width:100%;height:auto;padding:12px 18px 0;border-right:0;border-bottom:1px solid var(--line);background:#fffffff7;backdrop-filter:blur(12px)}.brand{font-size:18px}.brand small{font-size:6px}.sidebar nav{display:flex;justify-content:space-between;margin:13px -5px 0;gap:2px}.sidebar nav a{font-size:10px;padding:9px 8px;border-radius:8px 8px 0 0;gap:5px;min-height:41px}.sidebar nav a span{font-size:16px;width:15px}.sidebar-bottom{position:absolute;right:18px;top:18px;margin:0;padding:0;display:flex;gap:12px;font-size:10px}.sidebar-bottom>a:first-child,.sidebar-bottom form,.local-note{display:none}.main{margin:0;padding:0 17px 25px}.topbar{padding:17px 0;margin-bottom:23px}.topbar .eyebrow{font-size:8px;letter-spacing:1px}.topbar .muted{display:none}.account{font-size:10px}.page-heading{align-items:start;gap:15px;flex-wrap:wrap;margin-bottom:22px}.page-heading>div{width:100%}.page-heading>.button{width:100%;min-height:47px}.page-heading h1{letter-spacing:-.8px}.page-heading p{font-size:12px}.overview-grid{gap:15px}.tank-grid{gap:12px}.tank-card{padding:16px 12px 12px;border-radius:16px}.tank-card h2{font-size:13px}.tank-card .badge{font-size:8px;padding:3px 5px}.tank-visual{transform:scale(.83);transform-origin:center center;width:150px;height:185px;margin:4px auto 0;max-width:100%}.tank-body{width:100%}.tank-valve{left:calc(50% - 15px)}.tank-summary{display:block}.tank-summary strong{font-size:23px}.tank-summary>.small{font-size:10px;display:block;margin-top:3px}.tank-summary .muted.small{font-size:10px}.method{font-size:8px;line-height:1.5;padding-top:10px;margin-top:10px;min-height:34px}.meter-card{padding:20px;border-radius:16px;column-gap:10px}.meter-card h2{font-size:13px}.meter-card .eyebrow{font-size:8px}.meter-digits{font-size:26px;letter-spacing:-1px}.meter-digits small{font-size:11px;margin-left:5px}.meter-card .metric-number{font-size:24px}.meter-card .derived{font-size:11px}.meter-card .meter-bottom{font-size:10px}.meter-card .small{font-size:10px}.summary-strip{margin:16px 0;padding:18px}.summary-strip>div{padding:0 14px}.summary-strip .muted{font-size:10px}.summary-strip strong{font-size:22px}.summary-strip .date-range{font-size:14px}.chart-card{padding:19px 16px;border-radius:16px}.chart-card .card-heading{align-items:start}.chart-card h2{font-size:16px}.chart-card .text-link{font-size:10px;max-width:90px;text-align:right}.chart-controls{margin:18px 0 5px;flex-wrap:wrap}.chart-controls>span{width:100%;margin:5px 0 0;font-size:9px}.chart-tab{font-size:11px;padding:7px 10px}.chart-wrap,canvas{height:230px}.helper-row{align-items:start;margin-top:24px;flex-direction:column;gap:15px}.helper-row .button{width:100%}.footer{margin-top:32px;flex-direction:column;gap:5px;font-size:9px}.form-card{padding:21px 18px;border-radius:16px}.form-layout{gap:15px}.wizard-progress{gap:4px}.wizard-progress span{font-size:9px;padding:8px 4px}.photo-step{padding:14px 0}.review-grid{grid-template-columns:1fr}.photo-review{display:grid;grid-template-columns:110px 1fr;gap:12px;padding:15px}.photo-review h2,.photo-review h3{grid-column:1/-1;margin:0;font-size:15px}.photo-review img{height:110px;width:110px}.recognition{padding-top:3px}.recognition strong{font-size:24px;margin:4px 0}.recognition .small{font-size:10px}.filter-form{gap:8px;flex-wrap:wrap}.filter-form label{width:100%;font-size:10px}.filter-form select{flex:1;min-width:0}.detail-card{padding:20px}.delivery-card{grid-template-columns:1fr;padding:20px;gap:12px}.delivery-card details{grid-column:1}.delivery-card .metric-number{font-size:27px}.import-link{display:grid;gap:7px;padding:17px}.sticky-action{flex-direction:column;gap:10px;padding:14px}.sticky-action .button{width:100%;font-size:11px}.sticky-action .small{font-size:10px}.revision-content{grid-template-columns:1fr}.auth-main{padding:16px;margin:5vh auto}.login-card{padding:30px 25px}.login-card h1{font-size:39px}.auth-main .footer{line-height:1.7}th,td{padding:13px 15px}.tips-card ol{margin:12px 0}.notice{font-size:11px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Responsive navigation and compact-screen layout */
@media(max-width:700px){
  body{padding-bottom:calc(70px + env(safe-area-inset-bottom))}
  .sidebar{position:fixed;inset:auto 0 0;width:100%;height:auto;padding:7px 8px calc(7px + env(safe-area-inset-bottom));border:0;border-top:1px solid var(--line);box-shadow:0 -8px 26px #17382e0d;background:#ffffffed;backdrop-filter:blur(16px)}
  .sidebar>.brand,.sidebar-bottom{display:none}
  .sidebar nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;margin:0}
  .sidebar nav a{min-height:52px;padding:5px 2px;border-radius:11px;display:flex;flex-direction:column;justify-content:center;gap:2px;font-size:9px;line-height:1.2;text-align:center}
  .sidebar nav a span:first-child{width:auto;font-size:19px;line-height:1.1}
  .sidebar nav a .nav-label{font-size:9px}
  .main{padding-bottom:20px}
}

/* Whole application theme from UI/wlasniwy.jpg: cool canvas, white cards, deep teal. */
:root{--ink:#162724;--muted:#677873;--green:#104c46;--green-dark:#0b3e39;--lime:#bfe6d0;--line:#e9eceb;--bg:#f3f3f5;--white:#fff;--radius:15px}
body{background:#f3f3f5;color:#162724}
.sidebar{background:#f3f3f5;border-right:1px solid #e4e7e6;box-shadow:none}
.brand-symbol{background:#104c46;color:#d9eee5;box-shadow:none}
.brand small,.muted,.small.muted{color:#677873}
.sidebar nav a{color:#52625e}
.sidebar nav a[aria-current],.sidebar nav a:hover{background:#e1eeea;color:#104c46}
.sidebar nav a[aria-current]{box-shadow:inset 3px 0 #104c46}
.sidebar-bottom{color:#52625e}
.main{max-width:1600px}
.topbar{border-color:#e1e5e3;color:#52625e}
.topbar .eyebrow{color:#52625e}
.account{color:#304440}
.status-dot{background:#36a981;box-shadow:0 0 0 4px #36a98120}
.page-heading:not(.dashboard-hero){padding:19px 22px;margin-bottom:19px;border:0;border-radius:16px;background:#fff;box-shadow:0 3px 12px #1a312b0a}
.page-heading:not(.dashboard-hero) h1{color:#162724;font-size:clamp(27px,2.6vw,36px);letter-spacing:-1.1px}
.page-heading:not(.dashboard-hero) p{color:#677873}
.eyebrow{color:#526a63}
.button{background:#104c46;color:#fff;border-radius:9px;box-shadow:none}
.button:hover{background:#0b3e39}
.button.secondary{background:#fff;border:1px solid #dfe5e2;color:#174c45;box-shadow:none}
.button.secondary:hover{background:#edf4f1}
.button.danger{background:#b64446;color:#fff}
.card,.summary-strip,.form-card,.login-card{border:0;border-radius:15px;background:#fff;box-shadow:0 3px 12px #1a312b0b}
.card-heading h2,h2{color:#162724}
.badge{background:#edf2ef;color:#52645e}
.text-link,.pagination a,.empty-state a{color:#10584e}
.filter-form{padding:12px 14px;border:0;border-radius:13px;background:#fff;color:#304440;box-shadow:0 3px 12px #1a312b0a}
.filter-form select,.form-card input:not([type=checkbox]),.form-card textarea,.form-card select,.danger-zone input{background:#fafbfa;border-color:#dfe5e2;color:#162724;border-radius:9px}
.form-card{padding:26px}
.form-card label{color:#304440}
.helptext,.small.muted{color:#677873}
.notice{border:0;border-radius:12px;background:#e5f1eb;color:#28584e}
.notice.warning{background:#faf0dc;color:#765421}
.notice.error{background:#f8e8e5;color:#873d32}
.table-scroll{border:0;border-radius:14px;background:#fff;box-shadow:0 3px 12px #1a312b0a}
table{color:#263b37}
th{background:#f7f8f8;color:#667873}
td{border-color:#edf0ef}
tr:hover td{background:#f8faf9}
.empty-state{color:#657570}
.pagination{color:#566863}
details{color:#435852}
summary{color:#104c46;font-weight:600}
pre{background:#f5f7f6;color:#304440;border:1px solid #e3e9e6;border-radius:10px}
.detail-card{background:#fff}
.delivery-card{background:#fff;border-left:3px solid #42a889}
.delivery-card .metric-number{color:#104c46}
.settings-grid .form-card:nth-child(2n){background:#fff}
.status-counts .badge{background:#edf2ef}
.sticky-action{background:#ffffffed;border-color:#e2e8e5;box-shadow:0 5px 22px #183b3015}
.helper-row{background:#fff;border-color:#e7ebe9}
.footer{border-color:#e0e5e3;color:#657570}
.footer span{color:#74817d}
.chart-card{background:#fff;border:0}
.chart-card .eyebrow{color:#526a63}
.chart-card h2{color:#162724}
.chart-controls{background:#f2f4f3}
.chart-tab{color:#62736d}
.chart-tab.active{background:#104c46;color:#fff}
.chart-caption{color:#677873}
.login-card{background:#fff}
.auth-main .footer{border-top-color:#e1e5e3}
.tank-card{background:#fff;border:0}
.tank-card:before{background:#43ad8c}
.tank-heading-meta .badge{background:#f0f3f2;color:#52645e}
.tank-heading-meta .tank-active-badge{background:#dff2e9;color:#13694f}
.tank-reading{border-color:#fff;background:#ffffffed;box-shadow:0 3px 12px #173b301d}
.tank-reading strong{color:#104c46}
.tank-summary>div:before{background:#43ad8c}
.tank-role.active{color:#14745b}
.tank-forecast{background:#eaf4ef;border:0;color:#365e50}
.monthly-card{background:#104c46;border:0;color:#fff}
.monthly-card:after{border-color:#ffffff1c;box-shadow:0 0 0 23px #ffffff08,0 0 0 49px #ffffff05}
.monthly-card h2{color:#fff}
.monthly-card .eyebrow{color:#b9d8ce}
.monthly-main strong{color:#fff}
.monthly-main strong small,.monthly-main>span,.monthly-card>p.small{color:#c8ded6}
.monthly-card .month-comparisons li{border-color:#ffffff25;color:#fff}
.monthly-card .month-comparisons li small,.monthly-card .comparison-empty{color:#c8ded6}
.monthly-card .monthly-history-link{color:#d4eee2;border-color:#ffffff25}
.chart-controls{border-radius:10px}
.chart-tab.active{background:#104c46;color:#fff}
.dashboard-hero.page-heading{background:#fff;border:0;border-radius:16px;box-shadow:0 3px 12px #1a312b0a}
.dashboard-hero h1{color:#162724}
.dashboard-hero .eyebrow{color:#526a63}
.dashboard-hero p{color:#677873}
.dashboard-hero .button{background:#104c46;color:#fff}
.hero-status-dot{background:#36a981;box-shadow:0 0 0 4px #36a98120}
.hero-settings{color:#405b53}
.hero-settings-icon{background:#f3f6f5;border-color:#e1e8e4;color:#104c46}
.hero-orbit{display:none}
@media(max-width:700px){
  body{background:#f3f3f5}
  .sidebar{background:#ffffffed;border-top:1px solid #e2e8e5;box-shadow:0 -3px 16px #1a312b0d}
  .sidebar nav a[aria-current]{box-shadow:none;background:#e1eeea}
  .topbar{background:transparent}
  .page-heading:not(.dashboard-hero){padding:16px;margin-bottom:14px;border-radius:14px}
  .page-heading:not(.dashboard-hero) h1{font-size:26px}
  .filter-form{padding:11px;border-radius:12px}
  .form-card{padding:19px 16px}
  .sticky-action{background:#ffffffed}
  .table-scroll{border-radius:13px}
}

/* Unified dashboard system: warm mineral canvas, jade controls, terracotta focus. */
body{background:#eff0e7;color:#233c37}
.main{max-width:1580px;padding-left:clamp(24px,3.4vw,56px);padding-right:clamp(24px,3.4vw,56px)}
.dashboard-hero.page-heading{min-height:0;padding:21px 25px;margin:0 0 18px;border:1px solid #d9e0d1;border-radius:14px;background:#e4eadb;box-shadow:none}
.dashboard-hero .eyebrow{color:#667768}
.dashboard-hero h1{font-size:29px;color:#233c37;letter-spacing:-1px}
.dashboard-hero p{color:#66786f}
.dashboard-hero .button{background:#174d42;box-shadow:none}
.dashboard-hero .button:hover{background:#0d6959}
.overview-grid{grid-template-columns:minmax(0,1fr);gap:15px}
.overview-grid .monthly-card{order:-1;min-height:0;display:grid;grid-template-columns:minmax(190px,.72fr) minmax(220px,1fr) minmax(200px,1fr);grid-template-rows:auto 1fr auto;align-items:start;column-gap:26px;row-gap:5px;padding:20px 24px;border:0;border-radius:14px;background:#193f3b;color:#f5f0df;box-shadow:0 9px 25px #173d3522}
.monthly-card:after{width:190px;height:190px;right:22%;top:-110px;border-color:#d1d9a924;box-shadow:0 0 0 23px #d1d9a90a,0 0 0 49px #d1d9a907}
.monthly-card .eyebrow{grid-column:1/-1;color:#c4cda5}
.monthly-card h2{grid-column:1;grid-row:2;margin:4px 0;color:#fff7e5;font-size:17px}
.monthly-card .monthly-main{grid-column:2;grid-row:2 / span 2;margin:0;align-self:center}
.monthly-main strong{color:#f2b17b;font-size:clamp(34px,3vw,43px)}
.monthly-main strong small,.monthly-main>span{color:#d0ded0}
.monthly-card>p.small{grid-column:1;grid-row:3;color:#d0ded0}
.monthly-card .comparison-title{grid-column:3;grid-row:2;margin:2px 0 0;color:#d7e2d4}
.monthly-card .month-comparisons{grid-column:3;grid-row:3;margin:0;width:100%}
.monthly-card .month-comparisons li{padding:5px 0;border-color:#ffffff24;color:#f5f0df}
.monthly-card .month-comparisons li small,.monthly-card .comparison-empty{color:#c4d0c5}
.monthly-card .monthly-history-link{grid-column:1/-1;border-top:1px solid #ffffff24;padding-top:9px;color:#f2b17b}
.tank-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.tank-card{padding:16px 19px 14px;border:1px solid #d9e0d4;border-radius:14px;background:#fafaf4;box-shadow:0 5px 15px #1a38290a}
.tank-card:before{top:17px;bottom:17px;width:3px}
.tank-card h2{color:#253f39;font-size:15px}
.tank-heading-meta .badge{background:#edf0e6;color:#697766}
.tank-heading-meta .tank-active-badge{background:#dcece1;color:#19745e}
.tank-visual{max-width:360px;margin:6px auto 0}
.tank-reading{border-color:#d3dfd1;background:#fbfcf4;box-shadow:0 3px 12px #203c3022}
.tank-reading strong{color:#167762}
.tank-summary>div:before{background:#d77a4c}
.tank-summary strong{color:#263e38}
.tank-control,.tank-card .method{border-color:#e4e8de}
.tank-role.active{color:#18816a}
.tank-forecast{background:#edf2e5;border-color:#dce5d4;color:#4e6a57}
.chart-card{margin-top:15px;padding:23px 25px;border:1px solid #d9e0d4;border-radius:14px;background:#fafaf4;box-shadow:0 5px 15px #1a38290a}
.chart-card .eyebrow{color:#8b7157}
.chart-card h2{color:#243f39}
.chart-controls{background:#ecefe5}
.chart-tab.active{background:#1b5549;color:#f8f2e4}
.chart-caption{color:#79847a}
.helper-row{margin:14px 0 0;padding:15px 18px;border:1px solid #d9e0d4;border-radius:14px;background:#e5e9dc}
.helper-row strong{color:#23433b}
.helper-row .button.secondary{background:#fafaf4;border-color:#d0d9cb}
@media(max-width:1050px){.overview-grid .monthly-card{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:4px 18px}.monthly-card .eyebrow{grid-column:1/-1}.monthly-card h2{grid-column:1;grid-row:2}.monthly-card .monthly-main{grid-column:1;grid-row:3}.monthly-card>p.small{grid-column:1;grid-row:4}.monthly-card .comparison-title{grid-column:2;grid-row:2}.monthly-card .month-comparisons{grid-column:2;grid-row:3 / span 2}.monthly-card .monthly-history-link{grid-column:1/-1}.monthly-card:after{right:10%}}
@media(max-width:700px){
  .main{padding-left:15px;padding-right:15px}
  .dashboard-hero.page-heading{padding:15px 15px;margin-bottom:12px;border-radius:12px}
  .dashboard-hero h1{font-size:23px}
  .overview-grid{gap:11px}
  .overview-grid .monthly-card{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:17px;gap:4px 10px;border-radius:13px}
  .monthly-card .eyebrow{font-size:8px}
  .monthly-card h2{font-size:15px}
  .monthly-main strong{font-size:34px}
  .monthly-card .comparison-title{font-size:11px}
  .month-comparisons li{font-size:10px}
  .month-comparisons li small{font-size:9px}
  .tank-grid{grid-template-columns:1fr;gap:10px}
  .tank-card{display:grid;grid-template-columns:1fr minmax(120px,.72fr);column-gap:9px;padding:14px 14px 11px}
  .tank-card .card-heading{grid-column:1/-1}
  .tank-card .tank-visual{grid-column:1/-1;width:100%;max-width:310px;justify-self:center}
  .tank-card .tank-summary{grid-column:1/-1;margin-top:-3px}
  .tank-card .tank-control,.tank-card .tank-forecast,.tank-card .method{grid-column:1/-1}
  .chart-card{margin-top:11px;padding:17px 14px;border-radius:13px}
  .helper-row{padding:14px;border-radius:12px}
}
@media(max-width:370px){.overview-grid .monthly-card{grid-template-columns:1fr}.monthly-card .comparison-title{grid-column:1;grid-row:auto}.monthly-card .month-comparisons{grid-column:1;grid-row:auto}.monthly-card .monthly-main{grid-column:1;grid-row:auto}.monthly-card>p.small{grid-column:1;grid-row:auto}}

/* One visual system for every authenticated screen. */
:root{--ink:#1c332f;--muted:#5e716a;--green:#176b59;--green-dark:#104d43;--lime:#d8e5c2;--line:#cbd8cd;--bg:#edf0e6;--white:#fbfcf5;--radius:15px}
body{background:#edf0e6;color:#1c332f}
.sidebar{background:#f7f8f0;border-right:1px solid #cbd8cd;box-shadow:8px 0 28px #172d260d}
.brand-symbol{background:#173f3b;color:#efb37d}
.brand small{color:#5e716a}
.sidebar nav a{color:#4f665e}
.sidebar nav a[aria-current],.sidebar nav a:hover{background:#dfe9dc;color:#155e50}
.sidebar nav a[aria-current]{box-shadow:inset 3px 0 #c96f48}
.sidebar-bottom{color:#52675f}
.main{max-width:1580px}
.topbar{border-bottom:1px solid #cbd8cd;color:#35544b}
.topbar .eyebrow{color:#45645a}
.topbar .muted{color:#718079}
.account{color:#38564d}
.page-heading:not(.dashboard-hero){padding:20px 23px;margin:0 0 21px;border:1px solid #d0dbce;border-radius:14px;background:#e3e9db;box-shadow:0 5px 14px #19362a0a}
.page-heading:not(.dashboard-hero) h1{color:#193e38;font-size:clamp(27px,2.6vw,36px);letter-spacing:-1.2px}
.page-heading:not(.dashboard-hero) p{color:#526a60}
.eyebrow{color:#845d3c}
.button{background:#174d42;color:#fff;box-shadow:0 4px 11px #174d421c}
.button:hover{background:#0d6859}
.button.secondary{background:#f8f9f1;border:1px solid #bdcfc2;color:#21594e;box-shadow:none}
.button.secondary:hover{background:#e8eee3}
.button.danger{background:#a63e32;color:white}
.card,.summary-strip,.form-card,.login-card{border:1px solid #cbd8cd;border-radius:15px;background:#fafbf5;box-shadow:0 7px 20px #1b34290c}
.card-heading h2,h2{color:#24423b}
.badge{background:#e1e9dc;color:#425e52}
.text-link,.pagination a,.empty-state a{color:#98542f}
.text-link:hover,.pagination a:hover{text-decoration:underline}
.filter-form{padding:12px 14px;border:1px solid #d1dbce;border-radius:12px;background:#e4eadd;color:#314e44}
.filter-form select,.form-card input:not([type=checkbox]),.form-card textarea,.form-card select,.danger-zone input{background:#fffef8;border-color:#bdcdbf;color:#1c332f}
.form-card{padding:27px}
.form-card label{color:#314e44}
.helptext,.small.muted,.muted{color:#5e716a}
.notice{border-color:#c7d6bd;background:#e5eddb;color:#385d49}
.notice.warning{border-color:#ddc69f;background:#f2e8d3;color:#765027}
.notice.error{border-color:#dfb8ad;background:#f3e1d9;color:#873d32}
.table-scroll{border:1px solid #cbd8cd;background:#fafbf5}
table{color:#263c36}
th{background:#e5eadf;color:#455d51}
td{border-color:#dce3d8}
tr:hover td{background:#f1f3e9}
.empty-state{color:#586e63}
.pagination{color:#52685e}
details{color:#43594f}
summary{color:#315e50;font-weight:600}
pre{background:#edf0e6;color:#30483e;border:1px solid #d0dbce}
.detail-card{background:#fafbf5}
.delivery-card{background:#fafbf5;border-left:3px solid #c9784f}
.delivery-card .metric-number{color:#176b59}
.settings-grid .form-card:nth-child(2n){background:#e7ecdf}
.status-counts .badge{background:#dce8d8}
.sticky-action{background:#f8f9f1f5;border-color:#cbd8cd;box-shadow:0 8px 24px #192e2418}
.helper-row{background:#e4eadd;border-color:#cbd8cd}
.footer{border-color:#cbd8cd;color:#566a60}
.footer span{color:#66766d}
.chart-card{background:#fafbf5;border-color:#cbd8cd}
.chart-card .eyebrow{color:#805d40}
.chart-card h2{color:#24423b}
.chart-controls{background:#e5eadd}
.chart-tab{color:#4f665e}
.chart-tab.active{background:#174d42;color:#fff}
.chart-caption{color:#586c61}
.login-card{background:#fafbf5}
.auth-main .footer{border-top-color:#cbd8cd}
.tank-card{background:#fafbf5;border-color:#cbd8cd}
.monthly-card{background:#193f3b;border-color:#193f3b;color:#fbf4e8}
.monthly-card h2{color:#fff7e5}
.tank-forecast{color:#375746}
.warning{color:#8c571b}
@media(max-width:700px){
  body{background:#edf0e6}
  .sidebar{background:#f7f8f0ed;border-top-color:#cbd8cd}
  .sidebar nav a[aria-current]{box-shadow:none}
  .topbar{background:transparent}
  .page-heading:not(.dashboard-hero){padding:16px;margin-bottom:14px;border-radius:12px}
  .page-heading:not(.dashboard-hero) h1{font-size:27px}
  .filter-form{padding:11px;border-radius:11px}
  .form-card{padding:19px 16px}
  .sticky-action{background:#f8f9f1f5}
  .table-scroll{border-radius:12px}
  .footer{color:#53675d}
}

/* Dashboard: readable compact masthead, with controls and data in the foreground. */
.dashboard-hero.page-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:0;padding:22px 26px;margin:0 0 20px;border:1px solid #d4e0d5;border-radius:16px;background:#e4ede0;box-shadow:none;overflow:visible}
.dashboard-hero .hero-copy{min-width:0}
.dashboard-hero .eyebrow{display:flex;align-items:center;gap:8px;color:#426d5c;font-size:9px;letter-spacing:1.6px}
.hero-status-dot{width:8px;height:8px;border-radius:50%;background:#278b69;box-shadow:0 0 0 4px #278b6917}
.hero-divider{color:#a7794f}
.dashboard-hero h1{margin:10px 0 3px;color:#193d38;font-size:clamp(25px,2.7vw,34px);line-height:1.15;letter-spacing:-1.1px}
.dashboard-hero p{color:#61756a;font-size:12px}
.dashboard-hero .hero-actions{display:flex;align-items:center;gap:16px;flex:none}
.dashboard-hero .button{min-height:44px;padding:0 16px;border-radius:9px;background:#174b43;color:#fff;box-shadow:0 4px 10px #174b4320}
.dashboard-hero .hero-button-icon{font-size:19px}
.hero-settings{display:flex;align-items:center;gap:8px;color:#4b685a;font-size:11px;font-weight:600;white-space:nowrap}
.hero-settings-icon{display:grid;place-items:center;width:31px;height:31px;border:1px solid #c5d5c5;border-radius:9px;background:#f3f5ec;color:#6b7955;font-size:15px}
.hero-orbit{display:none}
.overview-grid{grid-template-columns:minmax(0,1.7fr) minmax(240px,.85fr);gap:16px}
.tank-grid{gap:13px}
.tank-card{padding:18px 17px 14px}
.monthly-card{padding:22px 21px}
.monthly-card:after{width:140px;height:140px;right:-72px;top:-45px}
.monthly-main{margin:15px 0 8px}
.summary-strip{margin:17px 0;padding:17px 21px}
.summary-strip strong{font-size:22px}
.chart-card{margin-top:18px;padding:23px 25px}
.helper-row{margin:18px 0 0}
@media(max-width:1050px){.overview-grid{grid-template-columns:minmax(0,1fr)}.overview-grid .monthly-card{order:-1}.monthly-card{min-height:0}}
@media(max-width:700px){
  .dashboard-hero.page-heading{align-items:flex-start;gap:15px;padding:18px 16px;margin-bottom:14px;border-radius:14px}
  .dashboard-hero h1{font-size:25px;margin:8px 0 3px;letter-spacing:-.7px}
  .dashboard-hero p{font-size:11px}
  .dashboard-hero .eyebrow{font-size:8px;letter-spacing:1px}
  .dashboard-hero .hero-actions{gap:0}
  .dashboard-hero .button{width:42px;height:42px;min-height:42px;padding:0;justify-content:center;font-size:0}
  .dashboard-hero .hero-button-icon{font-size:24px}
  .dashboard-hero .hero-settings{position:absolute;right:16px;bottom:14px;font-size:0}
  .dashboard-hero .hero-settings-icon{width:28px;height:28px}
  .hero-settings>span:last-child{display:none}
  .dashboard-hero .hero-copy{padding-right:4px;padding-bottom:22px}
  .overview-grid{gap:12px}
  .overview-grid .monthly-card{order:0}
  .monthly-card{padding:18px}
  .summary-strip{margin:13px 0;padding:14px}
  .chart-card{margin-top:14px;padding:18px 15px}
}

/* Distinctive editorial dashboard composition */
:root{--ink:#162f33;--muted:#718486;--green:#087d70;--green-dark:#075e58;--line:#dce6df;--bg:#f1f2e9}
body{background:radial-gradient(ellipse at 90% 4%,#d9e9dc 0,transparent 29%),radial-gradient(ellipse at 25% 2%,#f6e7d3 0,transparent 27%),#f1f2e9;color:#162f33}
.sidebar{background:#f8f8f1;border-right-color:#dbe2d9;box-shadow:8px 0 32px #142d2b0b}
.brand-symbol{background:#123c3b;color:#efc88e;box-shadow:0 8px 18px #123c3b2d}
.sidebar nav a[aria-current],.sidebar nav a:hover{background:#e4eee4;color:#126c60}
.sidebar nav a[aria-current]{box-shadow:inset 3px 0 #df8952}
.eyebrow{color:#a5663e}
.page-heading h1{color:#123b3a;letter-spacing:-1.8px}
.button{background:#143f3d;box-shadow:0 7px 18px #143f3d2c}
.button:hover{background:#0d6158}
.button.secondary{color:#245d54;border-color:#cfded4}
.card,.summary-strip{box-shadow:0 11px 28px #18372d0b}
.chart-card{border-color:#dce3d8;background:linear-gradient(160deg,#fff 0%,#fff 70%,#f7f7ed)}
.chart-card h2{color:#163c3b}
.chart-controls{background:#f2f3ec;border-radius:10px;padding:3px;width:max-content;max-width:100%}
.chart-tab.active{background:#153e3c;color:#f7ebd8}
.text-link,.pagination a,.empty-state a{color:#a65e36}
.badge{background:#edf0e6;color:#68776a}
.notice{border-color:#e1caa8;background:#f8f0df;color:#715332}
.notice.error{border-color:#e2c3b8;background:#f8ebe4;color:#944b35}
.form-card,.login-card{border-color:#d9e3db;background:#fafbf5}
.status-dot{background:#32a17c;box-shadow:0 0 0 4px #32a17c20}
.dashboard-hero{position:relative;isolation:isolate;overflow:hidden;min-height:248px;align-items:center;padding:35px 38px;border:1px solid #345a51;border-radius:23px;background:radial-gradient(ellipse at 78% 45%,#2f7467 0%,transparent 31%),linear-gradient(116deg,#102f33 0%,#17433f 52%,#315f4d 100%);box-shadow:0 20px 44px #163b3526;margin-bottom:25px}
.dashboard-hero>div{position:relative;z-index:2;max-width:640px}
.dashboard-hero .eyebrow{color:#e6bd88;font-size:9px;letter-spacing:2px}
.hero-spark{color:#eea46d;margin:0 4px}
.dashboard-hero h1{margin:13px 0 11px;color:#fbf4e8;font-size:clamp(36px,4vw,54px);line-height:1.02;letter-spacing:-2.7px}
.dashboard-hero p{max-width:440px;color:#c5d7ca;font-size:14px}
.dashboard-hero>.button{position:relative;z-index:2;align-self:flex-end;margin:0 0 2px auto;min-height:53px;padding:0 17px;background:#e9a56e;color:#173a39;box-shadow:0 10px 25px #0c292c55}
.dashboard-hero>.button:hover{background:#f3ba85;color:#123638}
.hero-button-icon{font-size:22px;font-weight:400}
.hero-button-arrow{margin-left:6px;font-size:16px}
.hero-orbit{position:absolute;z-index:-1;pointer-events:none;border:1px solid #c5d8bf30;border-radius:50%}
.hero-orbit-one{width:310px;height:310px;right:15%;top:-108px;box-shadow:0 0 0 22px #d6e6cd08,0 0 0 49px #d6e6cd08,0 0 0 78px #d6e6cd06}
.hero-orbit-two{width:166px;height:166px;right:23%;top:40px;border-color:#efb27745}
.hero-orbit-two:after{content:"";position:absolute;width:8px;height:8px;left:8px;top:46px;border-radius:50%;background:#e6a16e;box-shadow:0 0 18px #f7bf83}
.overview-grid{align-items:stretch;gap:20px}
.tank-grid{gap:15px}
.tank-card h2{color:#183e3b}
.monthly-card{min-height:100%;padding:27px}
.monthly-card .eyebrow{color:#9a6842}
.helper-row{padding:21px 23px;border:1px solid #dce3d8;border-radius:16px;background:#fafbf5}
.helper-row strong{color:#183e3b}
.footer{border-top-color:#d9e0d7}
@media(max-width:900px){.dashboard-hero{min-height:225px;padding:28px}.dashboard-hero h1{font-size:42px}.hero-orbit-one{right:8%}.hero-orbit-two{right:19%}}
@media(max-width:700px){
  body{background:linear-gradient(180deg,#e4e8da 0,#f1f2e9 300px)}
  .sidebar{background:#f8f8f1ed;border-top-color:#dbe2d9}
  .sidebar nav a[aria-current]{box-shadow:none;background:#e4eee4}
  .dashboard-hero{display:flex;flex-direction:column;align-items:flex-start;gap:17px;min-height:0;padding:24px 20px 20px;border-radius:20px;margin-bottom:17px}
  .dashboard-hero h1{font-size:36px;letter-spacing:-1.8px;margin:11px 0 8px}
  .dashboard-hero p{font-size:12px}
  .dashboard-hero>.button{align-self:stretch;width:100%;min-height:48px;justify-content:flex-start;margin:0}
  .hero-button-arrow{margin-left:auto}
  .hero-orbit-one{width:190px;height:190px;right:-75px;top:-72px}
  .hero-orbit-two{width:100px;height:100px;right:8px;top:9px}
  .overview-grid{gap:13px}
  .overview-grid .monthly-card{order:0}
  .monthly-card{min-height:0;padding:20px}
  .tank-grid{gap:12px}
  .tank-card:before{top:16px;bottom:16px}
  .helper-row{padding:17px;border-radius:15px}
}
@media(max-width:380px){
  .main{padding-left:12px;padding-right:12px}
  .tank-grid{grid-template-columns:minmax(0,1fr);gap:10px}
  .tank-card{padding:16px}
  .tank-card .tank-visual{transform:none;height:190px}
  .tank-summary{display:flex}
  .tank-summary>.small{margin-top:0}
  .meter-card{grid-template-columns:1fr;display:flex}
  .meter-card .eyebrow,.meter-card h2,.meter-digits,.meter-card>p,.meter-card>span.small,.meter-card>.metric-number,.meter-card>.derived{grid-column:auto;grid-row:auto}
  .meter-card hr{display:block;margin:14px 0}
  .meter-bottom{display:grid;padding-top:14px}
  .summary-strip{padding:15px}
  .summary-strip>div{padding:0 9px}
  .summary-strip strong{font-size:19px}
  .topbar{gap:8px}
  .topbar .eyebrow{letter-spacing:.6px}
  .account{white-space:nowrap}
}

/* LPG dashboard visual refresh, based on the supplied responsive UI references. */
:root{--ink:#102a43;--muted:#71849a;--green:#087f8c;--green-dark:#05636f;--lime:#d9f3e8;--line:#dce7ef;--bg:#f1f6fb;--radius:18px}
body{background:radial-gradient(ellipse at 92% 0%,#dcecf9 0,transparent 36%),var(--bg);color:var(--ink)}
.sidebar{background:#fff;border-right-color:#e3ebf2;box-shadow:5px 0 28px #183b5608}
.brand-symbol{background:linear-gradient(145deg,#087f8c,#075b85);color:#d9f3e8;box-shadow:0 6px 15px #087f8c32}
.brand small{color:#7b90a2}
.sidebar nav a{color:#63798e}
.sidebar nav a[aria-current],.sidebar nav a:hover{background:#e6f4f2;color:#067783}
.sidebar nav a[aria-current]{box-shadow:inset 3px 0 #08a6a1}
.main{max-width:1740px}
.topbar{border-bottom-color:#dce7ef}
.status-dot{width:8px;height:8px;box-shadow:0 0 0 4px #75a86b20}
.page-heading{margin-bottom:26px}
.page-heading h1{color:#102a43;letter-spacing:-1.5px}
.eyebrow{color:#07818d}
.button{background:linear-gradient(135deg,#078c91,#0874a4);box-shadow:0 5px 14px #087f8c25}
.button:hover{background:linear-gradient(135deg,#06777d,#075d88)}
.button.secondary{background:#fff;color:#17657a;border-color:#d4e3ec;box-shadow:none}
.card,.summary-strip{border-color:#e0e9f0;box-shadow:0 8px 26px #193d5608}
.tank-card{background:linear-gradient(155deg,#fff 55%,#f4fafb)}
.tank-card .badge{background:#eaf4f5;color:#32707b}
.monthly-card{background:linear-gradient(150deg,#e9f5f3,#f1f7ef);border-color:#d8e9e3}
.meter-card{background:linear-gradient(145deg,#e6f2fa,#e4f3ec);border-color:#d5e6eb}
.chart-card{background:#fff}
.chart-tab.active{background:#e1f2ef;color:#087b83}
.text-link,.pagination a,.empty-state a{color:#067c88}
.badge{background:#eaf2f7;color:#547187}
.notice{box-shadow:0 5px 18px #1a372b08}
.form-card,.login-card{box-shadow:0 14px 40px #173d5610}
@media(max-width:700px){
  body{background:linear-gradient(180deg,#e6f1f8 0,#f3f7fa 210px,var(--bg) 410px);padding-bottom:calc(76px + env(safe-area-inset-bottom))}
  .sidebar{background:#ffffffed;border-top-color:#dce7ef;box-shadow:0 -8px 26px #17382e12}
  .sidebar nav a[aria-current]{box-shadow:none;background:#e6f4f2}
  .main{padding-top:1px}
  .topbar{border:0;padding-top:19px}
  .page-heading{background:linear-gradient(130deg,#e4f1fa,#e8f5ef);border:1px solid #d9e9ed;border-radius:19px;padding:19px 17px;margin-bottom:17px}
  .page-heading h1{font-size:29px}
  .tank-card{box-shadow:0 7px 22px #173d560b}
  .meter-card{box-shadow:0 8px 24px #16778012}
}