*,:before,:after{box-sizing:border-box}:root{--color-bg:#f6f4f1;--color-surface:#fff;--color-surface-raised:#fdfcfa;--color-border:#e4e0da;--color-border-strong:#cbc6bf;--color-text:#1c1b1f;--color-text-muted:#6b6a72;--color-text-heading:#14131a;--color-accent:#ff6501;--color-accent-hover:#d05a28;--color-accent-soft:#b86b4a;--color-accent-muted:#ff65011f;--color-accent-border:#ff650161;--color-on-accent:#fff;--color-link:#1c1b1f;--color-link-hover:#14131a;--color-success:#27ae60;--color-success-muted:#27ae601f;--color-warning:#f2994a;--color-warning-muted:#f2994a1f;--color-error:#eb5757;--color-error-muted:#eb57571f;--color-code-bg:#f0eeed;--color-surface-muted:#00000008;--hero-gradient:linear-gradient(125deg, #d05a28 0%, #ff6501 38%, #f5b896 72%, #fdf6f0 100%);--font-sans:"Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--font-heading:"Plus Jakarta Sans", system-ui, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "SF Mono", Consolas, monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2.125rem;--text-4xl:2.5rem;--text-display:clamp(1.625rem, 4.2vw, 2.125rem);--text-display-lg:clamp(1.875rem, 5vw, 2.5rem);--tracking-tight:-.02em;--tracking-display:-.03em;--tracking-catalog:-.015em;--leading-tight:1.2;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--space-0:0;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--radius-sm:8px;--radius-md:10px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:20px;--radius-full:9999px;--shadow-sm:none;--shadow-md:0 8px 24px #14131a14;--shadow-lg:0 16px 40px #14131a1a;--shadow-focus:0 0 0 3px var(--color-accent-muted);--shadow-card-hover:none;--shadow-accent-glow:none;--header-height:3.75rem;--header-pad-y:.75rem;--header-pad-x:clamp(1rem, 3vw, 1.75rem);--page-max-width:1280px;--consumer-chrome-offset:var(--header-height);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(.16, 1, .3, 1);--transition-fast:.15s var(--ease-smooth);--transition-base:.22s var(--ease-smooth);--transition-slow:.32s var(--ease-smooth);--control-height:2.75rem;--control-height-sm:2.25rem;--control-padding-inline:var(--space-3);--focus-ring:2px solid var(--color-accent);--focus-offset:2px;--disabled-opacity:.5;font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-regular);line-height:var(--leading-normal);letter-spacing:0;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=768px){:root{--header-pad-x:1rem;--text-xs:.6875rem;--text-sm:.8125rem;--text-base:.9375rem;--text-lg:1.0625rem;--text-xl:1.1875rem;--text-2xl:1.3125rem;--text-3xl:1.625rem;--text-4xl:1.875rem;--text-display:clamp(1.25rem, 4.8vw, 1.625rem);--text-display-lg:clamp(1.375rem, 5.5vw, 1.875rem)}h2{font-size:var(--text-lg)}h3{font-size:var(--text-base)}.material-symbols-outlined{font-size:1.125rem}}@media (width<=480px){:root{--text-display:clamp(1.15rem, 5.5vw, 1.45rem);--text-display-lg:clamp(1.25rem, 6.5vw, 1.625rem);--text-2xl:1.25rem;--text-3xl:1.5rem}}html{overflow-x:clip}@media (width<=768px){:not(iframe){scrollbar-width:none}:not(iframe)::-webkit-scrollbar{width:0;height:0;display:none}}html.layout-scroll-locked,html.layout-scroll-locked body,html.order-sheet-scroll-locked,html.order-sheet-scroll-locked body{overscroll-behavior:none;overflow:hidden}html.order-sheet-scroll-locked .dashboard-main-scroll{overscroll-behavior:none;touch-action:none;overflow:hidden!important}#root{text-align:left;background-color:var(--color-bg);flex-direction:column;width:100%;min-width:0;max-width:100%;min-height:100svh;display:flex;overflow-x:clip}body{background:0 0;min-width:0;max-width:100%;margin:0;overflow-x:clip}::selection{background:var(--color-accent-muted);color:var(--color-text-heading)}img,picture,video,canvas,svg{max-width:100%;height:auto}img,video{display:block}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--font-bold);color:var(--color-text-heading);line-height:var(--leading-tight)}h1{font-size:var(--text-3xl);letter-spacing:var(--tracking-display);margin:var(--space-6) 0;font-weight:var(--font-bold)}@media (width<=1024px){h1{font-size:var(--text-2xl);margin:var(--space-4) 0}}h2{font-size:var(--text-xl);letter-spacing:var(--tracking-tight);margin:0 0 var(--space-2)}h3{font-size:var(--text-lg);letter-spacing:var(--tracking-tight);margin:var(--space-4) 0 var(--space-2)}h4{font-size:var(--text-base);letter-spacing:0;margin:var(--space-3) 0 var(--space-1)}p{margin:0 0 var(--space-3);color:var(--color-text)}p:last-child{margin-bottom:0}a{color:var(--color-link);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--color-link-hover)}a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}code{font-family:var(--font-mono);padding:var(--space-1) var(--space-2);background:var(--color-code-bg);border-radius:var(--radius-sm);color:var(--color-text-heading);font-size:.9em}:where(button,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.material-symbols-outlined{letter-spacing:normal;text-transform:none;white-space:nowrap;word-wrap:normal;font-feature-settings:"liga";-webkit-font-smoothing:antialiased;font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;direction:ltr;font-family:Material Symbols Outlined,sans-serif;font-size:1.25rem;font-style:normal;font-weight:400;line-height:1;display:inline-block}html:not(.icons-ready) .material-symbols-outlined{visibility:hidden}html.icons-ready .material-symbols-outlined{visibility:visible}@media (prefers-reduced-motion:reduce){:root{--transition-fast:0s;--transition-base:0s;--transition-slow:0s}}html[data-theme=dark]{--color-bg:#161616;--color-surface:#212121;--color-surface-raised:#262626;--color-border:#333;--color-border-strong:#404040;--color-text:#ececec;--color-text-muted:#a3a3a3;--color-text-heading:#f5f5f5;--color-accent:#ff6501;--color-accent-hover:#f07a48;--color-accent-soft:#d49a7e;--color-accent-muted:#ff650129;--color-accent-border:#ff65016b;--color-on-accent:#fff;--color-link:#f5f5f5;--color-link-hover:#fff;--color-success:#3dd68c;--color-success-muted:#3dd68c24;--color-warning:#f2b066;--color-warning-muted:#f2b06624;--color-error:#f87171;--color-error-muted:#f8717124;--color-code-bg:#212121;--color-surface-muted:#ffffff0a;--hero-gradient:linear-gradient(125deg, #0d0d0d 0%, #2a1810 38%, #5c3820 72%, #161616 100%);--shadow-sm:none;--shadow-md:0 8px 24px #0006;--shadow-lg:0 16px 40px #00000073;--shadow-focus:0 0 0 3px var(--color-accent-muted);--shadow-card-hover:none;--shadow-accent-glow:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text);background:var(--color-bg)}html[data-theme=dark] #root{background-image:none}html.ovitori-native{--ovitori-safe-top:0px;--ovitori-safe-bottom:34px;--ovitori-sat:0px;--ovitori-sab:var(--ovitori-safe-bottom,env(safe-area-inset-bottom,0px));--consumer-chrome-offset:calc(var(--header-height) + var(--ovitori-safe-top,0px));-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;touch-action:manipulation}html.ovitori-native:not(.ovitori-native-ready) #root{visibility:hidden}html.ovitori-native .consumer-top-bar,html.ovitori-native .browse-layout>.consumer-top-bar{padding-top:var(--ovitori-safe-top,0px)}html.ovitori-native .dashboard-top-nav,html.ovitori-native .app-header{padding-top:calc(var(--header-pad-y) + var(--ovitori-safe-top,0px))}html.ovitori-native .cart-sidebar,html.ovitori-native .item-detail-page--app{padding-top:var(--ovitori-safe-top,0px)}html.ovitori-native,html.ovitori-native :not(iframe){scrollbar-width:none}html.ovitori-native :not(iframe)::-webkit-scrollbar{width:0;height:0;display:none}html.ovitori-native :is(input,select,textarea){font-size:max(16px,1em)}html.ovitori-native #root{box-sizing:border-box;min-height:100dvh}html.ovitori-native #root:has(.layout-dashboard){height:100dvh;max-height:100dvh}html.ovitori-native .app-layout:has(.layout-dashboard){height:100dvh;max-height:100dvh}html.ovitori-native .cookie-consent-root,html.ovitori-native .cookie-consent{display:none!important}html.ovitori-native .skip-link,html.ovitori-native a.skip-link,html.ovitori-native a[href=\#main-content]{clip:rect(0, 0, 0, 0)!important;clip-path:inset(50%)!important;white-space:nowrap!important;color:#0000!important;background:0 0!important;border:0!important;width:1px!important;height:1px!important;margin:0!important;padding:0!important;position:absolute!important;top:auto!important;left:-9999px!important;overflow:hidden!important}html.ovitori-native .consumer-top-bar,html.ovitori-native .browse-layout>.consumer-top-bar{top:0}html.ovitori-native .consumer-top-bar__inner,html.ovitori-native .browse-layout .consumer-top-bar__inner{padding-top:var(--header-pad-y)}html.ovitori-native .dashboard-top-nav,html.ovitori-native .app-header{top:0}html.ovitori-native .dashboard-main{padding-top:0}html.ovitori-native .layout-dashboard--customer .dashboard-main{padding-bottom:0}html.ovitori-native .checkout-result-shell{padding-bottom:calc(var(--space-6) + var(--ovitori-sab));background:var(--color-bg)}html.ovitori-native .checkout-result-shell__safe{height:calc(3.75rem + var(--ovitori-safe-top,0px))}html.ovitori-native .layout-dashboard--customer .site-footer--page{padding-bottom:var(--space-3)}html.ovitori-native .support-drawer,html.ovitori-native .support-drawer-backdrop,html.ovitori-native .cart-sidebar-backdrop,html.ovitori-native .dashboard-backdrop,html.ovitori-native .dashboard-right,html.ovitori-native .app-confirm-dialog,html.ovitori-native .courier-offer-popup,html.ovitori-native .sidebar{top:0}html.ovitori-native .support-drawer__header{padding-top:calc(var(--space-4) + var(--ovitori-safe-top,0px))}html.ovitori-native .cart-sidebar{padding-top:var(--ovitori-safe-top,0px);padding-bottom:var(--ovitori-sab);box-sizing:border-box;height:100dvh;top:0}html.ovitori-native .cart-floating-wrap{display:none}@media (width<=1200px){html.ovitori-native .sidebar{padding-top:56px}html.ovitori-native .dashboard-right{padding-top:60px}}:root{--inline-icon-size:1.125rem;--inline-icon-offset:.125rem}.ui-inline-icon{width:var(--inline-icon-size);height:var(--inline-icon-size);font-size:var(--inline-icon-size);color:var(--color-accent);font-variation-settings:"FILL" 0, "wght" 450, "GRAD" 0, "opsz" 20;flex-shrink:0;justify-content:center;align-items:center;line-height:1;display:inline-flex}.ui-inline-icon--aligned{margin-top:var(--inline-icon-offset)}.ui-inline-icon--md{--inline-icon-size:1.25rem}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:var(--leading-snug);min-height:var(--control-height);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;box-shadow:none;transition:background-color var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast);white-space:nowrap;border:1px solid #0000;display:inline-flex}.btn:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.btn:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.btn-primary{background:var(--color-accent);color:var(--color-on-accent);box-shadow:none;border-color:#0000}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);border-color:#0000}.btn-primary:active:not(:disabled){background:var(--color-accent-hover)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border);box-shadow:none}.btn-secondary:hover:not(:disabled){background:var(--color-bg);border-color:var(--color-border-strong)}.btn-ghost{color:var(--color-text);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-accent-muted);color:var(--color-text-heading)}.btn-danger{background:var(--color-error);color:#fff;border-color:var(--color-error);box-shadow:none}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.btn-sm{min-height:var(--control-height-sm);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{min-height:3rem;padding:var(--space-3) var(--space-6);font-size:var(--text-base);border-radius:var(--radius-lg)}.input-wrap{align-items:stretch;gap:var(--space-2);flex-direction:column;width:100%;min-width:0;margin:0;display:flex}.input-wrap>span,.input-wrap label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-heading);line-height:var(--leading-snug);display:block;position:static}.input,.select{min-height:var(--control-height)}.input,.select,.textarea{width:100%;font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--control-padding-inline);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-shadow:none}html[data-theme=dark] .input,html[data-theme=dark] .select,html[data-theme=dark] .textarea{box-shadow:none}.input::placeholder,.textarea::placeholder{color:var(--color-text-muted)}.input:hover:not(:disabled):not(:focus),.select:hover:not(:disabled):not(:focus),.textarea:hover:not(:disabled):not(:focus){border-color:var(--color-border-strong)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}.input:disabled,.select:disabled,.textarea:disabled{opacity:var(--disabled-opacity);cursor:not-allowed}.input.input-error,.select.select-error,.textarea.textarea-error{border-color:var(--color-error)}.textarea{resize:vertical;min-height:100px}.select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a098ae' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}html[data-theme=dark] .select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239890a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}:is(.layout-main,.dashboard-content) .filters{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}:is(.layout-main,.dashboard-content) .filters>button{min-height:var(--control-height-sm);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;box-shadow:none;transition:border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast)}:is(.layout-main,.dashboard-content) .filters>button:hover{border-color:var(--color-border-strong);background:var(--color-bg)}:is(.layout-main,.dashboard-content) .filters>button:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}:is(.layout-main,.dashboard-content) .filters>button.active{background:var(--color-accent);color:var(--color-on-accent);box-shadow:none;border-color:#0000}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);box-shadow:none;transition:border-color var(--transition-base)}html[data-theme=dark] .card,.card.card-raised{box-shadow:none}.card.card-interactive{cursor:pointer;color:inherit;text-decoration:none;display:block}.card.card-interactive:hover{border-color:var(--color-border-strong)}.card-header{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text-heading);margin-bottom:var(--space-2)}.card-body{color:var(--color-text);font-size:var(--text-sm)}.badge{font-size:var(--text-xs);font-weight:var(--font-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);border:1px solid #0000;align-items:center;display:inline-flex}.badge-default{background:var(--color-accent-muted);color:var(--color-accent);border-color:var(--color-accent-border)}.badge-success{background:var(--color-success-muted);color:var(--color-success)}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge-error{background:var(--color-error-muted);color:var(--color-error)}.badge-muted{background:var(--color-border);color:var(--color-text-muted)}.alert{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);line-height:var(--leading-normal);border:1px solid #0000;display:flex}.alert-info{background:var(--color-accent-muted);border-color:var(--color-accent-border);color:var(--color-text-heading)}.alert-success{background:var(--color-success-muted);border-color:var(--color-success);color:var(--color-text-heading)}.alert-warning{background:var(--color-warning-muted);border-color:var(--color-warning);color:var(--color-text-heading)}.alert-error{background:var(--color-error-muted);border-color:var(--color-error);color:var(--color-text-heading)}.table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none;overflow-x:auto}.table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.table th,.table td{padding:var(--space-3) var(--space-4);text-align:left;border-bottom:1px solid var(--color-border)}.table th{font-weight:var(--font-semibold);color:var(--color-text-heading);background:var(--color-bg)}.table tbody tr:last-child td{border-bottom:none}.table tbody tr:hover{background:var(--color-bg)}.state-loading,.state-error,.state-empty{padding:var(--space-8) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.state-error{color:var(--color-error)}.state-empty{color:var(--color-text-muted)}.spinner{width:24px;height:24px;margin:0 auto var(--space-3);border:2px solid var(--color-border);border-top-color:var(--color-accent);border-radius:50%;animation:.7s linear infinite deliverr-spin}@keyframes deliverr-spin{to{transform:rotate(360deg)}}.container{width:100%;max-width:1126px;padding-inline:var(--space-4);margin:0 auto}@media (width<=768px){.container{padding-inline:var(--space-3)}}.page-header{gap:var(--space-2);padding-bottom:var(--space-5);border-bottom:1px solid var(--color-border);flex-direction:column;margin-bottom:0;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-heading);margin:0 0 var(--space-2)}.page-subtitle{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.stack{gap:var(--space-4);flex-direction:column;display:flex}.stack-sm{gap:var(--space-2)}.stack-lg{gap:var(--space-6)}.cluster{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.layout-main{padding:var(--space-6) var(--space-8);background:var(--color-bg);flex:1}@media (width<=768px){.layout-main{padding:var(--space-4)}}.layout-shell{flex-direction:column;min-height:100%;display:flex;position:relative}.skip-link{clip:rect(0, 0, 0, 0);clip-path:inset(50%);white-space:nowrap;color:#0000;z-index:100;background:0 0;border:0;width:1px;height:1px;margin:-1px;padding:0;text-decoration:none;position:absolute;top:0;left:0;overflow:hidden}.skip-link:focus,.skip-link:focus-visible{top:var(--space-2);left:var(--space-4);width:auto;height:auto;padding:var(--space-2) var(--space-3);clip:auto;clip-path:none;white-space:normal;background:var(--color-surface);color:var(--color-accent);font-size:var(--text-sm);font-weight:var(--font-medium);border:2px solid var(--color-accent);border-radius:var(--radius-md);outline:none;margin:0;position:absolute;overflow:visible}:is(.layout-main,.dashboard-content)>div[class$=page]:not(.cart-page),:is(.layout-main,.dashboard-content)>div[class*=page\ ]:not(.cart-page),:is(.layout-main,.dashboard-content)>div.customer-page,:is(.layout-main,.dashboard-content)>div.merchant-dashboard,:is(.layout-main,.dashboard-content)>div.courier-dashboard,:is(.layout-main,.dashboard-content)>div.admin-dashboard,:is(.layout-main,.dashboard-content)>div.merchant-order-detail,:is(.layout-main,.dashboard-content)>div.assignment-detail-page{gap:var(--space-4);flex-direction:column;width:100%;min-width:0;max-width:100%;display:flex}:is(.layout-main,.dashboard-content) .page-title{letter-spacing:-.02em;margin:0}:is(.layout-main,.dashboard-content) :is(.error,.checkout-error){padding:var(--space-3) var(--space-4);border:1px solid var(--color-error);border-radius:var(--radius-lg);background:var(--color-error-muted);color:var(--color-error)}:is(.layout-main,.dashboard-content) :is(.zone-list,.filters,.menu-actions,.cart-actions,.branch-filter){align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}:is(.layout-main,.dashboard-content) :is(.zone-chip,.btn-delete,.btn-mark,.status-btn,.back-link,.link,.cart-link-back,.cart-link){justify-content:center;align-items:center;gap:var(--space-2);min-height:2.25rem;padding:var(--space-2) var(--space-3);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);font-weight:var(--font-medium);transition:all var(--transition-fast);text-decoration:none;display:inline-flex}:is(.layout-main,.dashboard-content) :is(.zone-chip.active,.cart-checkout-btn,.checkout-btn){background:var(--color-accent);color:var(--color-on-accent);box-shadow:none;border-color:#0000}:is(.layout-main,.dashboard-content) :is(.zone-chip:hover,.back-link:hover,.link:hover,.cart-link:hover,.cart-link-back:hover){border-color:var(--color-border-strong);background:var(--color-bg);color:var(--color-text-heading)}:is(.layout-main,.dashboard-content) :is(.branch-card,.item-card,.order-card,.assign-card,.settlement-card,.settlement-row,.merchant-row,.courier-row,.user-row,.zone-row,.address-card,.profile-section,.admin-card,.order-items-list li,.admin-row-card){border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:none;transition:border-color var(--transition-fast);content-visibility:auto;contain-intrinsic-size:auto 72px}:is(.layout-main,.dashboard-content) :is(.branch-card,.order-card,.assign-card,.admin-card):hover{border-color:var(--color-border-strong)}:is(.layout-main,.dashboard-content) :is(.branch-list,.item-list,.order-list,.assign-list,.settlement-list,.user-list,.merchant-list,.courier-list,.zone-list){gap:var(--space-3);margin:0;padding:0;list-style:none;display:grid}:is(.layout-main,.dashboard-content) :is(.merchant-list,.courier-list,.user-list,.zone-list,.settlement-list)>li,:is(.layout-main,.dashboard-content) :is(.merchant-list,.courier-list,.user-list,.zone-list,.settlement-list)>.row{padding:var(--space-4)}:is(.layout-main,.dashboard-content) input:where(:not([type]),[type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number],[type=date],[type=datetime-local],[type=time]):not(.input):not(.ui-command-search__input),:is(.layout-main,.dashboard-content) select:not(.select),:is(.layout-main,.dashboard-content) textarea:not(.textarea){border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);box-shadow:none}:is(.layout-main,.dashboard-content) input:where(:not([type]),[type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number],[type=date],[type=datetime-local],[type=time]):not(.input):not(.ui-command-search__input),:is(.layout-main,.dashboard-content) select:not(.select){min-height:var(--control-height);padding:var(--space-2) var(--control-padding-inline)}:is(.layout-main,.dashboard-content) textarea:not(.textarea){min-height:5.5rem;padding:var(--space-3) var(--control-padding-inline);resize:vertical}:is(.layout-main,.dashboard-content) select:not(.select){cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a098ae' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-3) center;padding-right:var(--space-8)}html[data-theme=dark] :is(.layout-main,.dashboard-content) select:not(.select){background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239890a8' d='M6 8L1 3h10z'/%3E%3C/svg%3E")}:is(.layout-main,.dashboard-content) input:where(:not([type]),[type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number],[type=date],[type=datetime-local],[type=time]):not(.input):not(.ui-command-search__input):focus,:is(.layout-main,.dashboard-content) select:not(.select):focus,:is(.layout-main,.dashboard-content) textarea:not(.textarea):focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus);outline:none}html[data-theme=dark] :is(.layout-main,.dashboard-content) input:where(:not([type]),[type=text],[type=email],[type=password],[type=search],[type=tel],[type=url],[type=number],[type=date],[type=datetime-local],[type=time]):not(.input):not(.ui-command-search__input),html[data-theme=dark] :is(.layout-main,.dashboard-content) select:not(.select),html[data-theme=dark] :is(.layout-main,.dashboard-content) textarea:not(.textarea){box-shadow:none}:is(.layout-main,.dashboard-content) :is(.profile-avatar,.courier-avatar,.merchant-logo-img,.catalog-item-thumb,.proof-image){border-radius:var(--radius-lg);object-fit:cover;box-shadow:none}:is(.layout-main,.dashboard-content) .page-section{flex-direction:column;gap:16px;display:flex}:is(.layout-main,.dashboard-content) .section-header{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}:is(.layout-main,.dashboard-content) .section-header h2{font-size:var(--text-xl);color:var(--color-text-heading);margin:0;font-weight:700}:is(.layout-main,.dashboard-content) .card-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}:is(.layout-main,.dashboard-content) .stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:none;transition:border-color var(--transition-fast);flex-direction:column;gap:8px;padding:20px;display:flex}:is(.layout-main,.dashboard-content) .stat-card:hover{border-color:var(--color-border-strong)}:is(.layout-main,.dashboard-content) .stat-card .stat-icon{color:var(--color-accent);align-items:center;display:flex}:is(.layout-main,.dashboard-content) .stat-card .stat-icon .material-symbols-outlined{font-size:var(--inline-icon-size);font-variation-settings:"FILL" 0, "wght" 450, "GRAD" 0, "opsz" 20}:is(.layout-main,.dashboard-content) .stat-card .stat-value{font-size:var(--text-3xl);color:var(--color-text-heading);font-weight:700}:is(.layout-main,.dashboard-content) .stat-card .stat-label{font-size:var(--text-sm);color:var(--color-text-muted)}@media (width<=1024px){.page-title{font-size:var(--text-2xl)}:is(.layout-main,.dashboard-content) .card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,240px),1fr))}.admin-cards{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr))}}@media (width<=1200px){:is(.layout-main,.dashboard-content) .card-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:14px}}@media (width<=768px){.page-title{font-size:var(--text-xl)}:is(.layout-main,.layout-dashboard:not(.layout-dashboard--customer) .dashboard-content) :is(.filters,.menu-actions,.cart-actions,.branch-filter){flex-direction:column;align-items:stretch}:is(.layout-main,.layout-dashboard:not(.layout-dashboard--customer) .dashboard-content) :is(.filters,.menu-actions,.cart-actions,.branch-filter)>*{text-align:center;justify-content:center;width:100%}:is(.layout-main,.dashboard-content) .card-grid{grid-template-columns:1fr}.admin-cards{gap:var(--space-3);grid-template-columns:repeat(2,1fr)}:is(.layout-main,.dashboard-content) :is(.branch-list,.item-list,.order-list,.assign-list){grid-template-columns:1fr}:is(.layout-main,.dashboard-content) :is(.zone-row,.user-row,.merchant-row,.courier-row,.settlement-row){align-items:stretch;gap:var(--space-2);flex-direction:column}:is(.layout-main,.dashboard-content) :is(.zone-row,.user-row,.merchant-row,.courier-row)>:last-child{align-self:flex-end}.table-wrap{border-radius:var(--radius-sm)}.table th,.table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}}@media (width<=480px){.page-title{font-size:var(--text-lg)}.admin-cards,:is(.layout-main,.dashboard-content) .order-card{grid-template-columns:1fr}:is(.layout-main,.dashboard-content) .order-actions{grid-column:1}.layout-dashboard:not(.layout-dashboard--customer) :is(.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger){justify-content:center;width:100%}}.route-fallback{width:100%;min-height:min(48vh,22rem);padding:var(--space-6) var(--space-4);justify-content:center;align-items:center;display:flex}.route-error{gap:var(--space-3);max-width:28rem;margin:var(--space-8) auto;padding:var(--space-6);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);justify-items:start;display:grid}.route-error__title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-text-heading);margin:0}.route-error__body{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.ui-recommendation-card__description{white-space:pre-line}.ui-filter-chips{align-items:center;gap:var(--space-2);margin-bottom:var(--space-4);padding:var(--space-1) 0;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap;display:flex;overflow-x:auto}.ui-filter-chips::-webkit-scrollbar{display:none}.ui-filter-chips--wrap{flex-wrap:wrap;overflow-x:visible}.ui-filter-chip{align-items:center;gap:var(--space-2);min-height:var(--control-height-sm);padding:var(--space-1) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-bg);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);flex-shrink:0;display:inline-flex}.ui-filter-chip:hover:not(.is-active){background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text)}.ui-filter-chip.is-active{background:var(--color-surface);border-color:var(--color-border-strong);color:var(--color-text-heading);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm)}.ui-filter-chip:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.ui-filter-chip__dot{border-radius:var(--radius-full);flex-shrink:0;width:7px;height:7px}.ui-filter-chip__count{min-width:1.25rem;padding:0 var(--space-1);border-radius:var(--radius-sm);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted);background:var(--color-surface-muted);align-items:center;display:inline-flex}.ui-filter-chip.is-active .ui-filter-chip__count{color:var(--color-text);background:var(--color-bg)}.ui-loading-state{align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);display:inline-flex}.ui-loading-state__grid{flex-shrink:0;grid-template-columns:repeat(3,4px);gap:1.5px;display:grid}.ui-loading-state__cell{background:var(--color-text-heading);opacity:.15;border-radius:1px;width:4px;height:4px}.ui-loading-state__cell.is-round{border-radius:var(--radius-full)}.ui-loading-state__cell.is-lit{animation:.65s ease-in-out infinite ui-pixel-on}.ui-loading-state__label{font-weight:var(--font-medium);color:#0000;background:linear-gradient(90deg, var(--color-text-muted) 35%, var(--color-text-heading) 50%, var(--color-text-muted) 65%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;animation:1.4s linear infinite ui-shimmer-text}.ui-loading-state__elapsed{font-family:var(--font-mono);font-size:var(--text-xs);font-variant-numeric:tabular-nums;color:var(--color-text-muted)}.ui-loading-state--block{padding:var(--space-8) var(--space-4);justify-content:center;display:flex}@keyframes ui-pixel-on{0%,to{opacity:.15}18%,42%{opacity:1}62%{opacity:.15}}@keyframes ui-shimmer-text{0%{background-position:150%}to{background-position:-50%}}@media (prefers-reduced-motion:reduce){.ui-loading-state__cell.is-lit{opacity:.5;animation:none}.ui-loading-state__label{color:var(--color-text);background:0 0;-webkit-background-clip:unset;background-clip:unset;animation:none}}.ui-command-search{width:100%;max-width:28rem;position:relative}.ui-command-search__field{align-items:center;gap:var(--space-2);min-height:var(--control-height);padding:0 var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--transition-fast), box-shadow var(--transition-fast);display:flex}.ui-command-search__field:focus-within{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.ui-command-search__icon{color:var(--color-text-muted);flex-shrink:0;font-size:1.125rem}.ui-command-search__input{min-width:0;min-height:0;box-shadow:none;appearance:none;font-family:var(--font-sans);font-size:var(--text-sm);color:var(--color-text);padding:var(--space-2) 0;background:0 0;border:none;border-radius:0;outline:none;flex:1;margin:0}.ui-command-search__input:focus{box-shadow:none;border:none;outline:none}.ui-command-search__input::-webkit-search-decoration{appearance:none}.ui-command-search__input::-webkit-search-cancel-button{appearance:none}.ui-command-search__input::-webkit-search-results-button{appearance:none}.ui-command-search__input::-webkit-search-results-decoration{appearance:none}.ui-command-search__input::placeholder{color:var(--color-text-muted)}.ui-command-search__panel{z-index:20;top:calc(100% + var(--space-1));border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);max-height:16rem;box-shadow:var(--shadow-md);position:absolute;left:0;right:0;overflow-y:auto}.ui-command-search__empty{padding:var(--space-4);font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin:0}.ui-command-search__suggestion{width:100%;padding:var(--space-2) var(--space-3);text-align:left;font:inherit;font-size:var(--text-sm);color:var(--color-text);cursor:pointer;background:0 0;border:none;display:block}.ui-command-search__suggestion:hover,.ui-command-search__suggestion:focus-visible{background:var(--color-accent-muted);outline:none}.ui-data-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.ui-data-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ui-data-table th{padding:var(--space-3) var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);white-space:nowrap}.ui-data-table th button{align-items:center;gap:var(--space-1);font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0;display:inline-flex}.ui-data-table th button:hover{color:var(--color-text-heading)}.ui-data-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:middle}.ui-data-table tbody tr:last-child td{border-bottom:none}.ui-data-table tbody tr:hover td{background:var(--color-bg)}.ui-data-table__sort-icon{opacity:.6;font-size:1rem}.ui-data-table__empty{padding:var(--space-6);text-align:center;color:var(--color-text-muted);margin:0}.ui-status-pill{padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-semibold);white-space:nowrap;border:1px solid #0000;align-items:center;line-height:1.2;display:inline-flex}.ui-status-pill--default{background:var(--color-accent-muted);color:var(--color-accent-hover)}.ui-status-pill--success{background:var(--color-success-muted);color:var(--color-success)}.ui-status-pill--warning{background:var(--color-warning-muted);color:var(--color-warning)}.ui-status-pill--error{background:var(--color-error-muted);color:var(--color-error)}.ui-status-pill--info{color:#0d7a94;background:#16a6c724}.ui-task-rows{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-task-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);display:flex}.ui-task-row__indicator{border-radius:var(--radius-full);flex-shrink:0;width:8px;height:8px;margin-top:6px}.ui-task-row--running .ui-task-row__indicator{background:var(--color-accent);animation:1.2s ease-in-out infinite ui-task-pulse}.ui-task-row--completed .ui-task-row__indicator{background:var(--color-success)}.ui-task-row--failed .ui-task-row__indicator{background:var(--color-error)}.ui-task-row--pending .ui-task-row__indicator{background:var(--color-border-strong)}.ui-task-row__body{flex:1;min-width:0}.ui-task-row__label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-heading);margin:0}.ui-task-row__detail{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.ui-task-row__progress{margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--color-bg);height:4px;overflow:hidden}.ui-task-row__progress-bar{border-radius:inherit;background:var(--color-accent);height:100%;transition:width var(--transition-base)}@keyframes ui-task-pulse{0%,to{opacity:1}50%{opacity:.35}}.ui-insight-grid{gap:var(--space-3);margin:0 0 var(--space-5);grid-template-columns:repeat(auto-fill,minmax(10rem,1fr));padding:0;list-style:none;display:grid}.ui-insight-card{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;min-width:0;display:flex}.ui-insight-card__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--color-text-muted)}.ui-insight-card__value-row{justify-content:space-between;align-items:baseline;gap:var(--space-2);display:flex}.ui-insight-card__value{font-size:var(--text-2xl);font-weight:var(--font-bold);font-variant-numeric:tabular-nums;color:var(--color-text-heading);line-height:var(--leading-tight)}.ui-insight-card__delta{font-size:var(--text-xs);font-weight:var(--font-semibold);font-variant-numeric:tabular-nums}.ui-insight-card__delta--positive{color:var(--color-success)}.ui-insight-card__delta--negative{color:var(--color-error)}.ui-insight-card__delta--neutral{color:var(--color-text-muted)}.ui-insight-card__sparkline{height:28px;margin-top:var(--space-1);align-items:flex-end;gap:2px;display:flex}.ui-insight-card__spark-bar{background:var(--color-accent-muted);border-radius:2px 2px 0 0;flex:1;min-width:3px}.ui-insight-card__action{margin-top:var(--space-1);font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-accent);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;align-self:flex-start;padding:0;text-decoration:underline}.ui-approval-card{gap:var(--space-4);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);flex-direction:column;max-width:28rem;display:flex}.ui-approval-card__title{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);margin:0}.ui-approval-card__question{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-heading);margin:0}.ui-approval-card__options{gap:var(--space-2);flex-wrap:wrap;display:flex}.ui-approval-card__option{min-height:var(--control-height-sm);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);font:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text);cursor:pointer;transition:border-color var(--transition-fast), background var(--transition-fast)}.ui-approval-card__option.is-selected{border-color:var(--color-accent);background:var(--color-accent-muted);color:var(--color-text-heading);font-weight:var(--font-semibold)}.ui-approval-card__custom{width:100%}.ui-approval-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--color-border);display:flex}.ui-approval-card__step{font-size:var(--text-xs);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.ui-approval-card__actions{gap:var(--space-2);display:flex}.ui-recommendation-card{gap:var(--space-3);padding:var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.ui-recommendation-card__title{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-text-heading);margin:0}.ui-recommendation-card__description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed);margin:0}.ui-recommendation-card__confidence{align-items:center;gap:var(--space-2);display:flex}.ui-recommendation-card__meter{border-radius:var(--radius-full);background:var(--color-bg);flex:1;height:4px;overflow:hidden}.ui-recommendation-card__meter-fill{border-radius:inherit;background:var(--color-accent);height:100%}.ui-recommendation-card__meter-fill--medium{background:var(--color-warning);width:66%}.ui-recommendation-card__meter-fill--low{background:var(--color-text-muted);width:33%}.ui-recommendation-card__meter-fill--high{width:100%}.ui-recommendation-card__confidence-label{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);white-space:nowrap}.ui-recommendation-card__alternatives{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ui-recommendation-card__alt{font-size:var(--text-xs);color:var(--color-text-muted)}.ui-recommendation-card__alt-note{color:var(--color-warning);font-weight:var(--font-medium)}.ui-recommendation-card__actions{gap:var(--space-2);margin-top:var(--space-1);flex-wrap:wrap;display:flex}.ui-diff-table-wrap{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow-x:auto}.ui-diff-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ui-diff-table caption{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--color-text-heading);border-bottom:1px solid var(--color-border)}.ui-diff-table th,.ui-diff-table td{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);text-align:left}.ui-diff-table th{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.03em}.ui-diff-table td.is-changed{background:var(--color-accent-muted);color:var(--color-text-heading);font-weight:var(--font-medium)}.ui-diff-table td.is-removed{background:var(--color-error-muted);color:var(--color-text-muted);text-decoration:line-through}.ui-diff-table td.is-added{background:var(--color-success-muted);color:var(--color-success)}.app-confirm-dialog{z-index:1600;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-confirm-dialog__backdrop{cursor:pointer;background:#0000008c;border:none;margin:0;padding:0;position:absolute;inset:0}.app-confirm-dialog__card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:min(100%,22.5rem);box-shadow:var(--shadow-lg);padding:var(--space-5);gap:var(--space-3);text-align:center;flex-direction:column;animation:.2s app-confirm-in;display:flex;position:relative}.app-confirm-dialog__icon-wrap{justify-content:center;display:flex}.app-confirm-dialog__icon{color:var(--color-accent);font-size:2rem}.app-confirm-dialog__icon--danger{color:var(--color-error)}.app-confirm-dialog__title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--color-text-heading);letter-spacing:var(--tracking-tight);margin:0}.app-confirm-dialog__body{font-size:var(--text-sm);line-height:var(--leading-snug);color:var(--color-text-muted);white-space:pre-wrap;margin:0}.app-confirm-dialog__note{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-surface-muted,color-mix(in srgb, var(--color-accent) 8%, var(--color-surface)));font-size:var(--text-xs);line-height:var(--leading-snug);color:var(--color-text);margin:0}.app-confirm-dialog__actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.app-confirm-dialog__actions .btn{flex:8rem}@keyframes app-confirm-in{0%{opacity:0;transform:translateY(8px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@media (prefers-reduced-motion:reduce){.app-confirm-dialog__card{animation:none}}.feedback-toast-host{right:max(1rem, env(safe-area-inset-right,0px));bottom:max(1.25rem, env(safe-area-inset-bottom,0px));z-index:1700;pointer-events:none;flex-direction:column-reverse;align-items:flex-end;gap:.6rem;width:min(22.5rem,100vw - 1.5rem);display:flex;position:fixed;left:auto}.feedback-toast{--toast-accent:var(--color-accent);pointer-events:auto;border:1px solid color-mix(in srgb, var(--toast-accent) 22%, var(--color-border));background:var(--color-surface);width:100%;color:var(--color-text-heading);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;grid-template-columns:auto 1fr auto;align-items:start;gap:.7rem;padding:.85rem .75rem .95rem .85rem;animation:.28s cubic-bezier(.22,1,.36,1) feedback-toast-in;display:grid;position:relative;overflow:hidden}.feedback-toast.is-leaving{animation:.18s forwards feedback-toast-out}.feedback-toast--success{--toast-accent:var(--color-success)}.feedback-toast--error{--toast-accent:var(--color-error)}.feedback-toast--info{--toast-accent:var(--color-accent)}.feedback-toast__badge{background:color-mix(in srgb, var(--toast-accent) 16%, transparent);width:2rem;height:2rem;color:var(--toast-accent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.feedback-toast__icon{font-variation-settings:"FILL" 1, "wght" 500, "GRAD" 0, "opsz" 24;font-size:1.2rem}.feedback-toast__body{gap:.15rem;min-width:0;padding-top:.05rem;display:grid}.feedback-toast__label{font-size:.68rem;font-weight:var(--font-bold);letter-spacing:.06em;text-transform:uppercase;color:var(--toast-accent);margin:0;line-height:1.2}.feedback-toast__text{min-width:0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-heading);white-space:pre-wrap;margin:0;line-height:1.4}.feedback-toast__dismiss{width:1.7rem;height:1.7rem;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;margin:-.1rem -.15rem 0 0;padding:0;display:inline-flex}.feedback-toast__dismiss:hover,.feedback-toast__dismiss:focus-visible{background:color-mix(in srgb, var(--color-text-heading) 8%, transparent);color:var(--color-text-heading);outline:none}.feedback-toast__dismiss .material-symbols-outlined{font-size:1.05rem}.feedback-toast__progress{transform-origin:0;background:color-mix(in srgb, var(--toast-accent) 75%, transparent);height:3px;animation-name:feedback-toast-progress;animation-timing-function:linear;animation-fill-mode:forwards;position:absolute;bottom:0;left:0;right:0}.feedback-toast.is-paused .feedback-toast__progress{animation-play-state:paused}.feedback-toast.is-leaving .feedback-toast__progress{opacity:0;animation:none}@keyframes feedback-toast-in{0%{opacity:0;transform:translateY(.7rem)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes feedback-toast-out{0%{opacity:1;transform:translateY(0)scale(1)}to{opacity:0;transform:translateY(.45rem)scale(.98)}}@keyframes feedback-toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}@media (width<=720px){.feedback-toast-host{align-items:stretch;width:min(22.5rem,100vw - 1.25rem);left:50%;right:auto;transform:translate(-50%)}:is(body:has(.customer-bottom-nav) .feedback-toast-host,body:has(.merchant-bottom-nav) .feedback-toast-host,body:has(.courier-bottom-nav) .feedback-toast-host){bottom:calc(92px + var(--ovitori-sab,env(safe-area-inset-bottom,0px)))}}@media (prefers-reduced-motion:reduce){.feedback-toast,.feedback-toast.is-leaving,.feedback-toast__progress{animation:none}}.support-drawer-backdrop{z-index:1180;-webkit-backdrop-filter:blur(2px);cursor:pointer;opacity:0;pointer-events:none;background:#0f0f0f66;border:none;margin:0;padding:0;transition:opacity .22s;position:fixed;inset:0}.support-drawer-backdrop--open{opacity:1;pointer-events:auto}.support-drawer{z-index:1185;box-sizing:border-box;background:var(--color-surface);border-left:1px solid var(--color-border);visibility:hidden;flex-direction:column;width:min(100vw,520px);max-width:100%;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility .28s step-end;display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%);box-shadow:-12px 0 40px #0000001f}.support-drawer--open{visibility:visible;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility step-start;transform:translate(0)}.support-drawer__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.support-drawer__title{font-family:var(--font-heading);font-size:1.2rem;font-weight:var(--font-bold);color:var(--color-text-heading);margin:0}.support-drawer__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.support-drawer__close{border-radius:var(--radius-full);background:var(--color-bg);width:40px;height:40px;color:var(--color-text-heading);cursor:pointer;transition:background var(--transition-fast);border:none;flex-shrink:0;place-items:center;padding:0;display:inline-grid}.support-drawer__close:hover{background:var(--color-accent-muted)}.support-drawer__close .material-symbols-outlined{font-size:1.35rem}.support-drawer__body{min-height:0;padding:var(--space-2) var(--space-3) var(--space-3);flex-direction:column;flex:1;display:flex}.tawk-embed-root{border-radius:var(--radius-lg);background:var(--color-bg);border:1px solid var(--color-border);flex:1;width:100%;height:100%;min-height:min(640px,80vh);overflow:hidden}.support-drawer__footer-note{padding:var(--space-3) var(--space-4);font-size:var(--text-xs);color:var(--color-text-muted);border-top:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0;margin:0}.support-drawer__footer-note a{color:var(--color-accent);font-weight:var(--font-medium)}@media (prefers-reduced-motion:reduce){.support-drawer,.support-drawer-backdrop{transition:none}}.language-switcher{align-items:center;display:inline-flex}.language-switcher select{border-radius:var(--radius-md);min-height:2.25rem;color:var(--color-text);font:inherit;cursor:pointer;background:0 0;border:none;padding:.25rem .5rem}.language-switcher select:hover{background:var(--color-bg)}.language-switcher--compact select{min-width:3.25rem;min-height:2.25rem;font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.04em;color:var(--color-text-heading);padding:0 .35rem}.cookie-consent-root{z-index:2000;padding:0 max(1rem, env(safe-area-inset-right,0px)) max(1rem, env(safe-area-inset-bottom,0px)) max(1rem, env(safe-area-inset-left,0px));pointer-events:none;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:auto 0 0}.cookie-consent{z-index:1;pointer-events:auto;box-shadow:0 -8px 32px color-mix(in srgb, var(--color-text-heading) 16%, transparent);background:var(--color-surface);width:min(36rem,100%);max-height:min(85dvh,40rem);color:var(--color-text);border:1px solid var(--color-border);border-radius:var(--radius-lg,16px);gap:1rem;padding:1.1rem 1.15rem 1.15rem;display:grid;position:relative;overflow:auto}.cookie-consent__intro{gap:.4rem;display:grid}.cookie-consent__header{justify-content:space-between;align-items:flex-start;gap:.75rem;display:flex}.cookie-consent__header .language-switcher{flex-shrink:0}.cookie-consent__header .language-switcher select{border:1px solid var(--color-border);border-radius:var(--radius-md,10px);background:var(--color-surface-raised,var(--color-bg));padding:.35rem .5rem}.cookie-consent__header .language-switcher select:hover{border-color:var(--color-border-strong);background:var(--color-bg)}.cookie-consent__title{min-width:0;font-family:var(--font-sans);font-size:var(--text-lg,1.125rem);font-weight:var(--font-bold);color:var(--color-text-heading);letter-spacing:var(--tracking-tight,-.01em);flex:1;margin:0}.cookie-consent__message{font-size:var(--text-sm);color:var(--color-text-muted);margin:0;line-height:1.45}.cookie-consent__link{color:var(--color-accent);font-weight:var(--font-medium);text-underline-offset:2px;text-decoration:underline}.cookie-consent__link:hover{color:var(--color-accent-hover)}.cookie-consent__categories{gap:.65rem;margin:0;padding:0;list-style:none;display:grid}.cookie-consent__category{border:1px solid var(--color-border);border-radius:var(--radius-md,12px);background:var(--color-surface-raised,var(--color-bg));grid-template-columns:1fr auto;align-items:center;gap:.75rem;padding:.75rem .85rem;display:grid}.cookie-consent__category-copy{gap:.2rem;min-width:0;display:grid}.cookie-consent__category-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-heading)}.cookie-consent__category-desc{font-size:var(--text-xs,.75rem);color:var(--color-text-muted);line-height:1.4}.cookie-consent__always-on{font-size:var(--text-xs,.75rem);font-weight:var(--font-semibold);color:var(--color-text-muted);white-space:nowrap}.cookie-consent__switch{appearance:none;border:1px solid var(--color-border-strong);background:var(--color-border);cursor:pointer;border-radius:999px;flex-shrink:0;width:2.5rem;height:1.4rem;margin:0;transition:background .15s,border-color .15s;position:relative}.cookie-consent__switch:after{content:"";background:var(--color-surface);border-radius:50%;width:calc(1.4rem - 6px);height:calc(1.4rem - 6px);transition:transform .15s;position:absolute;top:2px;left:2px}.cookie-consent__switch:checked{background:var(--color-accent);border-color:var(--color-accent)}.cookie-consent__switch:checked:after{transform:translate(1.05rem)}.cookie-consent__switch:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cookie-consent__actions{flex-wrap:wrap;justify-content:flex-end;gap:.5rem;display:flex}.cookie-consent__btn{border-radius:var(--radius-md,10px);min-height:2.35rem;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;border:1px solid #0000;padding:.45rem .9rem}.cookie-consent__btn--primary{background:var(--color-accent);color:var(--color-on-accent,#fff);border-color:var(--color-accent)}.cookie-consent__btn--primary:hover{background:var(--color-accent-hover);border-color:var(--color-accent-hover)}.cookie-consent__btn--secondary{background:var(--color-surface);color:var(--color-text-heading);border-color:var(--color-border-strong)}.cookie-consent__btn--secondary:hover{background:var(--color-bg)}.cookie-consent__btn--ghost{color:var(--color-text);background:0 0;border-color:#0000;margin-right:auto}.cookie-consent__btn--ghost:hover{color:var(--color-text-heading);text-decoration:underline}@media (width<=560px){.cookie-consent__actions{flex-direction:column-reverse;align-items:stretch}.cookie-consent__btn--ghost{order:1;margin-right:0}}.cart-add-toast{left:50%;bottom:max(1.25rem, var(--ovitori-sab,env(safe-area-inset-bottom,0px)));z-index:240;box-sizing:border-box;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);width:min(28rem,100vw - 1.5rem);max-width:calc(100vw - 1.5rem);color:var(--color-text-heading);box-shadow:var(--shadow-md);align-items:center;gap:10px;padding:10px 12px 10px 14px;animation:.22s cart-add-toast-in;display:flex;position:fixed;transform:translate(-50%)}.cart-add-toast__icon{color:var(--color-accent);flex-shrink:0;font-size:1.35rem}.cart-add-toast__text{min-width:0;font-size:var(--text-sm);font-weight:var(--font-medium);line-height:var(--leading-snug);overflow-wrap:break-word;flex:auto;margin:0}.cart-add-toast__action{border-radius:var(--radius-md);background:var(--color-accent);color:var(--color-on-accent);font:inherit;font-size:var(--text-xs);font-weight:var(--font-semibold);cursor:pointer;white-space:nowrap;border:none;flex:none;margin-left:auto;padding:8px 12px}.cart-add-toast__action:hover{background:var(--color-accent-hover)}@keyframes cart-add-toast-in{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}@keyframes cart-add-toast-in-mobile{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes cart-count-pop{0%{transform:scale(1)}40%{transform:scale(1.28)}to{transform:scale(1)}}.cart-count-pop{animation:.45s cart-count-pop}@media (width<=768px){.cart-add-toast{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"icon text""action action";align-items:start;gap:8px 10px;width:auto;max-width:none;padding:12px 14px;animation-name:cart-add-toast-in-mobile;display:grid;left:.75rem;right:.75rem;transform:none}.cart-add-toast__icon{grid-area:icon;margin-top:1px}.cart-add-toast__text{-webkit-line-clamp:2;-webkit-box-orient:vertical;grid-area:text;display:-webkit-box;overflow:hidden}.cart-add-toast__action{white-space:normal;grid-area:action;width:100%;min-height:40px;margin:0}}@media (width<=720px){body:has(.customer-bottom-nav) .cart-add-toast{bottom:calc(92px + var(--ovitori-sab,env(safe-area-inset-bottom,0px)))}}@media (width<=640px){body:has(.item-detail-sticky-bar) .cart-add-toast{bottom:calc(5.75rem + var(--ovitori-sab,env(safe-area-inset-bottom,0px)))}}@media (prefers-reduced-motion:reduce){.cart-add-toast,.cart-count-pop{animation:none}}.cart-order{background:var(--color-surface);flex-direction:column;min-height:0;display:flex}.cart-order--embedded{border:1px solid var(--color-border);border-radius:var(--radius-xl);max-height:calc(100vh - 120px);overflow:hidden}.cart-order--drawer{flex:1;min-height:0}.cart-order__header{padding:0 0 var(--space-3);border-bottom:1px solid var(--color-border);margin:0 var(--space-4) 0;flex-shrink:0}.cart-order__header--embedded{padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);margin:0}.cart-order__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-text-heading);margin:0}.cart-order__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.cart-order__disclaimer{align-items:flex-start;gap:var(--space-2);margin:var(--space-3) var(--space-4) 0;padding:0 0 var(--space-4);font-size:12px;line-height:var(--leading-relaxed);color:var(--color-text-muted);background:0 0;border:none;border-radius:0;display:flex}.cart-order--embedded .cart-order__disclaimer{margin:var(--space-3) var(--space-4) 0;padding:0 0 var(--space-4)}.cart-order__disclaimer .material-symbols-outlined{color:var(--color-text-muted);flex-shrink:0;margin-top:1px;font-size:1.1rem}.cart-order__lines{padding:0 var(--space-4) var(--space-3);flex:1;min-height:0;margin:0;list-style:none;overflow-y:auto}.cart-order__shop-block{margin:0 0 var(--space-4);padding:0;list-style:none}.cart-order__shop-block:last-child{margin-bottom:0}.cart-order__shop-name{margin:0 0 var(--space-2);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted)}.cart-order__shop-lines{margin:0;padding:0;list-style:none}.cart-order--embedded .cart-order__lines{padding:0 var(--space-3) var(--space-3)}.cart-order__line{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);display:flex}.cart-order__line:last-child{border-bottom:none}.cart-order__line-thumb{border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);width:64px;height:64px;color:var(--color-accent);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.cart-order__line-thumb img{object-fit:cover;width:100%;height:100%}.cart-order__line-thumb .material-symbols-outlined{opacity:.75;font-size:1.75rem}.cart-order__line-main{flex-direction:column;flex:1;align-items:flex-start;gap:4px;min-width:0;display:flex}.cart-order__line-name{font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--color-text-heading);line-height:var(--leading-snug)}.cart-order__line-options-text{font-size:12px;line-height:var(--leading-relaxed);color:var(--color-text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}.cart-order__line-bottom{justify-content:space-between;align-items:center;gap:var(--space-3);width:100%;margin-top:2px;display:flex}.cart-order__line-price-current{font-weight:var(--font-bold);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-text-heading)}.cart-order__edit{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-heading);text-decoration:none}.cart-order__edit:hover{text-decoration:underline}.cart-order__qty-pill{border-radius:var(--radius-full);background:var(--color-bg);border:1px solid var(--color-border);align-items:center;gap:2px;padding:4px 6px;display:inline-flex}.cart-order__qty-btn{border-radius:var(--radius-full);width:32px;height:32px;color:var(--color-text-heading);cursor:pointer;transition:background var(--transition-fast);background:0 0;border:none;place-items:center;padding:0;display:inline-grid}.cart-order__qty-btn:hover{background:var(--color-surface-raised)}.cart-order__qty-btn .material-symbols-outlined{font-size:1.15rem}.cart-order__qty-value{text-align:center;min-width:1.25rem;font-size:var(--text-sm);font-weight:var(--font-bold);font-variant-numeric:tabular-nums}.cart-order__footer{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.cart-order__subtotal{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;align-items:baseline;display:flex}.cart-order__subtotal strong{font-variant-numeric:tabular-nums;color:var(--color-text-heading);font-size:1.125rem}.cart-order__cta--checkout{border-radius:var(--radius-md);width:100%;font-weight:600;font-size:var(--text-sm);text-align:center;color:var(--color-on-accent);background:var(--color-accent);transition:background var(--transition-fast);margin-bottom:var(--space-3);cursor:pointer;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;padding:12px 16px;text-decoration:none;display:flex}.cart-order__cta--checkout:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.cart-order__fees{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-2);justify-content:center;align-items:center;gap:6px;text-decoration:none;display:flex}.cart-order__fees:hover{color:var(--color-text-heading)}.cart-order__fees .material-symbols-outlined{font-size:1.1rem}.cart-order__secondary{text-align:center;font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--font-medium);text-decoration:none;display:block}.cart-order__secondary:hover{text-decoration:underline}.cart-order__empty-inline{padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);font-size:var(--text-sm)}.cart-order__empty-inline .material-symbols-outlined{color:var(--color-accent);opacity:.5;margin:0 auto var(--space-3);font-size:2.5rem;display:block}.cart-sidebar-backdrop{z-index:1000;-webkit-backdrop-filter:blur(2px);cursor:pointer;background:#0f0f0f73;border:none;padding:0;position:fixed;inset:0}.cart-sidebar{z-index:1001;box-sizing:border-box;background:var(--color-surface);border-left:1px solid var(--color-border);width:min(100vw,400px);max-width:100%;height:100dvh;padding-top:var(--ovitori-sat,env(safe-area-inset-top,0px));padding-bottom:var(--ovitori-sab,env(safe-area-inset-bottom,0px));flex-direction:column;animation:.22s ease-out cart-sidebar-slide;display:flex;position:fixed;top:0;right:0;box-shadow:-12px 0 40px #0000001f}.cart-sidebar .cart-order--drawer{flex-direction:column;flex:1;min-height:0;display:flex}@keyframes cart-sidebar-slide{0%{opacity:.96;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.cart-sidebar__header{justify-content:space-between;align-items:flex-start;gap:var(--space-2);padding:var(--space-4) var(--space-4) var(--space-3);border-bottom:1px solid var(--color-border);flex-shrink:0;display:flex}.cart-sidebar__title{font-family:var(--font-heading);font-size:1.25rem;font-weight:var(--font-bold);color:var(--color-text-heading);margin:0}.cart-sidebar__subtitle{margin:var(--space-1) 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.cart-sidebar__close{border-radius:var(--radius-full);background:var(--color-bg);width:40px;height:40px;color:var(--color-text-heading);cursor:pointer;transition:background var(--transition-fast);border:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:static}.cart-sidebar__close:hover{background:var(--color-accent-muted)}.cart-sidebar__close .material-symbols-outlined{font-size:1.35rem}.cart-sidebar__header-wrap{flex:1;min-width:0}.cart-sidebar__lines{padding:var(--space-3) var(--space-4);flex:1;min-height:0;margin:0;list-style:none;overflow-y:auto}.cart-sidebar__line{gap:var(--space-2) var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:1fr auto;display:grid}.cart-sidebar__line:last-child{border-bottom:none}.cart-sidebar__line-name{font-weight:var(--font-semibold);font-size:var(--text-sm);color:var(--color-text-heading);grid-column:1/-1}.cart-sidebar__line-options{color:var(--color-text-muted);grid-column:1/-1;margin:4px 0 0;padding-left:1rem;font-size:12px}.cart-sidebar__line-unit{font-size:var(--text-xs);color:var(--color-text-muted);margin:0}.cart-sidebar__line-total{font-weight:var(--font-bold);font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-text-heading);text-align:right;align-self:start;margin:0}.cart-sidebar__line-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;grid-column:1/-1;display:flex}.cart-sidebar__qty{border:1px solid var(--color-border);border-radius:var(--radius-md);width:3rem;min-height:32px;font-size:var(--text-xs);font-family:var(--font-sans);text-align:center;background:var(--color-bg);color:var(--color-text);padding:4px 8px}.cart-sidebar__remove{font-size:var(--text-xs);border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);cursor:pointer;padding:6px 10px}.cart-sidebar__remove:hover{color:var(--color-error);border-color:var(--color-error)}.cart-sidebar__footer{padding:var(--space-4);border-top:1px solid var(--color-border);background:var(--color-bg);flex-shrink:0}.cart-sidebar__subtotal{margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);justify-content:space-between;align-items:baseline;display:flex}.cart-sidebar__subtotal strong{font-variant-numeric:tabular-nums;color:var(--color-text-heading);font-size:1.125rem}.cart-sidebar__cta{border-radius:var(--radius-md);width:100%;font-weight:600;font-size:var(--text-sm);text-align:center;background:var(--color-accent);color:var(--color-on-accent);transition:background var(--transition-fast);margin-bottom:var(--space-2);cursor:pointer;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;padding:12px 16px;text-decoration:none;display:flex}.cart-sidebar__cta:hover{background:var(--color-accent-hover);color:var(--color-on-accent)}.cart-sidebar__secondary{text-align:center;font-size:var(--text-sm);color:var(--color-accent);font-weight:var(--font-medium);text-decoration:none;display:block}.cart-sidebar__secondary:hover{text-decoration:underline}.cart-sidebar__empty{min-height:0;padding:var(--space-6) var(--space-4);text-align:center;color:var(--color-text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex;overflow-y:auto}.cart-sidebar__empty--with-saved{text-align:left;justify-content:flex-start;align-items:stretch;gap:var(--space-5);padding-top:var(--space-5)}.cart-sidebar__empty-hero{text-align:center;flex-direction:column;align-items:center;display:flex}.cart-sidebar__empty .material-symbols-outlined,.cart-sidebar__empty-hero .material-symbols-outlined{color:var(--color-accent);opacity:.7;margin-bottom:var(--space-3);font-size:3rem}.cart-sidebar__empty-title{margin:0 0 var(--space-2);color:var(--color-text-heading);font-size:1.1rem}.cart-sidebar__empty-hero p:last-child{max-width:18rem;font-size:var(--text-sm);line-height:var(--leading-relaxed);margin:0}.cart-sidebar__empty a{margin-top:var(--space-4)}.cart-sidebar__saved{gap:var(--space-3);flex-direction:column;width:100%;display:flex}.cart-sidebar__saved-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-heading);text-transform:uppercase;letter-spacing:.04em;margin:0}.cart-sidebar__saved-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.cart-sidebar__saved-row{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex}.cart-sidebar__saved-identity{align-items:center;gap:var(--space-3);flex:1;min-width:0;display:flex}.cart-sidebar__saved-logo,.cart-sidebar__saved-icon{border-radius:var(--radius-md);object-fit:cover;flex-shrink:0;width:2.5rem;height:2.5rem}.cart-sidebar__saved-icon{color:var(--color-accent);font-size:var(--inline-icon-size);font-variation-settings:"FILL" 0, "wght" 450, "GRAD" 0, "opsz" 20;justify-content:center;align-items:center;display:inline-flex}.cart-sidebar__saved-text{min-width:0}.cart-sidebar__saved-name{font-weight:var(--font-medium);color:var(--color-text-heading);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.cart-sidebar__saved-meta{font-size:var(--text-sm);color:var(--color-text-muted);margin:0}.cart-sidebar__saved-row .btn{flex-shrink:0}.app-layout{flex-direction:column;width:100%;min-width:0;max-width:100%;min-height:100dvh;display:flex;overflow-x:clip}.theme-switcher--cycle{min-width:2.25rem;min-height:2.25rem;padding:var(--space-1);border-radius:var(--radius-md);box-shadow:none;cursor:pointer;color:var(--color-accent);transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:0;line-height:0;display:inline-flex}.theme-switcher--cycle:hover{background:var(--color-accent-muted)}.theme-switcher--cycle:focus-visible{outline:var(--focus-ring);outline-offset:2px}.theme-switcher__cycle-icon{font-variation-settings:"FILL" 0, "wght" 500, "GRAD" 0, "opsz" 24;font-size:1.35rem;line-height:1;display:block}button.theme-switcher--cycle{place-items:center;display:inline-grid}.theme-switcher{border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);box-shadow:none;flex-shrink:0;align-items:stretch;display:inline-flex;overflow:hidden}.theme-switcher.theme-switcher--cycle{border-radius:var(--radius-md);box-shadow:none;background:0 0;border:none;justify-content:center;align-self:center;align-items:center;overflow:visible}.theme-switcher__btn{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);min-height:var(--control-height-sm);color:var(--color-text-muted);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--font-medium);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);border:none;border-right:1px solid var(--color-border);background:0 0;margin:0;display:inline-flex}.theme-switcher__btn:last-child{border-right:none}.theme-switcher__btn:hover{background:var(--color-bg);color:var(--color-text-heading)}.theme-switcher__btn:focus-visible{outline:var(--focus-ring);outline-offset:-2px;z-index:1}.theme-switcher__btn--active{background:var(--color-accent-muted);color:var(--color-accent)}.theme-switcher__icon{font-size:1.15rem}.theme-switcher__text{white-space:nowrap}.theme-switcher--compact .theme-switcher__btn{padding:var(--space-2);min-width:var(--control-height-sm);min-height:var(--control-height-sm)}.theme-switcher--compact .theme-switcher__icon{font-size:1.25rem}@media (width<=380px){.theme-switcher:not(.theme-switcher--compact) .theme-switcher__text{display:none}.theme-switcher:not(.theme-switcher--compact) .theme-switcher__btn{min-width:var(--control-height-sm);padding-inline:var(--space-2)}}.connection-unavailable{width:100%;min-height:100dvh;padding:var(--space-6);box-sizing:border-box;background:var(--color-bg);color:var(--color-text);flex-direction:column;justify-content:center;align-items:center;display:flex;position:relative}html.ovitori-native .connection-unavailable{padding-top:calc(var(--space-6) + var(--ovitori-sat,env(safe-area-inset-top,0px)));padding-right:max(var(--space-6), env(safe-area-inset-right,0px));padding-bottom:calc(var(--space-6) + var(--ovitori-sab,env(safe-area-inset-bottom,0px)));padding-left:max(var(--space-6), env(safe-area-inset-left,0px))}.connection-unavailable__toolbar{top:var(--space-4);right:var(--space-4);align-items:center;gap:var(--space-2);display:flex;position:absolute}html.ovitori-native .connection-unavailable__toolbar{top:calc(var(--space-3) + var(--ovitori-sat,env(safe-area-inset-top,0px)));right:max(var(--space-4), env(safe-area-inset-right,0px))}.connection-unavailable__card{text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;width:min(100%,22rem);display:flex}.connection-unavailable__logo{margin-bottom:var(--space-1)}.connection-unavailable__icon-wrap{color:var(--color-accent);place-items:center;display:grid}.connection-unavailable__icon-wrap .material-symbols-outlined{font-size:2rem}.connection-unavailable[role=status] .connection-unavailable__icon-wrap .material-symbols-outlined{animation:.9s linear infinite connection-unavailable-spin}.connection-unavailable__title{margin:var(--space-2) 0 0;font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:var(--tracking-tight);color:var(--color-text-heading);line-height:var(--leading-tight)}.connection-unavailable__body{color:var(--color-text-muted);font-size:var(--text-base);line-height:var(--leading-relaxed);margin:0}.connection-unavailable__retry{margin-top:var(--space-2);min-width:10rem}@keyframes connection-unavailable-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.connection-unavailable[role=status] .connection-unavailable__icon-wrap .material-symbols-outlined{animation:none}}.not-found{padding:var(--space-16) var(--space-6);text-align:center}.not-found h1{margin:0 0 var(--space-2);font-size:var(--text-2xl);color:var(--color-text-heading)}.not-found p{margin:0 0 var(--space-4);color:var(--color-text-muted);font-size:var(--text-base)}.not-found a{color:var(--color-link);font-weight:var(--font-medium);font-size:var(--text-sm);text-decoration:none}.not-found a:hover{color:var(--color-link-hover)}.not-found a:focus-visible{outline:var(--focus-ring);outline-offset:var(--focus-offset)}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s}.counter:hover{border-color:var(--accent-border)}.counter:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hero{position:relative}.hero .base,.hero .framework,.hero .vite{margin:0 auto;inset-inline:0}.hero .base{z-index:0;width:170px;position:relative}.hero .framework,.hero .vite{position:absolute}.hero .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}.hero .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex}@media (width<=1024px){#center{gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex}#next-steps>div{flex:1 1 0;padding:32px}@media (width<=1024px){#next-steps>div{padding:24px 20px}}#next-steps .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){#next-steps{text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border)}@media (width<=1024px){#docs{border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex}#next-steps ul .logo{height:18px}#next-steps ul a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex}#next-steps ul a:hover{box-shadow:var(--shadow)}#next-steps ul a .button-icon{width:18px;height:18px}@media (width<=1024px){#next-steps ul{flex-wrap:wrap;justify-content:center;margin-top:20px}#next-steps ul li{flex:calc(50% - 8px)}#next-steps ul a{box-sizing:border-box;justify-content:center;width:100%}}#spacer{border-top:1px solid var(--border);height:88px}@media (width<=1024px){#spacer{height:48px}}.ticks{width:100%;position:relative}.ticks:before,.ticks:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}.ticks:before{border-left-color:var(--border);left:0}.ticks:after{border-right-color:var(--border);right:0}
