:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;--bg: #f3f6f2;--surface: #ffffff;--surface-raised: #fbfcfa;--surface-soft: #edf3ee;--text-strong: #14231c;--text: #26362e;--text-muted: #65756c;--text-faint: #87948d;--border: #dbe5dd;--border-strong: #c6d4c9;--shadow: rgba(21, 44, 31, .08);--accent: #2a8060;--accent-strong: #176347;--accent-soft: #dcefe4;--good: #23785a;--good-surface: #e0f2e8;--good-border: #9bcdb0;--caution: #a56818;--caution-surface: #fff0d3;--caution-border: #e7c27f;--danger: #b74246;--danger-surface: #fce5e4;--danger-border: #e6acad;--neutral: #5a6b62;--neutral-surface: #e7ece8;--grid: #e0e8e1;--chart-bar: #4c9d78;--chart-line: #28745a;--chart-projection: #c36d24;--chart-reference: #70847a;--reserve-line: #b74246;--chart-muted-fill: #dce3de;--chart-muted-line: #9eaaa2;--tooltip-cursor: rgba(42, 128, 96, .09);--track: #e5ece6;--focus: #1666b1;--on-accent: #ffffff;--skeleton-a: #e8eee9;--skeleton-b: #f5f8f5}@media(prefers-color-scheme:dark){:root{color-scheme:dark;--bg: #111916;--surface: #19231f;--surface-raised: #202d27;--surface-soft: #24352d;--text-strong: #f0f6f1;--text: #d8e5dc;--text-muted: #a3b3a9;--text-faint: #82948a;--border: #304139;--border-strong: #405449;--shadow: rgba(0, 0, 0, .24);--accent: #6bc298;--accent-strong: #8bd5ad;--accent-soft: #1d4031;--good: #73d09f;--good-surface: #173a2c;--good-border: #356f51;--caution: #f2bb64;--caution-surface: #44331d;--caution-border: #86652d;--danger: #f18b8d;--danger-surface: #482629;--danger-border: #874448;--neutral: #b3c2b8;--neutral-surface: #2b3831;--grid: #314139;--chart-bar: #68be94;--chart-line: #8bd9b2;--chart-projection: #f0a25f;--chart-reference: #a8b8ae;--reserve-line: #f18b8d;--chart-muted-fill: #34413a;--chart-muted-line: #75867b;--tooltip-cursor: rgba(107, 194, 152, .14);--track: #2d3d34;--focus: #72b9ff;--on-accent: #102117;--skeleton-a: #25332c;--skeleton-b: #2e3d34}}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:smooth}body{min-width:320px;margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid var(--focus);outline-offset:3px}a{color:var(--accent-strong)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{min-height:100vh}.topbar,.dashboard-page,.app-footer{width:min(1180px,calc(100% - 32px));margin:0 auto}.topbar{display:flex;align-items:center;justify-content:space-between;min-height:76px;gap:16px}.brand{display:inline-flex;align-items:center;gap:10px;color:var(--text-strong);font-size:1rem;font-weight:760;letter-spacing:-.02em;text-decoration:none}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border:1px solid var(--accent);border-radius:11px;background:var(--accent-soft);color:var(--accent-strong);font-size:1.7rem;font-weight:400;line-height:1}.topbar-actions,.live-status{display:inline-flex;align-items:center;gap:10px}.live-status{color:var(--text-muted);font-size:.78rem;font-weight:650}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--good);box-shadow:0 0 0 4px var(--good-surface)}.dashboard-page{display:grid;gap:18px;padding:8px 0 48px}.dashboard-grid{display:grid;gap:18px}.dashboard-grid-primary,.dashboard-grid-secondary{grid-template-columns:minmax(0,1fr)}.panel,.hero-card{border:1px solid var(--border);border-radius:22px;box-shadow:0 8px 26px var(--shadow)}.panel{min-width:0;padding:22px;background:var(--surface)}.hero-card{position:relative;display:flex;min-height:270px;align-items:center;justify-content:space-between;gap:28px;overflow:hidden;padding:clamp(28px,6vw,58px);background:var(--tone-surface);border-color:var(--tone-border)}.tone-good{--tone: var(--good);--tone-surface: var(--good-surface);--tone-border: var(--good-border)}.tone-caution{--tone: var(--caution);--tone-surface: var(--caution-surface);--tone-border: var(--caution-border)}.tone-danger{--tone: var(--danger);--tone-surface: var(--danger-surface);--tone-border: var(--danger-border)}.tone-neutral{--tone: var(--neutral);--tone-surface: var(--neutral-surface);--tone-border: var(--border-strong)}.hero-copy{position:relative;z-index:1;max-width:720px}.eyebrow{margin:0 0 8px;color:var(--text-muted);font-size:.71rem;font-weight:800;letter-spacing:.13em;line-height:1.2;text-transform:uppercase}.hero-card .eyebrow{color:var(--tone)}h1,h2,p{margin-top:0}h1,h2{color:var(--text-strong);letter-spacing:-.04em}h1{margin-bottom:14px;font-size:clamp(2rem,7vw,4rem);line-height:.98}h2{margin-bottom:0;font-size:clamp(1.17rem,3vw,1.38rem);line-height:1.1}.reserve-date{display:block;color:var(--text-strong);font-size:clamp(1.65rem,5vw,2.7rem);font-weight:770;letter-spacing:-.045em;line-height:1.05}.days-to-reserve{margin:13px 0 0;color:var(--tone);font-size:clamp(1.05rem,3vw,1.32rem);font-weight:750}.forecast-range,.not-enough-data{margin:10px 0 0;color:var(--text-muted);font-size:.88rem;line-height:1.5}.not-enough-data{max-width:420px;color:var(--text-strong);font-size:clamp(1.15rem,3vw,1.45rem);font-weight:650}.hero-signal{position:relative;flex:0 0 auto;width:clamp(116px,22vw,190px);aspect-ratio:1;border-radius:50%;background:var(--tone-surface)}.signal-ring,.signal-dot{position:absolute;top:50%;right:50%;bottom:50%;left:50%;display:block;border-radius:50%;transform:translate(-50%,-50%)}.signal-ring{border:1px solid var(--tone);opacity:.32}.signal-ring-outer{width:100%;height:100%}.signal-ring-inner{width:68%;height:68%;border-width:2px;opacity:.55}.signal-dot{width:28%;height:28%;background:var(--tone);box-shadow:0 0 0 10px var(--tone-surface),0 0 0 11px var(--tone-border)}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:23px}.section-kicker,.metric-label,.sample-count{color:var(--text-muted);font-size:.76rem;font-weight:650}.section-kicker{padding-top:3px;text-align:right}.metric-large{color:var(--text-strong);font-size:clamp(1.6rem,5vw,2.1rem);font-weight:780;letter-spacing:-.05em;white-space:nowrap}.metric-large small{color:var(--text-muted);font-size:.8rem;font-weight:650;letter-spacing:0}.credit-gauge{padding-top:17px}.gauge-track,.split-track{position:relative;overflow:visible;height:20px;border-radius:99px;background:var(--track)}.gauge-fill{height:100%;border-radius:inherit;background:var(--accent);transition:width .3s ease}.reserve-marker{position:absolute;top:-11px;bottom:-11px;width:2px;background:var(--reserve-line)}.reserve-marker span{position:absolute;top:20px;left:50%;width:max-content;padding:1px 6px;border:1px solid var(--reserve-line);border-radius:999px;background:var(--surface);color:var(--reserve-line);font-size:.68rem;font-weight:760;line-height:1.35;text-align:center;white-space:nowrap;transform:translate(-50%)}.gauge-axis{display:flex;justify-content:space-between;margin-top:29px;color:var(--text-faint);font-size:.7rem}.gauge-footer{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:28px;color:var(--text-muted);font-size:.82rem}.status-badge{display:inline-flex;align-items:center;min-height:24px;padding:4px 8px;border:1px solid var(--border);border-radius:99px;background:var(--surface-soft);color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.04em;line-height:1;text-transform:uppercase;white-space:nowrap}.status-danger{border-color:var(--danger-border);background:var(--danger-surface);color:var(--danger)}.status-neutral{border-color:var(--border-strong);background:var(--neutral-surface);color:var(--neutral)}.badge-ocr{border-style:dashed;color:var(--accent-strong)}.badge-manual{border-style:solid;color:var(--text-strong)}.badge-top-up{border-color:var(--good-border);background:var(--good-surface);color:var(--good)}.interval-away{border-style:dashed;color:var(--caution)}.interval-home{color:var(--accent-strong)}.interval-other,.interval-none{color:var(--text-faint)}.chart-card{min-height:370px}.chart-container{width:100%;min-height:248px}.chart-container .recharts-wrapper,.chart-container .recharts-surface{overflow:visible}.chart-legend{display:flex;align-items:center;flex-wrap:wrap;gap:7px 8px;margin-top:3px;color:var(--text-muted);font-size:.72rem}.legend-key{display:inline-block;flex:0 0 auto;width:18px;height:9px;border-radius:2px}.legend-bar{background:var(--chart-bar)}.legend-hatched{border:1px solid var(--chart-muted-line);background:repeating-linear-gradient(135deg,var(--chart-muted-fill) 0 3px,var(--chart-muted-line) 3px 5px)}.legend-line-measured,.legend-line-projected{width:22px;height:0;border-top:3px solid var(--chart-line);border-radius:0}.legend-line-projected{border-top-color:var(--chart-projection);border-top-style:dashed}.chart-summary,.card-footnote,.history-intro{margin:12px 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.5}.cost-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.cost-grid>div{display:grid;align-content:start;gap:7px;min-width:0}.cost-grid strong{overflow-wrap:anywhere;color:var(--text-strong);font-size:clamp(.95rem,3vw,1.25rem);letter-spacing:-.03em}.cost-detail{margin:21px 0 0;padding:13px 14px;border-radius:12px;background:var(--surface-soft);color:var(--text-muted);font-size:.82rem;line-height:1.45}.cost-detail strong{color:var(--text-strong)}.cost-hint{align-self:center;margin:0;padding:10px 3px;color:var(--text-muted);font-size:.85rem}.split-rows{display:grid;gap:20px}.split-row{display:grid;grid-template-columns:minmax(145px,1fr) minmax(90px,1.2fr) auto;align-items:center;gap:13px}.split-label{display:grid;gap:4px;min-width:0}.split-label strong{color:var(--text-strong);font-size:.87rem}.split-label span{color:var(--text-muted);font-size:.72rem}.split-track{height:11px}.split-fill{display:block;height:100%;min-width:8px;border-radius:inherit}.split-fill-away{background:var(--caution)}.split-fill-home{background:var(--accent)}.sample-count{white-space:nowrap}.warning-stack{display:grid;gap:10px}.warning-banner{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:12px;padding:14px 15px;border:1px solid var(--caution-border);border-radius:15px;background:var(--caution-surface);color:var(--text)}.warning-icon{display:grid;width:25px;height:25px;place-items:center;border:1px solid var(--caution);border-radius:50%;color:var(--caution);font-size:.78rem;font-weight:850}.warning-content strong{color:var(--caution);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.warning-content p{margin:4px 0 8px;font-size:.82rem;line-height:1.45}.warning-link{font-size:.79rem;font-weight:760}.icon-button{width:30px;height:30px;border:0;border-radius:8px;background:transparent;color:var(--text-muted);cursor:pointer;font-size:1.4rem;line-height:1}.icon-button:hover{background:var(--surface);color:var(--text-strong)}.history-card{overflow:hidden}.table-scroll{overflow-x:auto;margin:18px -22px -22px;border-top:1px solid var(--border)}table{width:100%;min-width:680px;border-collapse:collapse;font-size:.8rem}th,td{padding:13px 12px;border-bottom:1px solid var(--border);text-align:left;vertical-align:middle}th:first-child,td:first-child{padding-left:22px}th:last-child,td:last-child{padding-right:22px}th{background:var(--surface-raised);color:var(--text-muted);font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}td{color:var(--text)}tbody tr:last-child td{border-bottom:0}tbody tr:hover{background:var(--surface-raised)}.numeric-cell{text-align:right}.positive-value{color:var(--good);font-weight:720}.muted-value{color:var(--text-faint)}.action-cell{width:1%;white-space:nowrap;text-align:right}.confirm-actions{display:inline-flex;align-items:center;gap:6px}.button{display:inline-flex;min-height:38px;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:10px;padding:8px 14px;cursor:pointer;font-size:.79rem;font-weight:780;line-height:1;transition:background .12s ease,border-color .12s ease,color .12s ease,opacity .12s ease}.button:disabled{cursor:wait;opacity:.6}.button-primary{border-color:var(--accent);background:var(--accent);color:var(--on-accent)}.button-primary:hover:not(:disabled){border-color:var(--accent-strong);background:var(--accent-strong)}.button-secondary{border-color:var(--border-strong);background:var(--surface);color:var(--text-strong)}.button-secondary:hover:not(:disabled),.button-quiet:hover:not(:disabled){border-color:var(--accent);background:var(--accent-soft);color:var(--accent-strong)}.button-quiet{border-color:var(--border);background:transparent;color:var(--text-muted)}.button-danger{border-color:var(--danger);background:var(--danger);color:var(--on-accent)}.button-small{min-height:30px;padding:6px 9px;font-size:.68rem}.button-wide{width:100%;min-height:46px;margin-top:18px}.text-button{border:0;padding:0;background:transparent;color:var(--accent-strong);cursor:pointer;font-weight:750;text-decoration:underline}.state-panel{display:flex;min-height:180px;align-items:flex-start;justify-content:center;flex-direction:column;gap:13px}.skeleton-line{display:block;width:62%;height:14px;border-radius:99px;background:linear-gradient(100deg,var(--skeleton-a),var(--skeleton-b),var(--skeleton-a));background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite}.skeleton-line-1,.skeleton-line-heading{width:42%;height:21px}.skeleton-line-2,.skeleton-line-wide{width:84%}.skeleton-line-3,.skeleton-line-button{width:36%;height:38px}.skeleton-line-4{width:70%}.skeleton-line-5,.skeleton-line-6{width:90%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.error-panel{align-items:flex-start;justify-content:center}.error-panel p:not(.eyebrow){margin-bottom:0;color:var(--text-muted);font-size:.82rem}.empty-state,.loading-note{margin:22px 0 0;color:var(--text-muted);font-size:.82rem}.loading-note{margin-top:0}.app-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 14px;padding:0 0 30px;color:var(--text-faint);font-size:.72rem;text-align:center}.footer-error{color:var(--danger)}.footer-skeleton{display:inline-block;width:180px;height:12px;border-radius:99px;background:var(--skeleton-a)}.page-message{margin:0}.form-message{padding:10px 12px;border:1px solid var(--danger-border);border-radius:10px;background:var(--danger-surface);color:var(--danger);font-size:.8rem;line-height:1.4}.auth-layout{display:grid;min-height:100vh;place-items:center;padding:24px;background:var(--bg)}.auth-card{width:min(100%,430px);padding:clamp(28px,7vw,48px);border:1px solid var(--border);border-radius:24px;background:var(--surface);box-shadow:0 16px 42px var(--shadow)}.auth-card .brand-mark{margin-bottom:28px}.auth-card h1{margin-bottom:12px;font-size:clamp(2rem,9vw,3.2rem)}.auth-intro{margin-bottom:28px;color:var(--text-muted);font-size:.9rem;line-height:1.55}.auth-card form{display:grid;gap:9px}.auth-card label{color:var(--text-strong);font-size:.8rem;font-weight:750}.auth-card input{width:100%;min-height:47px;border:1px solid var(--border-strong);border-radius:10px;padding:10px 12px;background:var(--surface-raised);color:var(--text-strong)}.auth-card input:hover{border-color:var(--accent)}.auth-card .form-message{margin:4px 0 0}.auth-loading-card{display:grid;gap:16px}.history-loading{min-height:300px}@media(min-width:720px){.dashboard-grid-primary,.dashboard-grid-secondary{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid-primary>:first-child{grid-column:1 / -1}.hero-card{min-height:320px}.topbar,.dashboard-page,.app-footer{width:min(1180px,calc(100% - 56px))}}@media(max-width:520px){.topbar,.dashboard-page,.app-footer{width:min(100% - 24px,1180px)}.topbar{min-height:66px}.live-status{display:none}.hero-card{min-height:280px;align-items:flex-start;padding:27px 22px 25px}.hero-signal{position:absolute;right:-35px;bottom:-40px;width:150px;opacity:.75}.hero-copy{max-width:100%}.panel{padding:19px 17px;border-radius:18px}.table-scroll{margin-right:-17px;margin-left:-17px}th:first-child,td:first-child{padding-left:17px}th:last-child,td:last-child{padding-right:17px}.cost-grid{grid-template-columns:1fr 1fr}.cost-grid>div:last-child{grid-column:1 / -1}.split-row{grid-template-columns:1fr auto;gap:8px 12px}.split-track{grid-column:1 / -1;grid-row:2}.sample-count{align-self:start}.warning-banner{grid-template-columns:auto minmax(0,1fr) auto;padding:12px}.warning-content p{font-size:.78rem}}.empty-state{display:grid;gap:12px;max-width:640px;margin:0 auto;padding:32px 28px;text-align:left}.empty-state h2{margin:0;font-size:1.6rem;letter-spacing:-.01em}.empty-state-copy{margin:0;color:var(--text-muted);line-height:1.6}.empty-state-steps{margin:4px 0 0;padding-left:20px;display:grid;gap:6px;color:var(--text-muted);line-height:1.5}.empty-state-note{margin:8px 0 0;padding:12px 14px;border:1px solid var(--border);border-radius:12px;background:var(--surface-raised, var(--surface));color:var(--text-muted);font-size:.9rem;line-height:1.55}