:root{--ink:#203634;--ink-dark:#142729;--paper:#f5f5f0;--soft:#f8f9f5;--white:#fff;--gold:#eda96a;--green:#4d8775;--border:#e4e9e5;--muted:#788780;--shadow:0 10px 36px rgba(23,48,41,.045);font-family:Inter,"Segoe UI",Aptos,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;color:var(--ink);font-size:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.icon{vertical-align:middle;flex-shrink:0}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.035em}p{line-height:1.6}input,select,textarea{width:100%;min-width:0;border:1px solid #dae2dd;border-radius:11px;padding:13px 14px;background:#fff;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}input:focus,select:focus,textarea:focus{border-color:#58a28b;box-shadow:0 0 0 4px #dcefe7}input::placeholder,textarea::placeholder{color:#abb5ae}textarea{resize:vertical}label{display:block;font-weight:650;font-size:13px;margin:0 0 8px;color:#39534a}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
/* Navigation */
.sidebar{background:#142b2c;color:#c4d2ca;position:fixed;width:252px;inset:0 auto 0 0;z-index:60;display:flex;flex-direction:column;padding:32px 19px 22px;overflow-y:auto;scrollbar-width:thin}.brand{display:flex;gap:11px;align-items:center;margin:4px 6px 60px;color:white}.brand-emblem{display:grid;place-items:center;background:#f3a767;color:#162c2d;border-radius:14px;width:43px;height:43px;transform:rotate(-3deg)}.brand-emblem svg{transform:rotate(3deg)}.brand strong{font-size:25px;letter-spacing:.04em;line-height:1.05;font-weight:800;display:block}.brand small{font-size:9px;letter-spacing:.24em;color:#96ada6;font-weight:650}.brand-dot{color:#f0aa71}.nav-section-caption{font-size:10px;color:#7f9c96;font-weight:700;letter-spacing:.22em;margin:0 12px 16px}.nav-second{margin-top:37px}.sidebar nav{display:flex;flex-direction:column;gap:6px}.nav-item{display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:10px;font-size:13px;font-weight:580;color:#b5c8c2;transition:background .15s,color .15s}.nav-item:hover{color:white;background:#234441}.nav-item.active{color:white;background:#30524c;box-shadow:inset 3px 0 0 #e8ab78}.nav-item.active .icon{color:#ffc58f}.sidebar-bottom{margin-top:auto;padding:26px 4px 0}.connection-label{font-size:10px;letter-spacing:.15em;font-weight:700;color:#9fb7ae;display:flex;align-items:center;gap:8px;padding:0 4px 16px}.status-dot{width:7px;height:7px;border-radius:100%;background:#95c4ab;box-shadow:0 0 0 4px #95c4ab22}.sidebar-user{padding:17px 2px;border-top:1px solid #33504e;display:flex;gap:10px;align-items:center}.avatar{border-radius:10px;background:#335650;color:#d9f3df;width:37px;height:37px;display:grid;place-items:center;font-weight:800}.account-text{display:block;min-width:0}.account-text strong{display:block;color:white;font-size:12px}.account-text small{display:block;max-width:161px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#9bb6ac;font-size:10px;margin-top:3px}.logout-button{border:0;background:none;color:#a9c0b6;font-weight:550;display:flex;gap:11px;align-items:center;padding:12px 8px;font-size:12px}.logout-button:hover{color:#fff}.mobile-menu,.screen-dimmer{display:none}
/* Global content */
.main-content{margin-left:252px;min-height:100vh}.topbar{height:81px;border-bottom:1px solid #e4e9e4;background:#fafaf7;display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,4vw,64px)}.breadcrumb{font-size:10px;color:#96a49e;font-weight:750;letter-spacing:.13em}.breadcrumb strong{color:#50615d}.slash{padding:0 11px;color:#c7d2ca}.topdate{font-size:12px;color:#75857d;font-weight:600}.content-area{max-width:1680px;margin:auto;padding:38px clamp(22px,4vw,64px) 22px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin:0 0 29px;gap:20px}.eyebrow{display:flex;gap:8px;align-items:center;font-size:10px;letter-spacing:.2em;font-weight:800;color:#718b7c;margin-bottom:13px}.eyebrow-dash{width:22px;height:2px;background:#da9962}.page-heading h1{font-weight:760;font-size:clamp(29px,3vw,39px);line-height:1.15;margin-bottom:9px}.page-heading p{margin:0;color:#7d8c84;font-size:13px}.page-icon{display:grid;place-items:center;width:58px;height:58px;min-width:58px;background:#e4eae0;color:#709382;border-radius:16px}.site-footer{padding:26px 4px;color:#9ca9a0;font-size:9px;font-weight:780;letter-spacing:.08em;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e8ece7;margin-top:31px}.site-footer span{text-transform:none;letter-spacing:normal;font-weight:500;font-size:10px}
/* cards */
.surface{border:1px solid var(--border);background:#fff;border-radius:18px;box-shadow:var(--shadow);margin:0 0 23px;overflow:hidden}.section-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:26px 29px 20px}.section-eyebrow{display:block;color:#97a59b;font-size:10px;letter-spacing:.19em;font-weight:780;margin-bottom:7px}.section-header h2{font-size:19px;font-weight:750;letter-spacing:-.027em;margin:0 0 4px}.section-header p{margin:0;color:#89978f;font-size:12px;line-height:1.55}.heading-number{font-size:12px;vertical-align:middle;background:#eef3ed;color:#789187;padding:4px 8px;border-radius:20px;margin-left:5px}.text-action{font-size:12px;font-weight:700;color:#3f8771;display:flex;align-items:center;gap:8px;white-space:nowrap}.text-action:hover{color:#1c5645}.surface-foot{border-top:1px solid #edf0eb;color:#8f9d94;font-size:11px;padding:14px 29px;line-height:1.5}.empty{padding:30px;color:#9ca9a1;font-size:12px}.muted{color:#86978c;font-weight:500}
/* hero */
.hero-card{border-radius:21px;position:relative;min-height:277px;display:flex;justify-content:space-between;gap:20px;background:radial-gradient(circle at 87% 85%,#466e58 0,#25463f 44%,#1e3a38 70%,#1a3334 100%);color:white;padding:37px 51px 33px 44px;margin-bottom:23px;overflow:hidden;isolation:isolate}.hero-card:before{content:"";width:620px;height:620px;border-radius:50%;border:1px solid #ffffff14;position:absolute;right:-245px;top:-290px;z-index:-1;box-shadow:0 0 0 72px #ffffff06,0 0 0 150px #ffffff05}.hero-overline{font-size:10px;letter-spacing:.19em;font-weight:780;color:#bcd3c4;display:flex;align-items:center;gap:8px}.small-sun{width:7px;height:7px;border-radius:50%;background:#edaf73}.hero-text{max-width:550px}.hero-text h2{font-size:clamp(26px,2.6vw,34px);font-weight:700;line-height:1.23;margin:17px 0 10px;letter-spacing:-.033em}.hero-text h2 span{color:#eea76b}.hero-text p{color:#bfcec8;font-size:13px;max-width:440px}.hero-buttons{display:flex;gap:25px;align-items:center;flex-wrap:wrap;margin-top:22px}.hero-link{font-size:12px;color:#f6e3cf;display:flex;gap:6px;align-items:center;font-weight:650}.hero-link:hover{color:white}.hero-visual{align-self:center;text-align:center;min-width:187px;position:relative}.tank-ring{border-radius:50%;width:183px;height:183px;padding:11px;background:conic-gradient(from -90deg,#e9b27e 0%,#d7e2bc 74%,#ffffff2a 75%,#ffffff2a 100%);transform:rotate(0deg)}.tank-ring:before{content:"";position:absolute;inset:0;border-radius:50%;border:1px solid #ffffff30}.tank-ring-inner{width:100%;height:100%;border-radius:50%;background:#29463f;display:flex;flex-direction:column;align-items:center;justify-content:center}.tank-caption{color:#bacfc3;font-size:9px;letter-spacing:.15em;font-weight:700}.tank-ring-inner strong{font-size:57px;line-height:1.1;font-weight:680;letter-spacing:-.08em}.tank-ring-inner strong small{font-size:17px;color:#a5c0b4;letter-spacing:normal;font-weight:500}.tank-date{font-size:10px;color:#b7d0bf}.tank-disclaimer{display:block;color:#b2c8b9;font-size:9px;margin-top:12px}
/* KPIs */
.stats-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-bottom:23px}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.stat-card{min-height:150px;background:white;border:1px solid var(--border);border-radius:16px;padding:22px 21px 18px;box-shadow:var(--shadow)}.stat-top{display:flex;justify-content:space-between;align-items:center;color:#7d8e83;font-size:11px;font-weight:620;gap:8px}.stat-icon{width:34px;height:34px;background:#eef3ee;border-radius:10px;color:#66917e;display:grid;place-items:center}.stat-value{font-size:clamp(24px,2.2vw,32px);font-weight:750;letter-spacing:-.055em;margin:15px 0 6px;white-space:nowrap}.stat-foot{font-size:10px;color:#9ca8a0;min-height:18px}
/* Charts */
.chart-section{padding-bottom:8px}.chart-header{align-items:flex-start;padding-bottom:5px}.chart-actions{display:flex;gap:9px;flex-wrap:wrap}.chart-actions select{padding:9px 35px 9px 12px;width:auto;border-radius:9px;background:#f8faf7;font-weight:650;font-size:11px;border-color:#e1e9e1;cursor:pointer}.graph-wrap{padding:12px 26px 0;overflow:hidden}.graph-inner{height:350px;width:100%;position:relative}.chart-compact .graph-inner{height:325px}.graph-inner canvas{display:block;width:100%;height:100%;touch-action:pan-y}.graph-tooltip{position:absolute;pointer-events:none;background:#1a3534;color:#f6fcf7;border-radius:11px;box-shadow:0 8px 30px #0004;padding:12px 13px;min-width:170px;z-index:5;max-width:260px;font-size:11px}.graph-tooltip strong{display:block;font-size:12px;margin-bottom:6px}.graph-tooltip span{display:block;line-height:1.7}.graph-tooltip b{color:#f5c28e}.graph-tooltip em{color:#c5d3c8;font-style:normal;font-size:10px}.chart-bottom{display:flex;align-items:center;justify-content:space-between;padding:5px 27px 20px;gap:14px;flex-wrap:wrap}.year-legend{display:flex;flex-wrap:wrap;gap:8px}.legend-button{border:1px solid #e5eae4;background:#fff;border-radius:21px;display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;color:#667970;padding:7px 10px}.legend-button[aria-pressed="false"]{opacity:.48;text-decoration:line-through}.year-dot{width:10px;height:10px;border-radius:50%;background:#799888}.graph-legend-note{font-size:10px;color:#87998f;display:flex;align-items:center;gap:6px}.legend-solid,.legend-dashed{width:19px;border-top:2px solid #88ab94}.legend-dashed{border-top-style:dashed;margin-left:10px}.chart-method{border-top:1px solid #eff2ed;padding:12px 29px 15px;font-size:10px;color:#9ba9a0;line-height:1.55}
/* Activity */
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.activity-list{padding:0 23px 17px}.activity{display:flex;align-items:center;gap:11px;border-top:1px solid #f0f3ef;padding:16px 3px;min-height:66px}.activity:hover{background:#fafcf9}.activity-bubble{width:35px;height:35px;background:#fff0e0;color:#c88a51;border-radius:10px;display:grid;place-items:center;flex-shrink:0}.oil-bubble{background:#e7f2ed;color:#548c77}.activity>div:nth-child(2){min-width:0;flex:1}.activity strong{display:block;font-size:11px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity small{display:block;color:#a3ada5;font-size:10px;margin-top:4px}.activity-price{font-weight:750;font-size:13px}.activity-note{font-size:10px;color:#93a096;max-width:35%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Tables */
.table-scroll{width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:720px;font-variant-numeric:tabular-nums;text-align:left}thead{background:#f7f9f6}th{font-size:10px;text-transform:uppercase;letter-spacing:.055em;font-weight:800;color:#85978a;padding:16px 18px;white-space:nowrap;border-bottom:1px solid #e7ece7}td{font-size:12px;color:#4d6157;padding:16px 18px;border-bottom:1px solid #edf0ed;vertical-align:middle;white-space:nowrap}tr:last-child td{border-bottom:0}td strong{font-size:12px;color:#2a4238}.table-sub{display:block;color:#a0afa4;font-size:10px;margin-top:5px}.table-actions{display:flex;gap:10px;align-items:center}.table-actions a,.danger-link{font-size:11px;color:#498e79;font-weight:690}.danger-link{background:transparent;border:0;padding:0;color:#b96d63}.table-actions a:hover,.danger-link:hover{text-decoration:underline}.tag{display:inline-flex;font-size:10px;border-radius:20px;padding:6px 8px;color:#56856e;background:#ecf5ed;font-weight:730}.tag-warn{background:#fff4e8;color:#b8854f}.marker-chip{background:#ebf2eb;border-radius:8px;color:#44785f;padding:7px 11px;font-size:14px;font-weight:780}.note-cell{max-width:220px;display:inline-block;white-space:normal;font-size:11px;color:#84968b;line-height:1.4}.subtle-pill{border:1px solid #e3ebe3;border-radius:30px;color:#6c917d;font-size:10px;font-weight:720;padding:10px 12px;white-space:nowrap}
/* Forms */
.form-surface{scroll-margin-top:30px}.form-surface form{padding:0 29px 27px}.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:3px 0 20px}.form-grid.three-cols{grid-template-columns:repeat(3,minmax(0,1fr))}.field{min-width:0}.field label{font-size:11px}.input-suffix,.input-prefix{position:relative}.input-suffix input{padding-right:36px}.input-suffix span{position:absolute;right:15px;top:50%;transform:translateY(-50%);color:#91a095;font-size:12px;pointer-events:none}.input-prefix input{padding-left:35px}.input-prefix span{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:#91a095;pointer-events:none}.wide-field{margin-bottom:20px}.calc-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:#f7faf6;border:1px solid #e5ece3;border-radius:12px;padding:17px 18px;gap:18px;margin-top:6px}.calc-preview span{display:block;font-size:10px;color:#91a299;margin-bottom:7px}.calc-preview strong{display:block;font-size:16px;font-weight:720;color:#375b47}.form-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:22px}.form-footer>span{display:flex;align-items:flex-start;gap:8px;line-height:1.5;color:#97a49b;font-size:10px;max-width:560px}.form-footer>span .icon{margin-top:1px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:13px 17px;border-radius:10px;border:1px solid transparent;font-size:12px;font-weight:730;white-space:nowrap;transition:transform .13s,background .13s,color .13s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:#315f50;color:#fff}.btn-primary:hover{background:#234c40}.btn-light{background:#f9f9f0;color:#29463d}.btn-light:hover{background:#fff}.btn-outline{color:#365e4d;background:#fff;border:1px solid #d3e0d5}.btn-outline:hover{background:#f0f7f1}.btn-wide{width:100%;justify-content:space-between;padding:15px 18px}.alert{display:flex;align-items:center;gap:12px;border:1px solid #b7d7c4;background:#eaf6ee;color:#416e53;border-radius:12px;padding:14px 18px;margin:0 0 22px;font-weight:620;font-size:12px;line-height:1.6}.alert.error{background:#fff0ee;border-color:#f0c6bf;color:#a35b4d}.alert.warning{background:#fff8ed;border-color:#f3dabb;color:#916b3e;align-items:flex-start}.alert p{margin:4px 0 0}.alert strong{font-weight:800}.compare-banner{margin-bottom:20px;border-radius:15px;border:1px solid #d6e8db;background:#e8f1e9;padding:20px 25px;color:#3f755c}.compare-banner>div{display:flex;gap:16px;align-items:center}.compare-banner strong{font-weight:740}.compare-banner p{margin:4px 0 0;font-size:12px;color:#70917a}
/* Data + Settings */
.import-grid .surface{padding-bottom:25px}.import-grid .btn{margin:0 29px}.import-description{font-size:11px;color:#94a399;margin:15px 29px}.import-form{padding:4px 29px 0;display:flex;flex-direction:column;gap:12px}.import-form input{font-size:12px}.import-form button{align-self:flex-start}.template-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:0 29px 29px}.template-grid>div{border:1px solid #e4ebe3;border-radius:12px;padding:17px;min-width:0}.template-grid strong{display:block;margin-bottom:9px}.template-grid code{display:block;font-size:11px;color:#66816e;overflow-wrap:anywhere;line-height:1.8}.settings-grid>.surface{padding-bottom:28px}.settings-grid .stack-form{padding:0 29px}.settings-grid .section-header{margin-bottom:4px}.stack-form label{margin:13px 0 8px}.stack-form>button{margin-top:17px}.field-hint{display:block;font-size:11px;line-height:1.5;color:#92a39a;margin-top:7px}.account-info{margin:4px 29px 23px;border-radius:10px;background:#f1f7f1;padding:17px}.account-info span{display:block;color:#91a39a;font-size:10px}.account-info strong{display:block;margin-top:6px}.settings-note{padding:0 29px;margin:20px 0 0;font-size:11px;color:#9eaaa1}
/* auth */
.auth-body{min-height:100vh;background:#f4f6f2}.auth-layout{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.auth-art{background:radial-gradient(circle at 88% 71%,#325c49,#1d3937 55%,#142c2e);color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:50px clamp(30px,5vw,88px) 42px;position:relative;overflow:hidden;isolation:isolate}.auth-art:after{content:"";position:absolute;z-index:-1;right:-240px;bottom:-470px;width:800px;height:800px;border:1px solid #a8dbba24;border-radius:50%;box-shadow:0 0 0 80px #9ec6a40c,0 0 0 170px #c5d9b90b,0 0 0 255px #c5d9b90a}.auth-brand{display:flex;gap:14px;align-items:center}.auth-brand strong{font-size:23px;letter-spacing:.035em}.auth-art-content{max-width:500px;padding:20px 0 0}.auth-kicker{font-size:10px;letter-spacing:.22em;color:#a8c4b5;font-weight:760}.auth-art-content h1{font-family:Georgia,'Times New Roman',serif;letter-spacing:-.054em;font-size:clamp(50px,5.1vw,83px);font-weight:400;line-height:1.04;margin:23px 0}.auth-art-content h1 span{color:#f5a96e}.auth-art-content p{max-width:395px;font-size:14px;line-height:1.9;color:#c1d0c7}.auth-stat{margin-top:55px;border-top:1px solid #ffffff21;max-width:360px;padding-top:24px;color:#acc6b9;letter-spacing:.15em;font-size:9px;font-weight:760}.pulse-line{display:flex;gap:7px;align-items:end;height:25px;margin-bottom:13px}.pulse-line i{background:#d3ae79;width:25px;height:2px;display:block;border-radius:6px}.pulse-line i:nth-child(2){height:13px}.pulse-line i:nth-child(3){height:21px}.pulse-line i:nth-child(4){height:8px}.pulse-line i:nth-child(5){height:18px}.pulse-line i:nth-child(6){height:11px}.auth-footer{font-size:9px;font-weight:650;letter-spacing:.15em;color:#90a99d}.auth-panel{display:grid;place-items:center;padding:50px 30px}.auth-form-wrap{width:min(100%,400px)}.auth-symbol{display:grid;place-items:center;width:59px;height:59px;border-radius:16px;background:#e6eee5;color:#578675;margin-bottom:34px}.auth-form-wrap .eyebrow{margin-bottom:14px}.auth-form-wrap h2{font-size:36px;line-height:1.2;margin:0 0 11px}.auth-lead{font-size:13px;color:#86978c;margin-bottom:26px}.auth-form-wrap .stack-form label{margin-top:18px}.auth-form-wrap .btn-wide{margin-top:24px}.auth-under{margin-top:37px;border-top:1px solid #e3e9e3;padding-top:19px}.auth-under span{display:flex;gap:8px;align-items:center;color:#92a298;font-size:11px}.otp-input{font-size:24px;font-weight:770;letter-spacing:.3em;text-align:center;height:60px}.setup-box{background:white;border:1px solid #e0e9df;border-radius:14px;padding:21px;margin-bottom:18px}.setup-box strong{font-size:13px}.setup-box p{font-size:12px;color:#7c9181;margin:9px 0 19px}.secret-label{font-size:10px;font-weight:800;letter-spacing:.1em;color:#90a498}.secret-code{background:#f1f6f1;border-radius:10px;padding:12px 10px;font-family:Consolas,Monaco,monospace;font-size:14px;letter-spacing:.07em;line-height:1.8;color:#295c43;word-break:break-all;margin-top:8px;user-select:all}.small-link{font-size:11px;color:#33806a;display:block;margin-top:10px;font-weight:700}.setup-note{margin-top:15px;color:#91a197;font-size:10px;line-height:1.6}.factor-help{font-size:13px;color:#758d7c;background:#edf5ef;padding:16px;border-radius:12px}.back-link{display:inline-block;font-size:11px;color:#70927d;margin-top:18px}
@media(max-width:1400px){.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-card{padding-right:38px}.site-footer{line-height:1.6}}
@media(max-width:1100px){.two-col{grid-template-columns:1fr}.import-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.auth-art{padding-left:40px;padding-right:36px}}
@media(max-width:800px){.sidebar{transform:translateX(-100%);transition:transform .2s;box-shadow:12px 0 30px #1d363633}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu{display:grid;place-items:center;position:fixed;right:19px;top:17px;z-index:40;background:white;border:1px solid #e1e6e0;border-radius:9px;width:40px;height:40px;color:#365b4c}.screen-dimmer.show{display:block;position:fixed;inset:0;background:#122926a3;z-index:50}.topbar{height:74px;padding-right:75px}.content-area{padding:29px 22px 20px}.page-heading{margin-bottom:25px}.auth-layout{grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh}}
@media(max-width:620px){.stats-grid,.stats-grid.three{grid-template-columns:1fr 1fr;gap:11px}.stat-card{min-height:129px;padding:16px}.stat-value{font-size:25px}.stat-top{font-size:10px}.stat-icon{width:29px;height:29px}.stat-foot{font-size:9px}.hero-card{padding:29px 22px;flex-direction:column}.hero-text h2{font-size:29px}.hero-visual{align-self:flex-start;display:flex;align-items:center;gap:15px}.tank-ring{width:115px;height:115px;padding:7px}.tank-ring-inner strong{font-size:38px}.tank-ring-inner strong small{font-size:12px}.tank-caption{font-size:7px}.tank-date{font-size:8px}.tank-disclaimer{max-width:122px;text-align:left}.form-grid,.form-grid.three-cols{grid-template-columns:1fr 1fr;gap:16px}.calc-preview{grid-template-columns:1fr 1fr;gap:15px}.section-header{padding:22px 19px 18px;align-items:flex-start}.form-surface form,.settings-grid .stack-form{padding:0 19px 22px}.form-footer{align-items:stretch;flex-direction:column}.form-footer button{align-self:flex-start}.graph-wrap{padding:11px 12px 0}.graph-inner,.chart-compact .graph-inner{height:275px}.chart-header{flex-direction:column}.chart-actions{width:100%}.chart-actions select{flex:1;width:0}.chart-bottom{padding:11px 17px 16px}.chart-method{padding:12px 19px}.site-footer{flex-direction:column;gap:6px}.page-icon{display:none}.template-grid,.import-grid{grid-template-columns:1fr}.auth-panel{padding:32px 21px}.auth-form-wrap h2{font-size:32px}}
@media(max-width:385px){.stats-grid,.stats-grid.three{grid-template-columns:1fr}.hero-buttons{gap:13px}.form-grid,.form-grid.three-cols{grid-template-columns:1fr}.chart-actions select{width:100%}.topdate{display:none}}

/* Chart palette: static classes allow a strict Content-Security-Policy. */
.year-colour-0{color:#be8551}.year-colour-1{color:#5a9d87}.year-colour-2{color:#6d88c4}.year-colour-3{color:#bd7890}.year-colour-4{color:#8a7fc0}.year-colour-5{color:#d2a846}.year-colour-6{color:#4a9399}.year-colour-7{color:#9b9c53}.year-colour-8{color:#d07763}.year-colour-9{color:#61798d}
.year-dot.year-colour-0{background:#be8551}.year-dot.year-colour-1{background:#5a9d87}.year-dot.year-colour-2{background:#6d88c4}.year-dot.year-colour-3{background:#bd7890}.year-dot.year-colour-4{background:#8a7fc0}.year-dot.year-colour-5{background:#d2a846}.year-dot.year-colour-6{background:#4a9399}.year-dot.year-colour-7{background:#9b9c53}.year-dot.year-colour-8{background:#d07763}.year-dot.year-colour-9{background:#61798d}

/* HeatingOilTracker compact long-brand treatment */
.sidebar .brand strong {font-size:15px;letter-spacing:-.45px;white-space:nowrap;}
.sidebar .brand small {font-size:9px;letter-spacing:1.05px;}
.auth-brand strong {font-size:clamp(16px, 1.7vw, 22px);letter-spacing:-.7px;}
.auth-form-heading p {line-height:1.55;}