:root{--space-0: 0;--space-px: 1px;--space-0-5: .125rem;--space-1: .25rem;--space-1-5: .375rem;--space-2: .5rem;--space-2-5: .625rem;--space-3: .75rem;--space-3-5: .875rem;--space-4: 1rem;--space-4-5: 1.125rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.5rem;--space-10: 4rem;--space-11: 5rem;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 12px;--radius-pill: 999px;--radius-full: 50%;--radius: var(--radius-md);--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--text-2xs: .65rem;--text-xs: .7rem;--text-sm: .8rem;--text-base: .875rem;--text-md: .9rem;--text-body: .95rem;--text-lg: 1rem;--text-xl: 1.05rem;--text-2xl: 1.1rem;--text-3xl: 1.15rem;--text-4xl: 1.5rem;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--ease-out: ease;--ease-in-out: ease-in-out;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .35s;--transition: var(--duration-normal) var(--ease-out);--container-max: 1320px;--sidebar-w: 260px;--header-h: 60px;--mobile-top-h: 52px;--mobile-nav-h: 68px;--border-width: 1px;--border-width-strong: 1.5px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--z-sidebar: 800;--z-mobile-nav: 1100;--z-toast: 9999;--color-accent: #e53935;--color-accent-hover: #c62828;--color-accent-soft: #ffebee;--color-bg: #f7f7f7;--color-bg-elevated: #ffffff;--color-bg-sidebar: #ffffff;--color-bg-overlay: rgba(0, 0, 0, .45);--color-text: #1a1a1a;--color-text-muted: #6b6b6b;--color-on-accent: #ffffff;--color-border: #e2e2e2;--color-border-focus: #e53935;--color-success: #2e7d32;--color-success-soft: #e8f5e9;--color-success-text-on-soft: #1b5e20;--color-toast-success-border: #4caf50;--color-success-mark: #4caf50;--color-danger: #e53935;--chip-warning-bg: #fff3e0;--chip-warning-fg: #e65100;--status-neutral-bg: #eceff1;--status-neutral-fg: #546e7a;--status-approved-bg: #e8eaf6;--status-approved-fg: #3949ab;--status-waitpayment-bg: #fff8e1;--status-waitpayment-fg: #f57f17;--status-inprogress-bg: #e0f2f1;--status-inprogress-fg: #00796b;--status-ready-bg: #e8f5e9;--status-ready-fg: #2e7d32;--status-finished-bg: #c8e6c9;--status-finished-fg: #1b5e20;--status-paid-bg: #e8f5e9;--status-paid-fg: #2e7d32;--status-delivered-bg: #e3f2fd;--status-delivered-fg: #1565c0;--status-cancelled-bg: #ffebee;--status-cancelled-fg: #e53935;--accent: var(--color-accent);--accent-h: var(--color-accent-hover);--accent-soft: var(--color-accent-soft);--bg: var(--color-bg);--bg-card: var(--color-bg-elevated);--bg-sidebar: var(--color-bg-sidebar);--bg-overlay: var(--color-bg-overlay);--text: var(--color-text);--text-muted: var(--color-text-muted);--text-inv: var(--color-on-accent);--border: var(--color-border);--border-focus: var(--color-border-focus);--order-number-fg: var(--color-accent-hover)}[data-theme=dark]{--shadow-sm: 0 1px 3px rgba(0, 0, 0, .35);--shadow-md: 0 4px 16px rgba(0, 0, 0, .45);--color-bg: #111111;--color-bg-elevated: #1c1c1c;--color-bg-sidebar: #161616;--color-accent-soft: #3b1212;--color-text: #ededed;--color-text-muted: #888888;--color-border: #2e2e2e;--color-success: #a5d6a7;--color-success-soft: #1b5e20;--chip-warning-bg: #3e2000;--chip-warning-fg: #ffb74d;--status-neutral-bg: #263238;--status-neutral-fg: #b0bec5;--status-approved-bg: #1a237e;--status-approved-fg: #c5cae9;--status-waitpayment-bg: #4e342e;--status-waitpayment-fg: #ffcc80;--status-inprogress-bg: #004d40;--status-inprogress-fg: #80cbc4;--status-ready-bg: #1b5e20;--status-ready-fg: #a5d6a7;--status-finished-bg: #145214;--status-finished-fg: #dcedc8;--status-paid-bg: #1b5e20;--status-paid-fg: #a5d6a7;--status-delivered-bg: #0d2137;--status-delivered-fg: #90caf9;--status-cancelled-bg: #3b1212;--status-cancelled-fg: #ef9a9a;--order-number-fg: #ff6b6b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}[hidden]{display:none!important}html{font-family:var(--font-sans);font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent;scrollbar-gutter:stable}body{background:var(--bg);color:var(--text);min-height:100dvh;display:flex;flex-direction:column;transition:background var(--transition),color var(--transition)}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:none;background:none}ul{list-style:none}input,select,textarea{font:inherit}h1{font-size:clamp(1.5rem,4vw,2.25rem);font-weight:700;line-height:1.2}h2{font-size:clamp(1.2rem,3vw,1.75rem);font-weight:700}h3{font-size:1.15rem;font-weight:600}.container{width:100%;max-width:var(--container-max);margin-inline:auto;padding-inline:clamp(var(--space-4),4vw,var(--space-8))}main{flex:1;padding-top:var(--header-h)}@media (max-width: 760px) and (orientation: portrait){main{padding-top:var(--mobile-top-h);padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 1rem)}#toast-container{inset-inline:var(--space-4);top:calc(var(--mobile-top-h) + env(safe-area-inset-top) + var(--space-2-5));bottom:auto;align-items:stretch}.toast{width:100%;min-width:0;max-width:none;animation:toast-in-mobile .25s ease forwards}@keyframes toast-in-mobile{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}}.btn{display:inline-flex;align-items:center;gap:.4em;padding:.55em 1.25em;border-radius:var(--radius);font-size:.95rem;font-weight:500;transition:background var(--transition),color var(--transition),opacity var(--transition);white-space:nowrap}.btn-primary{background:var(--accent);color:var(--text-inv)}.btn-primary:hover{background:var(--accent-h)}.btn-primary:active{opacity:.85}.btn-outline{border:var(--border-width-strong) solid var(--border);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent)}.btn-ghost{color:var(--text-muted);padding:.4em .6em}.btn-ghost:hover{color:var(--text)}.btn-danger{background:var(--accent-soft);color:var(--accent)}.btn-danger:hover{background:var(--accent);color:var(--text-inv)}.field{display:flex;flex-direction:column;gap:.35rem}.field label{font-size:.875rem;font-weight:500;color:var(--text-muted)}.input{padding:.6em .85em;border:var(--border-width-strong) solid var(--border);border-radius:var(--radius);background:var(--bg-card);color:var(--text);transition:border-color var(--transition);outline:none}.input:focus{border-color:var(--border-focus)}.input::placeholder{color:var(--text-muted)}.card{background:var(--bg-card);border:var(--border-width) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .35rem;border-radius:99px;font-size:.7rem;font-weight:700;background:var(--accent);color:var(--text-inv);line-height:1}.divider{border:none;border-top:var(--border-width) solid var(--border);margin-block:var(--space-5)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{border-radius:var(--radius);background:linear-gradient(90deg,var(--border) 25%,var(--bg-sidebar) 50%,var(--border) 75%);background-size:200% 100%;animation:shimmer 1.4s ease-in-out infinite}#toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);z-index:var(--z-toast);display:flex;flex-direction:column;gap:.6rem;pointer-events:none}.toast{padding:var(--space-3) var(--space-4);border-radius:var(--radius);background:var(--bg-card);border:var(--border-width) solid var(--border);box-shadow:var(--shadow-md);font-size:.9rem;min-width:200px;max-width:340px;pointer-events:auto;animation:toast-in .25s ease forwards}.toast--with-action{max-width:420px}.toast-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;flex-wrap:wrap}.toast-msg{margin:0;flex:1 1 12ch;min-width:0;line-height:1.35}.toast-action{flex-shrink:0;padding:.45em .9em;font-size:.85rem;text-decoration:none;white-space:nowrap}.toast.error{border-left:3px solid var(--accent)}.toast.success{border-left:3px solid var(--color-toast-success-border)}@keyframes toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.flex{display:flex}.items-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.font-bold{font-weight:700}.w-full{width:100%}@media (prefers-reduced-motion: no-preference){.page-enter{animation:fade-up .3s ease both}@keyframes fade-up{0%{opacity:0}to{opacity:1}}}.site-header{position:fixed;inset-block-start:0;inset-inline:0;height:var(--header-h);background:var(--bg-card);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);z-index:1000;transition:background var(--transition),border-color var(--transition)}.header-inner{display:flex;align-items:center;height:100%;gap:1rem}.logo{display:flex;align-items:center;flex-shrink:0;min-width:0}.logo-img{display:block;height:3rem;width:auto;max-width:min(14rem,52vw);object-fit:contain;object-position:left center;filter:none}.desk-nav{display:flex;align-items:center;gap:.25rem;margin-inline-start:1rem}.desk-nav-link{padding:.4em .75em;border-radius:var(--radius);font-size:.95rem;color:var(--text-muted);transition:color var(--transition),background var(--transition)}.desk-nav-link:hover,.desk-nav-link.active{color:var(--text);background:var(--bg)}.desk-nav-link.active{font-weight:600;color:var(--accent)}.header-actions{display:flex;align-items:center;gap:.2rem;margin-inline-start:auto}.icon-btn{position:relative;width:2.25rem;height:2.25rem;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;font-size:1rem}.cart-header-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;min-height:2.5rem;padding:.4rem .75rem .4rem .65rem;font-size:.95rem;font-weight:600;white-space:nowrap}.cart-header-main{display:inline-flex;align-items:center;gap:.45rem}.cart-icon-slot{position:relative;width:1.35rem;height:1.35rem;flex-shrink:0}.cart-icon-slot svg,.cart-header-icon{display:block;width:100%;height:100%}.cart-btn-text{line-height:1}.header-actions .cart-count.cart-count-inline{position:static;display:inline-flex;align-items:center;justify-content:center;align-self:center;margin:0;font-size:.6rem;font-weight:700;min-width:.95rem;height:.95rem;padding:0 .24rem;line-height:1}.header-actions .cart-btn.cart-btn--filled .cart-count.cart-count-inline{background:var(--text-inv);color:var(--accent)}.icon-btn:hover,.cart-header-btn:hover{background:var(--bg)}.header-actions .cart-btn.cart-btn--filled{color:var(--text-inv);border-color:var(--accent)}.header-actions .cart-btn.cart-btn--filled:hover{background:var(--accent-h);border-color:var(--accent-h);color:var(--text-inv)}.header-actions .cart-btn.cart-btn--filled .cart-header-icon{stroke:var(--text-inv)}.header-actions .cart-btn.cart-btn--filled .cart-header-icon circle{fill:var(--text-inv)}@media (min-width: 761px){.header-actions{gap:.75rem;padding-inline-start:.35rem}.header-actions .icon-btn{width:2.75rem;height:2.75rem;font-size:1.2rem}.header-actions .icon-btn svg{width:24px;height:24px}.cart-header-btn{min-height:2.65rem;padding:.45rem .85rem .45rem .75rem;font-size:1rem}.cart-icon-slot{width:1.45rem;height:1.45rem}.header-actions .cart-count.cart-count-inline{font-size:.62rem;min-width:1rem;height:1rem;padding:0 .26rem}}.mobile-bottom-nav{display:none}@media (max-width: 600px){.desk-nav{gap:0;margin-inline-start:.25rem}.desk-nav-link{padding:.4em .5em;font-size:.85rem}}@media (max-width: 760px) and (orientation: portrait){.site-header{height:var(--mobile-top-h, 52px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm)}.header-inner{gap:.5rem}.desk-nav,.header-actions .cart-btn,.header-actions a[href="/account"]{display:none}.logo-img{height:2rem;max-width:min(12rem,56vw)}.header-actions{margin-inline-start:auto}.mobile-bottom-nav{position:fixed;inset-inline:0;inset-block-end:0;z-index:var(--z-mobile-nav);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));min-height:calc(var(--mobile-nav-h, 68px) + env(safe-area-inset-bottom));padding:.4rem .65rem calc(.45rem + env(safe-area-inset-bottom));background:var(--bg-card);background:color-mix(in srgb,var(--bg-card) 96%,transparent);border-top:1px solid var(--border);box-shadow:0 -8px 24px #00000014;backdrop-filter:blur(14px)}.mobile-nav-link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.18rem;min-width:0;min-height:3.25rem;border-radius:var(--radius);color:var(--text-muted);font-size:.68rem;font-weight:700;line-height:1;transition:background var(--transition),color var(--transition),transform var(--transition)}.mobile-nav-link:active{transform:translateY(1px)}.mobile-nav-link.active{color:var(--accent);background:var(--accent-soft)}.mobile-nav-icon{width:1.35rem;height:1.35rem;display:flex;align-items:center;justify-content:center}.mobile-nav-icon svg{width:100%;height:100%}.mobile-nav-label{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}a[data-mobile-nav=cart] .mobile-nav-icon{width:auto;max-width:100%;min-height:1.35rem}.mobile-cart-top{display:inline-flex;flex-direction:row;align-items:center;justify-content:center;gap:.3rem}.mobile-cart-count{position:static;flex-shrink:0;font-size:.56rem;font-weight:700;min-width:.9rem;height:.9rem;padding:0 .2rem;line-height:1}.mobile-nav-icon .mobile-cart-svg{width:100%;height:100%;display:block}.mobile-cart-icon-wrap{width:1.35rem;height:1.35rem;flex-shrink:0}.mobile-cart-icon-wrap .mobile-cart-svg{width:100%;height:100%;display:block}a[data-mobile-nav=cart].mobile-nav-cart--filled .cart-header-icon{stroke:var(--text-inv)}a[data-mobile-nav=cart].mobile-nav-cart--filled .cart-header-icon circle{fill:var(--text-inv)}a[data-mobile-nav=cart].mobile-nav-cart--filled{color:var(--text-inv);background:var(--accent)}a[data-mobile-nav=cart].mobile-nav-cart--filled.active{color:var(--text-inv);background:var(--accent-h)}a[data-mobile-nav=cart].mobile-nav-cart--filled .mobile-cart-count{background:var(--text-inv);color:var(--accent)}}.site-footer{background:var(--bg-card);border-top:1px solid var(--border);margin-top:4rem;padding-block:2.5rem 1.5rem}.footer-inner{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:1.5rem}.footer-logo{font-size:1.15rem;font-weight:700;letter-spacing:-.02em;color:var(--text);text-decoration:none;transition:color var(--transition)}.footer-logo:hover{color:var(--accent)}.footer-tagline{font-size:.85rem;color:var(--text-muted);margin-top:.25rem}.footer-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem}.footer-nav a{font-size:.9rem;color:var(--text-muted);transition:color var(--transition)}.footer-nav a:hover{color:var(--accent)}.footer-legal{grid-column:1 / -1;margin:0;padding-top:1.25rem;margin-top:.25rem;border-top:1px solid var(--border);font-size:.72rem;line-height:1.5;color:var(--text-muted);text-align:center;max-width:52rem;justify-self:center}@media (max-width: 600px){.footer-inner{grid-template-columns:1fr;text-align:center}.footer-legal{text-align:center;padding-top:1rem;margin-top:.5rem}}