:root{--color-paper:#fdf4e7;--color-paper-2:#fffbf5;--color-paper-3:#f6e5cf;--color-paper-muted:#d4c9b9;--color-ink:#1e2032;--color-ink-muted:#61647a;--color-rule:#e5d5bf;--color-rule-strong:#c9b498;--color-line:var(--color-rule);--color-muted:var(--color-ink-muted);--color-accent:#e15a4e;--color-accent-strong:#c83b32;--color-accent-soft:#ffd6cc;--color-accent-ink:#481b17;--color-accent-shadow:#e15a4e3d;--color-positive:#006431;--color-positive-soft:#c7edd0;--color-negative:#a82d2e;--color-negative-soft:#ffdbd7;--color-warning:#8d5400;--color-warning-soft:#ffe0b0;--color-focus:#455ed2;--color-telegram:#007bae;--color-cloud:#286cab;--color-shadow:#1e203214;--color-qr-paper:#fff;--font-display:Georgia, "Times New Roman", serif;--font-body:"Avenir Next", Avenir, ui-sans-serif, system-ui, sans-serif;--space-xs:.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4.5rem;--space-3xl:7rem;--radius-input:12px;--radius-control:14px;--radius-card:22px;--shadow-card:0 16px 40px var(--color-shadow);--ease-in:cubic-bezier(.7, 0, 1, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--dur-short:.22s;--dur-long:.42s}@supports (color:lab(0% 0 0)){:root{--color-paper:lab(96.5508% 1.79669 7.44637);--color-paper-2:lab(98.8685% .841975 4.50213);--color-paper-3:lab(91.9248% 3.31214 13.1578);--color-paper-muted:lab(81.4923% 1.88106 9.46983);--color-ink:lab(12.6662% 3.14336 -12.6008);--color-ink-muted:lab(42.8733% 2.43539 -12.8348);--color-rule:lab(86.1236% 3.333 13.1747);--color-rule-strong:lab(74.5238% 4.50656 17.1348);--color-accent:lab(56.6178% 52.741 35.2316);--color-accent-strong:lab(47.2085% 56.2003 39.3376);--color-accent-soft:lab(89.0518% 18.5412 14.4017);--color-accent-ink:lab(16.9778% 21.6516 14.239);--color-accent-shadow:lab(56.6178% 52.741 35.2316/.24);--color-positive:lab(36.5594% -37.9462 21.8037);--color-positive-soft:lab(90.2956% -16.8019 9.4445);--color-negative:lab(39.2272% 50.5712 30.955);--color-negative-soft:lab(90.2073% 16.9258 9.17881);--color-warning:lab(41.5875% 23.7305 69.091);--color-warning-soft:lab(90.8162% 6.16398 27.3472);--color-focus:lab(43.2614% 20.4255 -63.8739);--color-telegram:lab(47.7579% -16.9299 -41.1369);--color-cloud:lab(43.7759% -4.44722 -40.4261);--color-shadow:lab(12.6662% 3.14336 -12.6008/.08);--color-qr-paper:lab(100% 0 0)}}
html,body{background:var(--color-paper);min-height:100%;color:var(--color-ink);font-family:var(--font-body);margin:0;overflow-x:clip}*{box-sizing:border-box}a{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}h1,h2,h3,p{margin:0}h1,h2,h3{overflow-wrap:anywhere;min-width:0;font-family:var(--font-display);font-style:normal}h1{letter-spacing:-.06em;max-width:740px;font-size:clamp(2.4rem,7vw,5.8rem);line-height:1.02}h1 span{color:var(--color-accent)}h2{letter-spacing:-.03em;font-size:clamp(1.2rem,2vw,1.55rem);line-height:1.12}.app-shell{min-height:100dvh;display:block}.side-rail{display:none}.wordmark{color:var(--color-ink);font-family:var(--font-display);letter-spacing:-.06em;align-items:center;gap:.45rem;font-size:1.6rem;font-weight:800;text-decoration:none;display:inline-flex}.wordmark span{color:var(--color-accent);font-family:var(--font-body);font-size:1.2rem}.rail-caption{max-width:16ch;color:var(--color-ink-muted);margin-top:.55rem;font-size:.8rem;line-height:1.35}.side-rail nav{margin-top:var(--space-xl);gap:.4rem;display:grid}.nav-link{border-radius:var(--radius-control);min-height:44px;color:var(--color-ink-muted);transition:background var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);align-items:center;gap:.7rem;padding:.7rem .75rem;font-size:.88rem;font-weight:700;text-decoration:none;display:flex}.nav-link.active{background:var(--color-accent-soft);color:var(--color-accent-ink)}.logout-button{min-height:44px;color:var(--color-ink-muted);text-align:left;background:0 0;border:0;align-items:center;gap:.6rem;margin-top:auto;padding:.7rem .75rem;font-size:.8rem;font-weight:700;display:inline-flex}.app-main{min-width:0}.page-content{width:min(1180px,100%);padding:var(--space-lg) max(var(--space-sm), env(safe-area-inset-right)) calc(6.5rem + env(safe-area-inset-bottom)) max(var(--space-sm), env(safe-area-inset-left));margin:0 auto}.page-header{align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg);flex-direction:column;display:flex}.page-header .button{width:100%}.eyebrow{color:var(--color-accent);letter-spacing:.13em;text-transform:uppercase;font-size:.68rem;font-weight:800;line-height:1.2}.subtitle{max-width:58ch;color:var(--color-ink-muted);margin-top:.9rem;font-size:1rem;line-height:1.5}.button{border-radius:var(--radius-control);white-space:nowrap;min-height:44px;transition:transform var(--dur-short) var(--ease-out), background var(--dur-short) var(--ease-out), box-shadow var(--dur-short) var(--ease-out);border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1rem;font-size:.86rem;font-weight:800;text-decoration:none;display:inline-flex}.button:active{transform:translateY(1px)}.button:focus-visible,.icon-button:focus-visible,.nav-link:focus-visible,.chip:focus-visible,.choice:focus-visible,.text-link-button:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.button.primary{background:var(--color-accent);box-shadow:0 8px 22px var(--color-accent-shadow);color:var(--color-accent-ink)}.button.secondary{border-color:var(--color-rule-strong);background:var(--color-paper-2);color:var(--color-ink)}.full-button{width:100%}.metric-grid,.report-metrics{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.metric-card,.report-metrics article,.panel{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);box-shadow:var(--shadow-card)}.metric-card{min-height:150px;padding:var(--space-md)}.metric-card.accent{background:var(--color-ink);color:var(--color-paper)}.metric-card span,.report-metrics span{color:var(--color-ink-muted);font-size:.78rem;font-weight:700;display:block}.metric-card.accent span{color:var(--color-paper-muted)}.metric-card strong,.report-metrics strong{font-family:var(--font-display);letter-spacing:-.05em;margin-top:.85rem;font-size:clamp(1.4rem,3vw,2.1rem);display:block}.metric-card small{color:var(--color-ink-muted);align-items:center;gap:.35rem;margin-top:1.2rem;font-size:.75rem;display:flex}.metric-card.accent small{color:var(--color-paper-muted)}.positive{color:var(--color-positive)}.negative{color:var(--color-negative)}.accent .positive,.accent .negative{color:var(--color-paper)}.dashboard-grid,.transaction-layout,.report-columns,.settings-grid{gap:var(--space-sm);margin-top:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.panel{min-width:0;padding:var(--space-md)}.panel-heading,.item-heading,.callout-line,.row-actions{justify-content:space-between;align-items:center;gap:var(--space-sm);display:flex}.panel-heading{margin-bottom:var(--space-md)}.panel-heading h2{margin-top:.35rem}.text-link{color:var(--color-accent-ink);white-space:nowrap;align-items:center;gap:.3rem;font-size:.78rem;font-weight:800;text-decoration:none;display:inline-flex}.list-row{justify-content:space-between;align-items:center;gap:var(--space-sm);border-top:1px solid var(--color-rule);min-width:0;padding:.9rem 0;display:flex}.list-row>div:first-child{min-width:0}.list-row strong,.list-row small{overflow-wrap:anywhere;display:block}.list-row strong{font-size:.9rem}.list-row small{color:var(--color-ink-muted);margin-top:.3rem;font-size:.75rem}.list-row b{white-space:nowrap;flex:none;font-size:.84rem}.notice-panel{background:var(--color-accent-soft);border-color:var(--color-accent-soft)}.notice-icon,.section-icon,.tool-icon{background:var(--color-paper-2);width:42px;height:42px;color:var(--color-accent);border-radius:12px;place-items:center;display:grid}.notice-panel h2{max-width:15ch;margin-top:.65rem}.notice-panel>p:not(.eyebrow){color:var(--color-ink-muted);margin-top:.65rem;font-size:.87rem;line-height:1.45}.notice-panel .button{margin-top:var(--space-md)}.skeleton-stack{gap:var(--space-sm);display:grid}.skeleton-grid{gap:var(--space-sm);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.skeleton{border-radius:var(--radius-card);background:linear-gradient(100deg, var(--color-paper-2), var(--color-paper-3), var(--color-paper-2));background-size:200% 100%;min-height:150px;animation:1.4s infinite shimmer}.skeleton.wide{min-height:110px}@keyframes shimmer{to{background-position:-200% 0}}.segmented{border-radius:var(--radius-control);background:var(--color-paper-3);gap:.25rem;width:100%;padding:.25rem;display:inline-flex}.segmented button{border-radius:calc(var(--radius-control) - 4px);min-height:42px;color:var(--color-ink-muted);white-space:nowrap;background:0 0;border:0;flex:1;font-size:.83rem;font-weight:800}.segmented button.selected{background:var(--color-paper-2);box-shadow:0 2px 8px var(--color-shadow);color:var(--color-ink)}.segmented .income-tab.selected{color:var(--color-positive)}.segmented .expense-tab.selected{color:var(--color-negative)}.entry-panel form{gap:var(--space-sm);margin-top:var(--space-md);display:grid}label,legend{color:var(--color-ink);font-size:.78rem;font-weight:800}label{gap:.45rem;display:grid}input,select{border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);outline-offset:1px;background:var(--color-paper);width:100%;min-height:44px;color:var(--color-ink);outline:2px solid #0000;padding:.7rem .8rem;font-size:1rem}input:focus-visible,select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}fieldset{border:0;padding:0}legend{margin-bottom:.5rem}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.choice{border:1px solid var(--color-rule-strong);border-radius:var(--radius-input);background:var(--color-paper);min-height:70px;color:var(--color-ink);text-align:left;font-size:.82rem;font-weight:800}.choice small{color:var(--color-ink-muted);margin-top:.3rem;font-size:.7rem;font-weight:500;display:block}.choice.selected{border-color:var(--color-accent);background:var(--color-accent-soft)}.form-message{min-height:1.25lh;color:var(--color-positive);font-size:.78rem}.template-block{margin-top:var(--space-lg)}.template-block .panel-heading{margin-bottom:.7rem}.chip-list{flex-wrap:wrap;gap:.45rem;display:flex}.chip{border:1px solid var(--color-rule-strong);background:var(--color-paper);min-height:44px;color:var(--color-ink);border-radius:999px;padding:.45rem .7rem;font-size:.75rem;font-weight:700}.filter-row,.period-bar,.button-row,.inline-form{align-items:center;gap:.6rem;display:flex}.filter-row{margin-bottom:.5rem}.filter-row select,.period-bar select{width:auto;min-width:110px}.search-field{flex:1;display:block;position:relative}.search-field svg{color:var(--color-ink-muted);position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.search-field input{padding-left:2.2rem}.icon-button{width:44px;height:44px;color:var(--color-ink-muted);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;display:inline-grid}.empty-state{min-height:130px;color:var(--color-ink-muted);text-align:center;align-content:center;place-items:center;gap:.45rem;font-size:.83rem;display:grid}.empty-state.large{border:1px dashed var(--color-rule-strong);border-radius:var(--radius-card);min-height:260px}.empty-state h2{color:var(--color-ink)}.alert{margin-bottom:var(--space-md);border-radius:var(--radius-input);align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.82rem;font-weight:700;display:flex}.alert.error{background:var(--color-negative-soft);color:var(--color-negative)}.alert.warning{background:var(--color-warning-soft);color:var(--color-warning)}.period-bar{margin-bottom:var(--space-sm);justify-content:flex-end}.period-bar label{white-space:nowrap;align-items:center;gap:.5rem;display:flex}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.report-metrics article{min-height:140px;padding:var(--space-md);position:relative}.report-metrics article>svg{color:var(--color-rule-strong);position:absolute;bottom:1rem;right:1rem}.report-metrics small{color:var(--color-ink-muted);margin-top:.45rem;font-size:.72rem;display:block}.report-result{margin-top:var(--space-sm);border:1px solid var(--color-positive-soft);border-radius:var(--radius-card);background:var(--color-positive-soft);padding:var(--space-md);justify-content:space-between;align-items:center;gap:1rem;display:flex}.report-result span{color:var(--color-ink-muted);font-size:.78rem;display:block}.report-result strong{font-family:var(--font-display);letter-spacing:-.05em;margin-top:.3rem;font-size:2rem;display:block}.report-result b{border-radius:999px;padding:.55rem .75rem;font-size:.75rem}.status-good{color:var(--color-positive)}.status-bad{color:var(--color-negative)}.report-result .status-good{background:var(--color-positive);color:var(--color-paper)}.report-result .status-bad{background:var(--color-negative);color:var(--color-paper)}.report-columns{grid-template-columns:minmax(0,1.4fr) minmax(260px,.6fr)}.bar-chart{min-height:220px;padding-top:var(--space-md);grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:.5rem;display:grid}.bar-item{text-align:center;align-items:end;gap:.5rem;height:190px;display:grid}.bar-item small{color:var(--color-ink-muted);font-size:.66rem}.bar-track{justify-content:center;align-items:end;height:165px;display:flex}.bar-track i{background:var(--color-accent);border-radius:8px 8px 2px 2px;width:min(24px,70%);min-height:4px;display:block}.report-chart{width:100%;height:auto;min-height:190px;display:block}.report-chart rect{fill:var(--color-accent)}.report-chart text{fill:var(--color-ink-muted);font-family:var(--font-body);font-size:.7rem}.reserve-panel h2{margin-top:.4rem}.callout-line{margin-top:var(--space-lg);border-bottom:1px solid var(--color-rule);color:var(--color-ink-muted);padding-bottom:.7rem;font-size:.8rem}.callout-line+.callout-line{margin-top:.7rem}.callout-line strong{color:var(--color-ink);font-family:var(--font-display);font-size:1.1rem}.muted{color:var(--color-ink-muted);font-size:.83rem;line-height:1.5}.reserve-panel .muted{margin-top:var(--space-lg)}.tool-form{margin-bottom:var(--space-sm)}.tool-form .panel-heading{align-items:flex-start}.form-grid{gap:var(--space-sm);margin-bottom:var(--space-md);grid-template-columns:minmax(0,1fr);display:grid}.tool-list{gap:.6rem;display:grid}.tool-item{align-items:flex-start;gap:var(--space-sm);display:flex}.tool-copy{flex:1;min-width:0}.tool-copy h2{font-size:1.1rem}.tool-copy p{color:var(--color-ink-muted);margin-top:.35rem;font-size:.76rem}.tool-meta{margin-top:var(--space-md);color:var(--color-ink-muted);flex-direction:column;justify-content:space-between;align-items:flex-start;gap:.5rem;font-size:.73rem;display:flex}.tool-meta span{align-items:center;gap:.35rem;display:inline-flex}.tool-meta b{font-size:.72rem}.life-track{background:var(--color-paper-3);border-radius:999px;height:7px;margin-top:.55rem;overflow:hidden}.life-track i{border-radius:inherit;background:var(--color-accent);height:100%;display:block}.settings-grid{grid-template-columns:minmax(0,1fr)}.settings-grid .google-panel{grid-column:auto}.section-icon{margin-bottom:var(--space-md)}.section-icon.telegram{color:var(--color-telegram)}.section-icon.cloud{color:var(--color-cloud)}.panel>h2+.muted{margin-top:.5rem}.inline-form{margin-top:var(--space-md)}.inline-form label{align-items:center;gap:.4rem;display:flex}.inline-form input{width:100px}.sheet-picker{margin-top:var(--space-md);grid-template-columns:minmax(0,1fr);align-items:end;gap:.6rem;display:grid}.text-link-button{color:var(--color-accent-ink);background:0 0;border:0;align-items:center;gap:.4rem;padding:.35rem 0;font-size:.78rem;font-weight:800;display:inline-flex}.log-panel{margin-top:var(--space-sm)}.settings-card{flex-direction:column;min-height:260px;display:flex}.settings-card .button,.settings-card .integration-help{margin-top:auto}.settings-card-top,.integration-heading{justify-content:space-between;align-items:flex-start;gap:var(--space-sm);display:flex}.integration-heading>div{min-width:0}.status-pill{white-space:nowrap;border-radius:999px;align-items:center;min-height:28px;padding:.3rem .6rem;font-size:.68rem;font-weight:800;display:inline-flex}.status-pill.good{background:var(--color-positive-soft);color:var(--color-positive)}.status-pill.warning{background:var(--color-warning-soft);color:var(--color-warning)}.status-pill.neutral{background:var(--color-paper-3);color:var(--color-ink-muted)}.integration-help,.integration-current{margin-top:var(--space-md);color:var(--color-ink-muted);font-size:.78rem;line-height:1.5}.orders-panel{grid-column:auto}.order-count{background:var(--color-paper-3);min-height:32px;color:var(--color-ink-muted);border-radius:999px;align-items:center;gap:.4rem;padding:.35rem .65rem;font-size:.72rem;font-weight:800;display:inline-flex}.order-row{padding:var(--space-sm) 0;border-top:1px solid var(--color-rule);grid-template-columns:minmax(0,1fr);gap:.7rem;display:grid}.order-copy{min-width:0}.order-copy strong,.order-copy small{display:block}.order-copy small{overflow-wrap:anywhere;color:var(--color-ink-muted);margin-top:.3rem;font-size:.72rem}.order-row>b{color:var(--color-positive);font-size:.86rem}.order-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.button.compact{min-width:0;padding-inline:.65rem}.history-panel .list-row,.log-panel .list-row{flex-direction:column;align-items:stretch}.history-panel .row-actions{width:100%}.history-panel .row-actions b{margin-right:auto}.login-page{min-height:100dvh;padding:max(var(--space-md), env(safe-area-inset-top)) max(var(--space-md), env(safe-area-inset-right)) max(var(--space-md), env(safe-area-inset-bottom)) max(var(--space-md), env(safe-area-inset-left));background:var(--color-paper);place-items:center;display:grid}.login-card{border:1px solid var(--color-rule);border-radius:var(--radius-card);background:var(--color-paper-2);width:min(430px,100%);padding:clamp(var(--space-md), 6vw, var(--space-xl));box-shadow:var(--shadow-card)}.login-mark{width:46px;height:46px;margin-bottom:var(--space-lg);background:var(--color-accent-soft);color:var(--color-accent);border-radius:14px;place-items:center;display:grid}.login-card h1{margin-top:.5rem;font-size:clamp(2.2rem,8vw,3.6rem)}.login-card form{margin-top:var(--space-xl);gap:.7rem;display:grid}.bottom-nav{z-index:20;padding:.4rem max(.25rem, env(safe-area-inset-right)) calc(.4rem + env(safe-area-inset-bottom)) max(.25rem, env(safe-area-inset-left));border-top:1px solid var(--color-rule);background:color-mix(in srgb, var(--color-paper-2) 96%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:0;right:0}.bottom-nav a{min-width:0;min-height:50px;color:var(--color-ink-muted);white-space:nowrap;place-items:center;gap:.15rem;font-size:.6rem;font-weight:800;text-decoration:none;display:grid}.bottom-nav a.active{color:var(--color-accent)}.period-bar{flex-wrap:wrap;justify-content:stretch;align-items:stretch}.period-bar .segmented{width:100%}.period-bar label{flex:1}.period-bar select{min-width:0}.filter-row,.button-row{flex-direction:column;align-items:stretch}.filter-row select,.button-row .button{width:100%}.skeleton-grid{grid-template-columns:minmax(0,1fr)}.skeleton-grid .skeleton{min-height:110px}@media (min-width:40rem){.page-content{padding-top:var(--space-xl)}.metric-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.report-metrics,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-grid .google-panel{grid-column:1/-1}.form-grid,.sheet-picker{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-picker .button{grid-column:1/-1}.filter-row,.button-row{flex-direction:row;align-items:center}.filter-row select,.button-row .button{width:auto}.tool-meta,.history-panel .list-row,.log-panel .list-row{flex-direction:row;align-items:center}.history-panel .row-actions{width:auto}.list-row strong,.list-row small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}@media (min-width:45rem){.app-shell{grid-template-columns:76px minmax(0,1fr);display:grid}.side-rail{min-height:100dvh;padding:var(--space-lg) .75rem;border-right:1px solid var(--color-rule);background:var(--color-paper-2);flex-direction:column;align-items:center;display:flex;position:sticky;top:0}.rail-caption,.nav-link{justify-content:center}.rail-caption{display:none}.nav-link{font-size:0}.nav-link svg{flex:none}.logout-button{font-size:0}.wordmark{font-size:1.3rem}.bottom-nav{display:none}.page-content{padding-bottom:var(--space-2xl)}.page-header{align-items:end;gap:var(--space-lg);margin-bottom:var(--space-xl);flex-direction:row}.page-header .button{width:auto}}@media (min-width:60rem){.app-shell{grid-template-columns:236px minmax(0,1fr)}.side-rail{padding:var(--space-xl) var(--space-md);align-items:stretch}.rail-caption{display:block}.nav-link{justify-content:flex-start;font-size:.88rem}.logout-button{font-size:.8rem}.wordmark{font-size:1.6rem}.dashboard-grid,.transaction-layout,.report-columns{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr)}.orders-panel{grid-column:1/-1}.order-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center}.report-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sheet-picker{grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto}.sheet-picker .button{grid-column:auto}}@media (hover:hover) and (pointer:fine){.nav-link:hover{background:var(--color-paper-3);color:var(--color-ink);transform:translate(2px)}.logout-button:hover{color:var(--color-accent)}.button:hover{transform:translateY(-2px)}.button.primary:hover{background:var(--color-accent-strong)}.button.secondary:hover{background:var(--color-paper-3)}.text-link:hover,.text-link-button:hover{color:var(--color-accent)}.chip:hover{border-color:var(--color-accent);color:var(--color-accent-ink)}.icon-button:hover{background:var(--color-paper-3);color:var(--color-ink)}.icon-button.danger:hover{color:var(--color-negative)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.public-order-page{min-height:100svh;padding:max(1rem, env(safe-area-inset-top)) max(1rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1rem, env(safe-area-inset-left));background:var(--color-paper);color:var(--color-ink)}.public-header,.order-hero,.order-layout,.public-footer{max-width:1180px;margin-inline:auto}.public-header{justify-content:space-between;align-items:center;gap:var(--space-xs);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-line);display:flex}.brand-lockup{min-height:44px;color:inherit;font-family:var(--font-display);align-items:center;gap:10px;font-size:24px;line-height:1;text-decoration:none;display:inline-flex}.brand-lockup img{object-fit:cover;filter:sepia(.2);border-radius:50%;width:42px;height:42px}.brand-lockup small{font:700 9px/1 var(--font-body);letter-spacing:.18em;color:var(--color-accent);margin-top:5px;display:block}.public-header-link{min-width:44px;min-height:44px;color:var(--color-accent);justify-content:center;align-items:center;gap:7px;font-weight:700;text-decoration:none;display:inline-flex}.public-header-link span{display:none}.order-hero{align-items:center;gap:var(--space-lg);padding:var(--space-xl) 0 var(--space-lg);grid-template-columns:minmax(0,1fr);display:grid}.order-hero h1{max-width:680px;margin:var(--space-sm) 0 var(--space-md);font:500 clamp(2.25rem, 12vw, 4.5rem)/.94 var(--font-display);letter-spacing:-.05em}.order-hero h1 span{color:var(--color-accent)}.order-intro{max-width:460px;color:var(--color-muted);font-size:1rem;line-height:1.6}.hero-bread{object-fit:cover;border-radius:10rem 10rem var(--radius-input) var(--radius-input);width:min(100%,360px);height:clamp(180px,55vw,260px);box-shadow:.75rem .75rem 0 var(--color-paper-3);margin-inline:auto}.order-layout{gap:var(--space-lg);grid-template-columns:minmax(0,1fr);align-items:start;display:grid}.section-heading{justify-content:space-between;align-items:end;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.section-heading h2,.checkout-card h2,.payment-card h2{font:500 clamp(1.75rem, 8vw, 2.125rem)/1 var(--font-display);letter-spacing:-.04em;margin:5px 0 0}.cart-count{color:var(--color-muted);white-space:nowrap;align-items:center;gap:7px;font-size:13px;font-weight:700;display:inline-flex}.menu-grid{gap:var(--space-sm);grid-template-columns:minmax(0,1fr);display:grid}.menu-card{background:var(--color-paper-2);border:1px solid var(--color-line);transition:border-color var(--dur-short) var(--ease-out), transform var(--dur-short) var(--ease-out);border-radius:18px;overflow:hidden}.menu-card.selected{border-color:var(--color-accent);transform:translateY(-3px)}.menu-card img{object-fit:cover;width:100%;height:clamp(190px,60vw,260px);display:block}.menu-card-body{justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.menu-card h3{font:500 24px/1 var(--font-display);margin:0 0 5px}.menu-card strong{color:var(--color-accent);font-size:14px}.quantity-control{border:1px solid var(--color-line);border-radius:99px;align-items:center;gap:7px;padding:4px;display:inline-flex}.quantity-control button{width:44px;height:44px;color:var(--color-ink);background:var(--color-paper);cursor:pointer;border:0;border-radius:50%;place-items:center;padding:0;display:grid}.quantity-control span{text-align:center;min-width:18px;font-weight:800}.order-aside{position:static}.checkout-card,.payment-card{background:var(--color-paper-2);border:1px solid var(--color-line);box-shadow:0 14px 40px color-mix(in oklch, var(--color-ink) 8%, transparent);border-radius:20px;padding:24px}.checkout-card-heading,.payment-card-top{align-items:flex-start;gap:12px;display:flex}.checkout-card-heading>svg{color:var(--color-accent)}.checkout-total{border-block:1px solid var(--color-line);color:var(--color-muted);justify-content:space-between;gap:16px;margin:28px 0;padding:18px 0;display:flex}.checkout-total strong,.payment-amount{color:var(--color-accent);font-size:23px}.checkout-card label{gap:8px;margin:14px 0;font-size:13px;font-weight:700;display:grid}.checkout-card input{min-height:48px;color:var(--color-ink);background:var(--color-paper);border:1px solid var(--color-line);border-radius:10px;padding:0 14px;font-size:1rem}.checkout-card input:focus-visible{outline:3px solid var(--color-focus);outline-offset:2px}.full-width{justify-content:center;width:100%}.checkout-note{color:var(--color-muted);margin-top:16px;line-height:1.5;display:block}.pending-mark{background:var(--color-warning-soft);width:38px;height:38px;color:var(--color-warning);border-radius:50%;flex:none;place-items:center;display:grid}.payment-card>.status-pill{margin-top:var(--space-sm)}.qris-result{width:min(100%,320px);height:auto;margin:var(--space-md) auto var(--space-sm);background:var(--color-qr-paper);border-radius:var(--radius-input);display:block}.payment-amount{text-align:center;display:block}.payment-steps{margin:var(--space-md) 0;color:var(--color-muted);padding-inline-start:1.2rem;font-size:.82rem;line-height:1.65}.public-footer{gap:var(--space-xs);margin-top:var(--space-xl);padding-top:var(--space-sm);color:var(--color-muted);border-top:1px solid var(--color-line);flex-direction:column;font-size:.75rem;display:flex}@media (min-width:22rem){.public-header-link span{display:inline}}@media (min-width:40rem){.public-order-page{padding-inline:max(var(--space-md), env(safe-area-inset-left)) max(var(--space-md), env(safe-area-inset-right))}.order-hero{padding-block:var(--space-2xl);grid-template-columns:minmax(0,1fr) minmax(230px,320px)}.hero-bread{height:clamp(290px,40vw,390px)}.menu-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.public-footer{margin-top:var(--space-2xl);flex-direction:row;justify-content:space-between}}@media (min-width:60rem){.public-order-page{padding-inline:clamp(var(--space-lg), 4vw, var(--space-2xl))}.order-hero{gap:clamp(var(--space-lg), 6vw, 5.5rem);padding-block:clamp(var(--space-2xl), 9vw, var(--space-3xl));grid-template-columns:minmax(0,1fr) minmax(260px,390px)}.order-hero h1{font-size:clamp(4.5rem,8vw,6rem)}.order-layout{grid-template-columns:minmax(0,1.5fr) minmax(310px,.8fr);gap:2.875rem}.order-aside{top:var(--space-md);position:sticky}}@media (hover:hover) and (pointer:fine){.quantity-control button:hover{color:var(--color-accent-ink);background:var(--color-accent)}}