:root{--green:#102d28;--deep:#0b211d;--ivory:#efe2cf;--paper:#f5f1e9;--ink:#1a302a;--muted:#68766e;--line:#dedfd5;--orange:#f28c28;--danger:#9d3d3d;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);font-family:Manrope,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px;-webkit-text-size-adjust:100%}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{opacity:.55;cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}button{color:inherit}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.2;letter-spacing:-1px;font-weight:600}h2{font-size:20px;letter-spacing:-.5px;font-weight:600}h3{font-size:15px;font-weight:600}p{line-height:1.6}svg{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.demo-banner{padding:8px 12px;background:#ead8ba;text-align:center;font-size:10px;font-weight:700;letter-spacing:.2px}.topbar{height:83px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px;max-width:1120px;margin:auto}.brand{display:block;width:168px}.brand img{display:block;width:100%;height:auto}.reserve-shortcut{border:1px solid #bdc8bd;border-radius:22px;background:transparent;display:flex;gap:7px;align-items:center;min-height:40px;padding:8px 13px;font-size:12px;font-weight:700}.live-dot{width:5px;height:5px;border-radius:50%;background:#365f49}.reserve-shortcut>span:last-child{font-size:17px;margin-left:5px}
main{padding:28px 22px calc(104px + var(--safe-bottom));max-width:1120px;margin:auto;min-height:70dvh}.eyebrow{text-transform:uppercase;letter-spacing:1.9px;font-size:9px;font-weight:700;color:var(--muted);margin-bottom:10px}.page-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;margin-bottom:22px}.page-heading .muted{margin-top:7px;font-size:12px}.muted{color:var(--muted);font-size:12px}.tiny{font-size:10px;line-height:1.6;color:var(--muted)}.icon-button{min-width:44px;min-height:44px;border:1px solid var(--line);background:transparent;border-radius:50%;font-size:24px;line-height:1}.refresh{font-size:20px}.hero-card{background:var(--green);color:var(--ivory);border-radius:20px;padding:25px 24px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:135px;height:180px;border:1px solid #efe2cf12;right:-18px;top:-34px;transform:rotate(26deg);border-radius:4px;pointer-events:none}.hero-top{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#d5dbc9;font-size:11px}.pill{padding:5px 9px;border:1px solid #c5d3c039;border-radius:30px;font-size:9px;white-space:nowrap}.hero-number{font-size:36px;line-height:1.25;letter-spacing:-1.5px;margin:9px 0 3px;font-weight:600;font-variant-numeric:tabular-nums}.hero-number small{font-size:22px;font-weight:400;color:#b9c7b4}.hero-note{font-size:10px;color:#b8c8b9}.hero-divider{height:1px;background:#e5e4cc26;margin:21px 0 17px}.hero-footer{display:grid;grid-template-columns:1fr 1fr;gap:16px}.hero-footer .caption{font-size:10px;color:#bacbb9;margin-bottom:4px}.hero-footer .value{font-size:17px;letter-spacing:-.5px}.hero-footer .value small{font-size:10px;color:#cbd7c7;margin-left:5px}.hero-card .danger{color:#ffc2a5}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:13px 0 26px}.action{border:0;border-radius:12px;min-height:55px;text-align:left;padding:13px 14px;display:flex;align-items:center;gap:9px;font-size:11px;font-weight:700}.action .action-icon{font-size:23px;font-weight:400;line-height:1}.action.primary{background:var(--ivory);color:var(--green)}.action.secondary{background:#e6e8df}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:25px 0 13px}.section-heading h2{font-size:18px}.text-button{min-height:44px;border:0;background:none;padding:8px 0;font-size:11px;font-weight:600}.count{font-size:11px;color:var(--muted);background:#e7e7dc;border-radius:50%;padding:4px 8px;margin-left:7px;vertical-align:middle}.project-grid{display:grid;gap:12px}.project-card{display:block;width:100%;border:1px solid var(--line);border-radius:15px;background:#fffdf8;padding:19px;text-align:left;position:relative}.project-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:20px}.project-icon{width:33px;height:33px;background:#e8eee5;display:grid;place-items:center;border-radius:9px;font-size:17px;color:#3c5747}.project-top .tag{font-size:9px;color:#657262;margin-right:auto;margin-left:8px}.arrow{font-size:20px;color:#789080}.project-card h3{font-size:16px;margin-bottom:16px}.project-metrics{display:grid;grid-template-columns:1fr 1fr;gap:10px}.label{font-size:10px;color:var(--muted);margin-bottom:5px}.project-metrics strong{font-size:15px;font-weight:600;letter-spacing:-.3px}.progress{height:3px;background:#ecebe1;border-radius:2px;overflow:hidden;margin:17px 0 8px}.progress span{display:block;width:var(--progress,0%);height:100%;background:#668873}.card-bottom{display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--muted)}.add-project{border:1px dashed #bdc7b8;border-radius:13px;background:transparent;min-height:53px;width:100%;margin-top:12px;font-size:12px;font-weight:600}.add-project span{font-size:19px;vertical-align:-1px;margin-right:8px}
.notice{display:flex;gap:12px;background:#ece8dd;padding:15px;border-radius:12px;margin:19px 0;color:#627063;font-size:11px;line-height:1.65}.notice.warn{background:#f3e4d3;color:#855a32}.notice.danger{background:#f2dfd8;color:#8a4039}.notice .notice-icon{font-size:17px;line-height:1.3;flex-shrink:0}.list-card{border:1px solid var(--line);background:#fffdf8;border-radius:15px;overflow:hidden}.list-row{padding:16px;display:flex;align-items:center;gap:12px;border-bottom:1px solid #e9e9e1}.list-row:last-child{border-bottom:0}.row-icon{width:35px;height:35px;border-radius:50%;background:#eceee5;display:grid;place-items:center;flex-shrink:0;font-size:17px}.row-content{min-width:0;flex:1}.row-title{font-size:12px;font-weight:600;line-height:1.55;overflow-wrap:anywhere}.row-sub{font-size:10px;color:var(--muted);line-height:1.5;margin-top:3px}.row-value{font-size:12px;text-align:right;font-weight:600;white-space:nowrap}.row-value .row-sub{font-weight:400}.row-button{border:0;text-align:left;width:100%;background:none}.positive{color:#38734e}.negative,.danger{color:var(--danger)}.status-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:currentColor;margin-right:4px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}.metric-card{padding:17px 15px;border:1px solid var(--line);border-radius:13px;background:#fffdf8}.metric-card strong{font-size:18px;letter-spacing:-.5px;font-weight:600}.metric-card .tiny{margin-top:5px}.back-button{border:0;padding:0 0 18px;min-height:40px;background:none;color:var(--muted);font-size:11px}.scope-control{width:100%;min-height:48px;appearance:auto;border:1px solid var(--line);background:#fffdf8;border-radius:11px;color:var(--ink);padding:10px 12px;font-size:14px;margin-bottom:18px}.toolbar{display:flex;gap:10px;margin:16px 0}.toolbar button{flex:1}.button{min-height:48px;border:0;border-radius:11px;background:var(--green);color:var(--ivory);font-size:12px;font-weight:600;padding:13px 18px}.button.ghost{background:#e5e8df;color:var(--green)}.button.outline{background:none;color:var(--green);border:1px solid #c8d0c1}.button.danger-button{background:#f3e2da;color:#913e33}.wide{width:100%}.report-section{margin-top:24px}.report-section .list-row{justify-content:space-between;align-items:flex-start;gap:15px;font-size:11px}.report-section .list-row>span{line-height:1.5;color:var(--muted)}.report-section strong{text-align:right;white-space:nowrap;font-weight:600}.report-section h2{font-size:16px;margin:0 0 12px}.report-total{background:#e6ebe0}.empty{border:1px dashed #c6cdbe;border-radius:15px;padding:30px 22px;text-align:center}.empty .empty-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:#e4e9dc;font-size:24px;margin-bottom:14px}.empty h2{font-size:17px;margin-bottom:8px}.empty p{font-size:12px;color:var(--muted);margin-bottom:18px}.badge{display:inline-block;font-size:9px;background:#ebece2;padding:4px 7px;border-radius:5px;font-weight:400}.reserve-state{margin-top:20px;display:flex;gap:12px;align-items:center}.reserve-state .status-circle{width:44px;height:44px;border:1px solid #c4ceb7;border-radius:50%;display:grid;place-items:center;font-size:20px;flex-shrink:0}.reserve-state h2{font-size:15px}.reserve-state p{font-size:11px;color:var(--muted);margin-top:4px}.subtle-divider{height:1px;background:var(--line);margin:25px 0}.reserve-formula{font-size:12px;line-height:1.9;padding:20px;background:#eeeadf;border-radius:13px}.reserve-formula strong{display:block;font-size:13px;margin-bottom:5px}
.bottom-nav{position:fixed;z-index:5;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);padding:9px 12px calc(9px + var(--safe-bottom));border-top:1px solid #d8dfd1;background:#f8f6efef;backdrop-filter:blur(18px);max-width:1120px;margin:auto}.bottom-nav button{background:none;border:0;min-height:50px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#849080;font-size:9px;font-weight:600}.bottom-nav svg{width:22px;height:22px;stroke-width:1.6}.bottom-nav button.active{color:var(--green)}.bottom-nav button.active:after{content:"";position:absolute;width:3px;height:3px;background:var(--orange);border-radius:50%;bottom:calc(6px + var(--safe-bottom))}
dialog{margin:auto auto 0;border:0;border-radius:23px 23px 0 0;max-width:560px;width:100%;max-height:calc(100dvh - 32px);padding:0 22px calc(24px + var(--safe-bottom));background:var(--paper);color:var(--ink);box-shadow:0 -10px 50px #0002;overscroll-behavior:contain}dialog::backdrop{background:#0b211d99;backdrop-filter:blur(3px)}.sheet-handle{width:34px;height:4px;background:#cbd0c2;border-radius:4px;margin:10px auto 12px}.sheet-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}.sheet-heading h2{font-size:21px}.sheet-heading .icon-button{border:0;font-size:25px;color:var(--muted)}.form-field{display:block;margin:15px 0}.form-field>span{display:block;font-size:11px;font-weight:600;margin-bottom:7px}input,select,textarea{display:block;width:100%;min-height:49px;border:1px solid #ccd3c4;border-radius:10px;background:#fffdf8;padding:12px;color:var(--ink);font-size:16px;line-height:1.4;outline:none}input:focus,select:focus,textarea:focus{border-color:#466c54;box-shadow:0 0 0 3px #466c5410}textarea{resize:vertical;min-height:78px}.form-field small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:7px}.checkbox{display:flex;gap:10px;align-items:flex-start;margin:17px 0;font-size:11px;line-height:1.6}.checkbox input{width:21px;min-height:21px;height:21px;accent-color:var(--green);margin:0;flex-shrink:0}.form-error{color:#8f3b35;background:#f2e0d6;padding:12px;font-size:12px;line-height:1.6;border-radius:10px;margin:14px 0}.review{border:1px solid var(--line);border-radius:12px;overflow:hidden;margin:15px 0}.review-line{padding:12px 14px;display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid var(--line);font-size:12px;line-height:1.5}.review-line:last-child{border:0}.review-line span{color:var(--muted)}.review-line strong{text-align:right;overflow-wrap:anywhere;max-width:70%;font-weight:600}.form-actions{display:flex;gap:10px;margin-top:20px}.form-actions .button{flex:1}.loading{text-align:center;padding:90px 15px}.loading h1{font-size:20px;margin-bottom:9px}.loading p{font-size:12px;color:var(--muted)}.loader{width:24px;height:24px;border:2px solid #d6ddce;border-top-color:var(--green);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 22px}@keyframes spin{to{transform:rotate(360deg)}}#toast{position:fixed;z-index:20;left:22px;right:22px;max-width:520px;margin:auto;bottom:calc(86px + var(--safe-bottom));padding:15px 18px;border-radius:12px;background:var(--green);color:var(--ivory);font-size:12px;box-shadow:0 5px 30px #0002}.error-page{padding-top:36px}.error-page h1{font-size:25px;margin-bottom:14px}.error-page p{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:24px}.voided{opacity:.5}.voided .row-title{text-decoration:line-through}.scroll-note{text-align:center;font-size:10px;color:var(--muted);margin:16px 0}
@media(min-width:700px){main{padding:36px 36px 120px}.topbar{padding-left:36px;padding-right:36px}.project-grid{grid-template-columns:1fr 1fr}.hero-card{padding:30px}.hero-number{font-size:46px}.hero-footer{max-width:450px}.quick-actions{max-width:500px}.metric-grid{grid-template-columns:repeat(4,1fr)}.bottom-nav{border-radius:17px 17px 0 0;max-width:600px}dialog{margin:auto;border-radius:20px;max-height:90dvh}.project-card:hover{border-color:#97a990}.hero-and-stats{display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.hero-and-stats .metric-grid{margin:0;grid-template-columns:1fr 1fr}.page-heading h1{font-size:32px}}
@media(max-width:360px){main{padding-left:16px;padding-right:16px}.topbar{padding-left:16px;padding-right:16px}.hero-number{font-size:32px}.hero-footer .value{font-size:15px}.hero-card{padding:21px}.action{padding:12px 10px;font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important}}
.project-progress{appearance:none;display:block;width:100%;height:3px;border:0;border-radius:2px;overflow:hidden;margin:17px 0 8px;background:#ecebe1}.project-progress::-webkit-progress-bar{background:#ecebe1}.project-progress::-webkit-progress-value{background:#668873}.project-progress::-moz-progress-bar{background:#668873}
@media(max-width:420px){.report-section .list-row{display:grid;grid-template-columns:minmax(0,1fr) auto}.report-section strong{white-space:normal;max-width:180px}.hero-footer .caption{font-size:9px}}
:root{--safe-top:max(env(safe-area-inset-top,0px),var(--tg-content-safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px),var(--tg-content-safe-area-inset-bottom,0px))}.topbar{height:calc(83px + var(--safe-top));padding-top:calc(18px + var(--safe-top))}
.scope-control{font-size:16px}.reserve-shortcut{min-height:44px}
.plain-help{margin-top:24px;border:1px solid var(--line);border-radius:13px;background:#eeeadf;padding:0 16px}.plain-help summary{cursor:pointer;min-height:52px;padding:16px 0;font-size:12px;font-weight:600;line-height:1.6}.plain-help>div{padding:12px 0;border-top:1px solid var(--line)}.plain-help h3{font-size:13px;line-height:1.6;margin-bottom:5px}.plain-help p{font-size:12px;line-height:1.8;color:var(--muted)}.hero-footer .caption{min-height:26px}.row-sub,.card-bottom{overflow-wrap:anywhere}.project-metrics strong{font-size:15px}.report-section strong{max-width:165px;white-space:normal}