:root{--bg:#f6efe6;--bg-grad:radial-gradient(900px 500px at 85% -10%, #f3d9d6 0%, transparent 60%), radial-gradient(700px 500px at -10% 30%, #efe0c8 0%, transparent 60%);--surface:#fffaf3;--surface-2:#efe4d3;--text:#3e2a22;--text-2:#7a6256;--line:#3e2a221f;--accent:#d9959d;--accent-strong:#b9606b;--accent-soft:#f2d7d9;--ok:#4f7f53;--ok-soft:#dfeadb;--warn:#a8741f;--warn-soft:#f4e5c2;--bad:#b3453b;--bad-soft:#f4d9d5;--glass:#fffaf3bd;--glass-border:#ffffffb3;--glass-shadow:0 10px 30px #3e2a2224, 0 1px 0 #fffc inset, 0 -1px 0 #3e2a220d inset;--r-sm:10px;--r-md:16px;--r-lg:24px;--r-pill:999px;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s5:24px;--s6:32px;--serif:ui-serif, "New York", "Iowan Old Style", Georgia, "Times New Roman", serif;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--sat:env(safe-area-inset-top,0px);--sab:env(safe-area-inset-bottom,0px);--ch-sales:#b9606b;--ch-cost:#8b6b5a;--ch-profit:#3f7a47;--cat-1:#b9606b;--cat-2:#8b6b5a;--cat-3:#d19a45;--cat-4:#5f8f68;--cat-5:#6f7fb0;--cat-6:#c98fa0;--cat-7:#9c8a78;--cat-8:#566568;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#1f1613;--bg-grad:radial-gradient(900px 500px at 85% -10%, #3b2428 0%, transparent 60%);--surface:#2a1f1b;--surface-2:#372a24;--text:#f4e9dc;--text-2:#b9a496;--line:#f4e9dc24;--accent:#d9959d;--accent-strong:#e8aab1;--accent-soft:#4a2f33;--ok:#8fbf92;--ok-soft:#2b3d2c;--warn:#e0b45c;--warn-soft:#43361a;--bad:#e88b82;--bad-soft:#4a2723;--glass:#322520b3;--glass-border:#ffffff24;--glass-shadow:0 10px 30px #00000073, 0 1px 0 #ffffff1f inset;--ch-sales:#e8aab1;--ch-cost:#c9a894;--ch-profit:#8fcf95;--cat-1:#e8aab1;--cat-2:#c9a894;--cat-3:#e6bd72;--cat-4:#8fc296;--cat-5:#9fb0e0;--cat-6:#e2b0c0;--cat-7:#c8b6a4;--cat-8:#93a5a8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;touch-action:manipulation}html,body,#root{height:100%}body{background:var(--bg);background-image:var(--bg-grad);color:var(--text);font:16px/1.45 var(--sans);-webkit-font-smoothing:antialiased;background-attachment:fixed;margin:0}h1,h2,h3{font-family:var(--serif);letter-spacing:-.01em;margin:0;font-weight:600}h1{font-size:1.9rem}h2{font-size:1.3rem}h3{font-size:1.05rem}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--accent-strong)}.muted{color:var(--text-2)}.small{font-size:.85rem}.right{text-align:right}.nowrap{white-space:nowrap}.num{font-variant-numeric:tabular-nums}.shell{min-height:100%;display:flex}.main{min-width:0;padding:calc(var(--sat) + 72px) var(--s4) calc(var(--sab) + 110px);flex:1;width:100%;max-width:980px;margin:0 auto}.topbar{z-index:30;padding:calc(var(--sat) + 10px) var(--s4) 10px;align-items:center;gap:var(--s3);pointer-events:none;display:flex;position:fixed;top:0;left:0;right:0}.topbar>*{pointer-events:auto}.topbar .title{font-family:var(--serif);text-align:center;flex:1;margin-right:44px;font-size:1.05rem;font-weight:600}.glass{background:var(--glass);-webkit-backdrop-filter:blur(22px)saturate(1.7);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);position:relative}.glass:before{content:"";border-radius:inherit;opacity:.55;pointer-events:none;background:linear-gradient(160deg,#ffffff8c 0%,#fff0 38%);position:absolute;inset:0}@media (prefers-color-scheme:dark){.glass:before{opacity:.12}}@media (prefers-reduced-transparency:reduce){.glass{background:var(--surface);-webkit-backdrop-filter:none}}.plus{cursor:pointer;width:44px;height:44px;color:var(--accent-strong);border:0;border-radius:50%;place-items:center;transition:transform .2s;display:grid}.plus:active{transform:scale(.92)}.plus svg{transition:transform .25s}.plus[aria-expanded=true] svg{transform:rotate(45deg)}.tabbar{left:50%;bottom:calc(var(--sab) + 12px);z-index:30;border-radius:var(--r-pill);gap:2px;width:min(460px,100% - 24px);padding:6px;display:flex;position:fixed;transform:translate(-50%)}.tab{border-radius:var(--r-pill);min-width:0;color:var(--text-2);z-index:1;flex-direction:column;flex:1;align-items:center;gap:2px;padding:7px 2px;font-size:.7rem;font-weight:500;text-decoration:none;display:flex;position:relative}.tab.active{color:var(--accent-strong);background:var(--surface);box-shadow:0 2px 10px #3e2a2224,inset 0 1px #ffffffb3}@media (prefers-color-scheme:dark){.tab.active{background:#ffffff1a}}@media (width>=900px){.tabbar{border-radius:var(--r-lg);flex-direction:column;width:92px;margin-top:-200px;top:50%;bottom:auto;left:16px;transform:none}.main{padding-bottom:60px}}.menu{top:calc(var(--sat) + 62px);left:var(--s4);z-index:40;border-radius:var(--r-md);transform-origin:0 0;background:#fffaf3e6;min-width:220px;padding:6px;animation:.18s ease-out pop;position:fixed}.menu button{cursor:pointer;text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;padding:12px;display:flex;position:relative}.menu button:hover,.menu button:focus-visible{background:var(--accent-soft);outline:none}@media (prefers-color-scheme:dark){.menu{background:#322520eb}}@keyframes pop{0%{opacity:0;transform:scale(.92)}}.scrim{z-index:35;background:#28181247;animation:.2s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);box-shadow:0 1px 2px #3e2a220d}.stack{gap:var(--s3);flex-direction:column;display:flex}.stack-lg{gap:var(--s5);flex-direction:column;display:flex}.row{align-items:center;gap:var(--s3);display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.grid{gap:var(--s3);grid-template-columns:repeat(auto-fit,minmax(150px,1fr));display:grid}.grid2{gap:var(--s3);grid-template-columns:1fr 1fr;display:grid}.item{align-items:center;gap:var(--s3);padding:14px var(--s4);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);cursor:pointer;text-align:left;width:100%;display:flex}.item:hover{border-color:var(--accent)}.page-head{margin-bottom:var(--s4);justify-content:space-between;align-items:flex-end;gap:var(--s3);display:flex}.stat{padding:var(--s4);border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line)}.stat .v{font-family:var(--serif);margin-top:2px;font-size:1.45rem;font-weight:600;line-height:1.15}.stat .l{color:var(--text-2);font-size:.78rem}.stat .h{color:var(--text-2);margin-top:2px;font-size:.72rem}.badge{border-radius:var(--r-pill);background:var(--surface-2);color:var(--text-2);white-space:nowrap;padding:2px 9px;font-size:.72rem;font-weight:600;display:inline-block}.badge.ok{background:var(--ok-soft);color:var(--ok)}.badge.warn{background:var(--warn-soft);color:var(--warn)}.badge.bad{background:var(--bad-soft);color:var(--bad)}.badge.pink{background:var(--accent-soft);color:var(--accent-strong)}.banner{border-radius:var(--r-md);background:var(--warn-soft);color:var(--warn);padding:10px 14px;font-size:.9rem}.banner.bad{background:var(--bad-soft);color:var(--bad)}.banner.ok{background:var(--ok-soft);color:var(--ok)}.empty{text-align:center;padding:var(--s6) var(--s4);color:var(--text-2)}.empty h3{color:var(--text);margin-bottom:4px}label.f{color:var(--text-2);flex-direction:column;gap:4px;font-size:.82rem;font-weight:500;display:flex}input,select,textarea{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-sm);width:100%;min-height:44px;color:var(--text);padding:11px 12px}input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px;border-color:#0000}input[aria-invalid=true]{border-color:var(--bad)}.err{color:var(--bad);font-size:.8rem}textarea{resize:vertical;min-height:80px}.btn{border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);cursor:pointer;justify-content:center;align-items:center;gap:6px;min-height:44px;padding:10px 18px;font-weight:600;display:inline-flex}.btn.primary{background:var(--accent-strong);color:#fff;border-color:#0000}@media (prefers-color-scheme:dark){.btn.primary{color:#2a1612}}.btn.danger{color:var(--bad)}.btn.ghost{background:0 0}.btn.small{min-height:34px;padding:5px 12px;font-size:.85rem}.btn:disabled{opacity:.5;cursor:not-allowed}.seg{background:var(--surface-2);border-radius:var(--r-pill);gap:2px;padding:3px;display:flex;overflow-x:auto}.seg button{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;color:var(--text-2);background:0 0;border:0;flex:1;padding:7px 12px;font-size:.88rem;font-weight:500}.seg button[aria-pressed=true]{background:var(--surface);color:var(--text);font-weight:600;box-shadow:0 1px 4px #3e2a2226}.sheet-wrap{z-index:50;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet-wrap .scrim{z-index:1}.sheet{z-index:2;background:var(--surface);border-radius:var(--r-lg) var(--r-lg) 0 0;flex-direction:column;width:100%;max-width:640px;max-height:94dvh;animation:.28s cubic-bezier(.2,.8,.2,1) up;display:flex;position:relative;box-shadow:0 -10px 40px #0003}@media (width>=700px){.sheet-wrap{align-items:center}.sheet{border-radius:var(--r-lg);max-height:90vh}}@keyframes up{0%{opacity:0;transform:translateY(40px)}}.sheet-head{justify-content:space-between;align-items:center;gap:12px;padding:16px 20px 8px;display:flex}.sheet-body{overscroll-behavior:contain;padding:8px 20px 20px;overflow-y:auto}.sheet-foot{padding:12px 20px calc(12px + var(--sab));border-top:1px solid var(--line);justify-content:flex-end;gap:10px;display:flex}.toast{left:50%;bottom:calc(var(--sab) + 96px);z-index:80;border-radius:var(--r-pill);max-width:90vw;padding:12px 18px;animation:.2s fade;position:fixed;transform:translate(-50%)}.toast.bad{color:var(--bad)}.bar{background:var(--surface-2);border-radius:6px;height:10px;display:flex;overflow:hidden}.bar>span{height:100%;display:block}.check{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:10px 0;display:flex}.dot{border:2px solid var(--line);border-radius:50%;flex:none;place-items:center;width:22px;height:22px;font-size:12px;display:grid}.dot.done{background:var(--ok);border-color:var(--ok);color:#fff}.kbd{background:var(--surface-2);border-radius:6px;padding:1px 6px;font-family:ui-monospace,Menlo,monospace;font-size:.8rem}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:2px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}@keyframes rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes pop-in{0%{transform:scale(.4)}60%{transform:scale(1.18)}to{transform:scale(1)}}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,16px)scale(.96)}}@keyframes tab-in{0%{opacity:0;transform:translate(-50%,90px)}}.page{animation:.38s cubic-bezier(.2,.8,.2,1) both rise}.page .item,.page .stat,.page .card,.page .banner,.page .empty{animation:.45s cubic-bezier(.2,.8,.2,1) backwards rise}.page :is(.item,.stat,.card,.banner):nth-child(2){animation-delay:40ms}.page :is(.item,.stat,.card,.banner):nth-child(3){animation-delay:80ms}.page :is(.item,.stat,.card,.banner):nth-child(4){animation-delay:.12s}.page :is(.item,.stat,.card,.banner):nth-child(5){animation-delay:.16s}.page :is(.item,.stat,.card,.banner):nth-child(n+6){animation-delay:.2s}.item,.btn,.stat,.tab,.seg button,.plus{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .2s,background-color .2s,border-color .2s,color .2s}@media (hover:hover){.item:hover{transform:translateY(-2px);box-shadow:0 8px 22px #3e2a221f}.btn:hover:not(:disabled){transform:translateY(-1px)}}.item:active,.btn:active:not(:disabled),.tab:active{transform:scale(.97)}.bar>span{transform-origin:0;animation:.8s cubic-bezier(.2,.8,.2,1) .15s both grow}.dot.done{animation:.35s ease-out pop-in}.toast{animation:.28s cubic-bezier(.2,.8,.2,1) toast-in}.tabbar{animation:.5s cubic-bezier(.2,.8,.2,1) .1s both tab-in}@media (width>=900px){.tabbar{animation:.5s ease-out both rise}}.badge{transition:background-color .2s,color .2s}.sheet-wrap .scrim{animation:.25s fade}@media (prefers-reduced-motion:reduce){.page,.page *,.bar>span,.tabbar{animation:none!important}.item:hover,.btn:hover{transform:none!important}}.fhead{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.seg.scroll{scrollbar-width:none;overflow-x:auto}.seg.scroll::-webkit-scrollbar{display:none}.kpi{text-align:left;cursor:pointer;font:inherit;color:inherit;width:100%}.kpi:hover{border-color:var(--accent)}.delta{color:var(--text-2);margin-top:2px;font-size:.74rem;font-weight:600}.delta.up{color:var(--ok)}.delta.down{color:var(--bad)}.fcard{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4);gap:var(--s3);flex-direction:column;display:flex}.chart{outline-offset:4px;border-radius:8px;width:100%;position:relative}.chart svg{max-width:100%;display:block}.ax{fill:var(--text-2);font-variant-numeric:tabular-nums;font-size:11px}.tip{z-index:5;pointer-events:none;border-radius:12px;flex-direction:column;gap:3px;padding:10px 12px;font-size:.8rem;display:flex;position:absolute;top:6px}.tip-r{justify-content:space-between;gap:10px;display:flex;position:relative}.legend{color:var(--text-2);flex-wrap:wrap;gap:6px 14px;font-size:.78rem;display:flex}.legend-i{align-items:center;gap:6px;display:inline-flex}.donut{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.donut-l{flex:1;min-width:230px;margin:0;padding:0;list-style:none}.donut-v{font-family:var(--serif);fill:var(--text);font-size:22px;font-weight:600}.sw{border-radius:3px;flex:none;width:12px;height:12px;display:inline-block}.hbars{flex-direction:column;gap:4px;display:flex}.hb{text-align:left;font:inherit;color:inherit;background:0 0;border:0;border-radius:10px;flex-direction:column;gap:5px;width:100%;padding:8px 4px;display:flex}button.hb{cursor:pointer}button.hb:hover{background:var(--accent-soft)}.track{background:var(--surface-2);border-radius:6px;height:10px;position:relative}.fill{border-radius:6px;transition:width .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;bottom:0}.axis{background:var(--text-2);opacity:.6;width:2px;position:absolute;top:-2px;bottom:-2px}.stack-bar{background:var(--surface-2);border-radius:7px;height:14px;display:flex;overflow:hidden}.stack-bar>span{height:100%;display:block}.hatch{background:repeating-linear-gradient(45deg, var(--warn-soft), var(--warn-soft) 4px, var(--warn) 4px, var(--warn) 6px)}.table{border-collapse:collapse;width:100%;font-size:.85rem}.table th{text-align:left;color:var(--text-2);padding:6px 4px;font-weight:500}.table td{border-top:1px solid var(--line);padding:6px 4px}.tab .short{display:none}@media (width<=399px){.tab .full{display:none}.tab .short{display:inline}.tabbar{width:calc(100% - 16px);padding:5px 3px}}input,select,textarea{font-size:16px!important}