@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{font-family:'Be Vietnam Pro',system-ui,sans-serif;color:#203d34;background:#f4f5ef;font-size:14px;--green:#255d4b;--muted:#6c7d73;--gold:#bd903b}*{box-sizing:border-box}body{margin:0}header{height:78px;padding:0 5%;display:flex;justify-content:space-between;align-items:center;background:#173e34;color:#fff}a{color:inherit}header nav{display:flex;gap:22px;align-items:center}header nav a{text-decoration:none;font-size:12px;color:#d9e4db}.brand{font-family:Manrope,system-ui;font-size:34px;font-weight:800;text-decoration:none;letter-spacing:-2px;display:flex;gap:22px;align-items:center}.brand span{font:600 10px 'Be Vietnam Pro',sans-serif;letter-spacing:3px;border-left:1px solid #ffffff55;padding:8px 0 8px 22px}main{max-width:1450px;margin:auto;padding:36px 4% 60px}h1,h2{font-family:Manrope,'Be Vietnam Pro',sans-serif;letter-spacing:-.8px;margin:0 0 14px}h1{font-size:34px}h2{font-size:21px}p{line-height:1.7}button,input,select{font:inherit}button{cursor:pointer;border:1px solid #d5ded2;background:#fff;border-radius:9px;padding:10px 16px;color:var(--green);font-weight:600;min-height:42px}button:hover{background:#edf2e8}button:disabled{opacity:.5;cursor:wait}button.primary{background:var(--green);color:white;border-color:var(--green)}header button{background:#ffffff12;border-color:#ffffff40;color:white}input,select{width:100%;min-height:42px;padding:9px 10px;border-radius:7px;background:white;border:1px solid #d8dfd4;color:#244337}input:focus,select:focus,button:focus-visible{outline:3px solid #c7d9a8;outline-offset:1px}label{display:grid;gap:8px;font-size:11px;font-weight:600;color:#627269;min-width:0}[hidden]{display:none!important}.panel{background:#fff;border:1px solid #e0e5d9;border-radius:15px;padding:24px;margin-bottom:20px;box-shadow:0 2px 5px #20332202}.title,.section-head{display:flex;justify-content:space-between;align-items:center;gap:16px}.title{margin-bottom:26px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;color:var(--muted);margin:0 0 10px}.badge{font-size:11px;padding:9px 13px;background:#e8ede0;border-radius:30px;white-space:nowrap}.filters{display:grid;grid-template-columns:1.3fr 1fr 1fr .9fr 1.1fr;gap:16px;align-items:end}.filter-note{grid-column:1/-1;font-size:11px;color:var(--muted);margin:0}.check{display:flex;align-items:center;gap:8px;min-height:42px}.check input{width:15px;min-height:15px}.money-summary{display:flex;justify-content:space-between;align-items:center;background:#e8edde;border-color:#d5dec8}.money-summary h2{font-size:20px}.money-summary p:last-child{font-size:12px;margin-bottom:0;max-width:700px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.metric{border-top:3px solid #9bb88a}.metric p{font-size:11px;color:var(--muted);margin:0 0 18px}.metric h2{font-size:28px;letter-spacing:-1px;font-weight:800}.metric small{font-size:10px;color:var(--muted)}.chart-controls{display:flex;flex-wrap:wrap;gap:14px;margin:15px 0}.chart-controls label{min-width:145px}.legend{display:flex;gap:20px;font-size:10px;color:var(--green);flex-wrap:wrap}.gold,#combo-legend{color:var(--gold)}#chart{margin:18px 0;overflow-x:auto}svg{display:block;width:100%;min-width:540px;height:auto}svg text{font-family:'Be Vietnam Pro',system-ui;font-size:10px;fill:#6b7b70}svg .donut-total{font-size:23px;font-weight:700;fill:#255d4b}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:20px}.two-col .panel{height:fit-content}.row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 0;border-bottom:1px solid #edf0e7;font-size:12px}.row strong{white-space:nowrap}.note,.updated{font-size:11px;color:var(--muted)}.empty{padding:45px 16px;text-align:center;color:var(--muted);background:#f5f7f0;border-radius:9px}.table-scroll{overflow:auto;margin-top:12px}table{width:100%;border-collapse:collapse;white-space:nowrap;font-size:11px}th{text-align:left;color:var(--muted);font-size:10px;padding:12px;background:#f2f5ed}td{padding:12px;border-bottom:1px solid #edf0e7}details{margin-top:18px}summary{cursor:pointer;font-size:12px;font-weight:600}code{font-size:10px}footer{text-align:center;color:var(--muted);font-size:10px;padding:25px}.login{max-width:460px;margin:55px auto;padding:35px}.login h1{font-size:31px}.login p{color:var(--muted);font-size:12px}.login form{display:grid;gap:16px}.cost-form{display:grid;grid-template-columns:1fr 1fr;gap:16px}#message{color:#925b28}#results:empty{min-height:150px}.updated{text-align:right}#cost-editor{scroll-margin-top:16px}
@media(max-width:1000px){.filters{grid-template-columns:repeat(3,1fr)}.metrics{grid-template-columns:repeat(2,1fr)}h1{font-size:29px}}@media(max-width:650px){header{height:66px;padding:0 18px}.brand{font-size:28px;gap:12px}.brand span{font-size:8px;letter-spacing:1.5px;padding-left:12px}header nav a{display:none}header button{font-size:10px;padding:8px}main{padding:24px 14px 45px}h1{font-size:25px}.title{align-items:flex-start;flex-direction:column;gap:6px}.title .badge{padding:6px 10px}.panel{padding:18px;border-radius:12px;margin-bottom:14px}.filters{grid-template-columns:1fr 1fr;gap:13px}.filters>div:first-child{grid-column:1/-1}.filters button{grid-column:1/-1}.metrics{gap:10px}.metric{padding:16px}.metric h2{font-size:23px;word-break:break-word}.metric p{min-height:30px;margin-bottom:8px}.metric small{font-size:9px}.money-summary{align-items:flex-start;gap:16px;flex-direction:column}.two-col{grid-template-columns:1fr;gap:0}.section-head{align-items:flex-start}.section-head button{font-size:11px;white-space:nowrap;padding:9px 12px}.chart-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.chart-controls label{min-width:0}.chart-panel{padding:16px}#chart{margin-left:-8px;margin-right:-8px}.cost-form{grid-template-columns:1fr}.updated{text-align:left}.login{margin-top:20px}.login h1{font-size:27px}.row{font-size:11px}.row button{font-size:10px;padding:7px}.row strong{font-size:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}