:root{--zinc-50: #fafafa;--zinc-100: #f4f4f5;--zinc-200: #e4e4e7;--zinc-300: #d4d4d8;--zinc-400: #a1a1aa;--zinc-500: #71717a;--zinc-600: #52525b;--zinc-700: #3f3f46;--zinc-800: #27272a;--zinc-900: #18181b;--zinc-950: #09090b;--indigo-50: #eef2ff;--indigo-100: #e0e7ff;--indigo-200: #c7d2fe;--indigo-300: #a5b4fc;--indigo-400: #818cf8;--indigo-500: #6366f1;--indigo-600: #4f46e5;--indigo-700: #4338ca;--indigo-800: #3730a3;--indigo-900: #312e81;--green-400: #4ade80;--green-500: #22c55e;--green-600: #16a34a;--red-400: #f87171;--red-500: #ef4444;--red-600: #dc2626;--amber-400: #fbbf24;--amber-500: #f59e0b;--amber-600: #d97706;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-xs: 11px;--text-sm: 13px;--text-base: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 30px;--text-4xl: 36px;--radius-xs: 2px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.45, 0, .55, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s}:root{--color-bg: var(--zinc-950);--color-surface: var(--zinc-900);--color-surface-raised: var(--zinc-800);--color-surface-overlay: rgba(24, 24, 27, .92);--color-text-primary: #f7f8f8;--color-text-secondary: var(--zinc-400);--color-text-muted: var(--zinc-500);--color-text-inverse: var(--zinc-950);--color-accent: var(--indigo-500);--color-accent-hover: var(--indigo-400);--color-accent-muted: var(--indigo-900);--color-accent-text: var(--indigo-300);--color-success: var(--green-500);--color-success-muted: rgba(34, 197, 94, .12);--color-danger: var(--red-500);--color-danger-muted: rgba(239, 68, 68, .12);--color-warning: var(--amber-500);--color-warning-muted: rgba(245, 158, 11, .12);--color-border: var(--zinc-800);--color-border-subtle: #23252a;--color-border-strong: var(--zinc-700);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", ui-monospace, monospace;--shadow-none: none;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);--shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--skeleton-base: #1e293b;--skeleton-shine: #334155}:root{--btn-bg: var(--color-accent);--btn-bg-hover: var(--color-accent-hover);--btn-text: white;--btn-radius: var(--radius-md);--btn-height: 36px;--btn-padding: 0 var(--space-4);--btn-font-size: var(--text-sm);--btn-font-weight: 500;--btn-ghost-bg: transparent;--btn-ghost-bg-hover: var(--color-surface-raised);--btn-ghost-text: var(--color-text-secondary);--btn-ghost-text-hover: var(--color-text-primary);--card-bg: var(--color-surface);--card-border: var(--color-border-subtle);--card-radius: var(--radius-lg);--card-padding: var(--space-5);--input-bg: var(--color-surface);--input-border: var(--color-border);--input-border-focus: var(--color-accent);--input-text: var(--color-text-primary);--input-placeholder: var(--color-text-muted);--input-radius: var(--radius-md);--input-height: 36px;--input-padding: 0 var(--space-3);--sidebar-width: 240px;--sidebar-collapsed: 60px;--sidebar-bg: var(--color-surface);--sidebar-border: var(--color-border-subtle);--badge-radius: var(--radius-sm);--badge-font-size: var(--text-xs);--badge-padding: 2px var(--space-2)}@media(prefers-color-scheme:light){:root,:root[data-tg-theme=light]{--color-bg: #f4f4f5;--color-surface: #ffffff;--color-surface-raised: #f4f4f5;--color-surface-overlay: rgba(255, 255, 255, .92);--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-muted: #71717a;--color-text-inverse: #fafafa;--color-accent: #4f46e5;--color-accent-hover: #6366f1;--color-accent-muted: #eef2ff;--color-accent-text: #4338ca;--color-success: #16a34a;--color-success-muted: rgba(22, 163, 74, .08);--color-danger: #dc2626;--color-danger-muted: rgba(220, 38, 38, .08);--color-warning: #d97706;--color-warning-muted: rgba(217, 119, 6, .08);--color-border: #e4e4e7;--color-border-subtle: #e4e4e7;--color-border-strong: #d4d4d8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--skeleton-base: #e4e4e7;--skeleton-shine: #d4d4d8}}:root[data-tg-theme=light]{--color-bg: #f4f4f5;--color-surface: #ffffff;--color-surface-raised: #f4f4f5;--color-surface-overlay: rgba(255, 255, 255, .92);--color-text-primary: #18181b;--color-text-secondary: #52525b;--color-text-muted: #71717a;--color-text-inverse: #fafafa;--color-accent: #4f46e5;--color-accent-hover: #6366f1;--color-accent-muted: #eef2ff;--color-accent-text: #4338ca;--color-success: #16a34a;--color-success-muted: rgba(22, 163, 74, .08);--color-danger: #dc2626;--color-danger-muted: rgba(220, 38, 38, .08);--color-warning: #d97706;--color-warning-muted: rgba(217, 119, 6, .08);--color-border: #e4e4e7;--color-border-subtle: #e4e4e7;--color-border-strong: #d4d4d8;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .06);--shadow-md: 0 4px 12px rgba(0, 0, 0, .08);--skeleton-base: #e4e4e7;--skeleton-shine: #d4d4d8}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}:root{font-family:var(--font-sans);--safe-bottom: env(safe-area-inset-bottom, 0px);--safe-top: env(safe-area-inset-top, 0px)}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;width:100%;overflow-x:hidden}body{min-height:100vh;color:var(--tg-text, var(--color-text-primary));background:var(--tg-bg, var(--color-bg));background-attachment:fixed;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}button{font-family:inherit;cursor:pointer}input,textarea,select,button{font:inherit;color:inherit}a{color:inherit}.mini-shell{position:relative;width:100%;max-width:720px;margin:0 auto;padding:var(--space-3) var(--space-3) calc(110px + var(--safe-bottom));padding-top:calc(var(--space-3) + env(safe-area-inset-top,0px));display:flex;flex-direction:column;gap:var(--space-3)}.mini-shell-loading{min-height:100vh;padding:0}.surface{background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg)}.page-header{color:var(--tg-text, var(--color-text-primary));padding:var(--space-1) var(--space-1) var(--space-1)}.page-header h2{margin:0;font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.01em}.page-header p{margin:var(--space-1) 0 0;color:var(--tg-text-muted, var(--color-text-secondary));font-size:var(--text-sm)}.cat-strip,.filter-strip{display:flex;gap:var(--space-1);overflow-x:auto;scrollbar-width:none;padding:var(--radius-xs) var(--space-1);margin:0 -4px;-webkit-overflow-scrolling:touch}.cat-strip::-webkit-scrollbar,.filter-strip::-webkit-scrollbar{display:none}.cat-chip{flex-shrink:0;border:1px solid var(--color-border-subtle);background:var(--tg-surface, var(--color-surface));color:var(--tg-text-muted, var(--color-text-secondary));border-radius:var(--radius-full);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-weight:600;white-space:nowrap;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.cat-chip:hover{background:var(--color-surface-raised)}.cat-chip:active{transform:scale(.96)}.cat-chip.active{background:var(--tg-accent, var(--color-accent));color:#fff;border-color:transparent}.empty-state{background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-4);text-align:center;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:var(--tg-text, var(--color-text-primary))}.empty-state .empty-icon{font-size:40px}.empty-state strong{color:var(--tg-text, var(--color-text-primary));font-size:var(--text-md)}.empty-state p{margin:0;color:var(--tg-text-muted, var(--color-text-secondary));font-size:var(--text-sm)}.toast{display:flex;align-items:center;gap:var(--space-2);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3);font-size:var(--text-sm);font-weight:600;line-height:1.4;animation:toastIn var(--duration-normal) var(--ease-out)}.toast-success{background:var(--color-success-muted);color:var(--color-success);border:1px solid var(--color-success)}.toast-error{background:var(--color-danger-muted);color:var(--color-danger);border:1px solid var(--color-danger)}@keyframes toastIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.btn-primary,.btn-secondary,.btn-tertiary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-weight:700;font-size:var(--text-sm);border:1px solid transparent;text-decoration:none;transition:filter var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out)}.btn-primary{background:var(--tg-accent, var(--color-accent));color:#fff}.btn-primary:hover{filter:brightness(1.08)}.btn-primary:active{transform:scale(.97)}.btn-secondary{background:var(--color-accent-muted);color:var(--tg-text, var(--color-text-primary));border-color:var(--color-accent)}.btn-secondary:hover{background:var(--color-accent-muted);filter:brightness(1.15)}@media(prefers-color-scheme:light){.btn-secondary{background:#f4f4ff}}:root[data-tg-theme=light] .btn-secondary{background:#f4f4ff}.btn-tertiary{background:var(--tg-surface, var(--color-surface));color:var(--tg-text, var(--color-text-primary));border-color:var(--color-border-subtle)}.btn-tertiary:hover{background:var(--color-surface-raised)}.btn-tertiary:disabled,.btn-secondary:disabled,.btn-primary:disabled{opacity:.4;cursor:not-allowed;filter:none;transform:none}.error-box{color:var(--color-danger);background:var(--color-danger-muted);border:1px solid var(--color-danger);border-radius:var(--radius-lg);padding:var(--space-3)}.lux-skeleton{width:100%;max-width:720px;display:grid;gap:var(--space-3);padding:var(--space-4) var(--space-3);margin:0 auto;color:var(--tg-text, var(--color-text-primary))}.lux-skeleton-brand{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-1) var(--radius-xs) var(--space-2)}.brand-mark{position:relative;width:36px;height:36px;border-radius:var(--radius-lg);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);display:grid;place-items:center;overflow:hidden}.brand-dot{position:absolute;width:16px;height:16px;border-radius:50%;background:var(--color-accent);animation:brand-pulse 1.8s var(--ease-in-out) infinite}.brand-dot-2{background:var(--color-accent-hover);animation-delay:.6s;transform:translate(8px,6px);width:12px;height:12px;opacity:.8}.brand-lines{display:grid;gap:var(--space-1);flex:1}.sk-line,.sk-pill,.sk-thumb,.sk-chip,.sk-card,.sk-nav-item{position:relative;overflow:hidden;background:var(--skeleton-base);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.sk-line:after,.sk-pill:after,.sk-thumb:after,.sk-chip:after,.sk-card:after,.sk-nav-item:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,rgba(255,255,255,.06) 45%,rgba(255,255,255,.1) 50%,rgba(255,255,255,.06) 55%,transparent 80%);transform:translate(-100%);animation:shimmer 1.6s linear infinite}.sk-line{height:12px;border-radius:var(--radius-sm)}.sk-line-xs{width:35%;height:9px}.sk-line-sm{width:55%}.sk-line-md{width:80%}.sk-line-lg{width:92%;height:22px;border-radius:var(--radius-md)}.sk-line-price{width:38%;height:18px;border-radius:var(--radius-md)}.sk-pill{width:110px;height:22px;border-radius:var(--radius-full)}.sk-hero{border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);background:var(--tg-surface, var(--color-surface));padding:var(--space-5);display:grid;gap:var(--space-3)}.sk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.sk-card{border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--tg-surface, var(--color-surface));padding:var(--space-3);display:grid;gap:var(--space-2)}.sk-card:after{display:none}.sk-thumb{width:100%;height:130px;border-radius:var(--radius-lg)}.sk-card-foot{margin-top:var(--space-1);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.sk-chip{width:60px;height:28px;border-radius:var(--radius-md)}.sk-bottom-nav{position:fixed;left:0;right:0;bottom:0;display:flex;gap:var(--space-2);padding:var(--space-2) var(--space-2) calc(var(--space-2) + var(--safe-bottom));padding-bottom:calc(var(--space-2) + env(safe-area-inset-bottom,0px));background:var(--tg-surface, var(--color-surface-overlay));border-top:1px solid var(--color-border-subtle)}.sk-nav-item{flex:1;height:42px;border-radius:var(--radius-md);background:var(--color-surface-raised)}.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}@keyframes shimmer{to{transform:translate(100%)}}@keyframes brand-pulse{0%,to{transform:scale(1);opacity:.95}50%{transform:scale(1.12);opacity:1}}@keyframes animateIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:animateIn var(--duration-normal) var(--ease-out) both}.stagger>*{animation:animateIn var(--duration-normal) var(--ease-out) both}.stagger>*:nth-child(1){animation-delay:0ms}.stagger>*:nth-child(2){animation-delay:50ms}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.15s}.stagger>*:nth-child(5){animation-delay:.2s}.stagger>*:nth-child(6){animation-delay:.25s}.stagger>*:nth-child(7){animation-delay:.3s}.stagger>*:nth-child(8){animation-delay:.35s}.mini-nav{position:fixed;left:0;right:0;bottom:0;z-index:40;width:100%;display:flex;gap:var(--space-1);padding:var(--space-1) var(--space-2) calc(var(--space-1) + var(--safe-bottom));padding-bottom:calc(var(--space-1) + env(safe-area-inset-bottom,0px));background:var(--tg-surface, var(--color-surface-overlay));border-top:1px solid var(--color-border-subtle)}.mini-nav button{flex:1;position:relative;border:none;background:transparent;color:var(--tg-text-muted, var(--color-text-muted));border-radius:var(--radius-lg);padding:var(--space-2) var(--space-1);font-weight:700;display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:56px;transition:color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.mini-nav button span{font-size:var(--text-xs);letter-spacing:.02em}.mini-nav button.active{background:var(--tg-accent, var(--color-accent));color:var(--tg-accent-text, white)}.mini-nav button:active{transform:scale(.96)}.nav-dot{position:absolute;top:6px;right:calc(50% - 22px);width:8px;height:8px;border-radius:50%;background:var(--color-warning);box-shadow:0 0 0 3px var(--color-warning-muted)}@media(min-width:720px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.invoice-actions{grid-template-columns:1fr 1fr}}@media(min-width:1000px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:360px){.mini-shell{padding-left:var(--space-2);padding-right:var(--space-2)}.invoice-actions{grid-template-columns:1fr}.product-name{font-size:var(--text-sm)}.product-price{font-size:var(--text-md)}}.hero{border-radius:var(--radius-xl);padding:var(--space-4) var(--space-5);border:1px solid var(--color-border-strong);color:var(--tg-text, var(--color-text-primary));background:var(--tg-surface, var(--color-surface));display:flex;flex-direction:column;gap:var(--space-2)}.hero-badge{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-warning)}.hero-title{margin:var(--space-1) 0 var(--radius-xs);font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:700;line-height:1.15;letter-spacing:-.01em;color:var(--tg-text, var(--color-text-primary))}.hero-wave{display:inline-block;animation:wave 1.6s ease-in-out infinite;transform-origin:70% 70%}@keyframes wave{0%,60%,to{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}}.hero-sub{margin:0;color:var(--tg-text-muted, var(--color-text-secondary));font-size:var(--text-sm);line-height:1.45}.search-bar{position:relative;background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3) var(--space-2) var(--space-10)}.search-bar-icon{position:absolute;left:var(--space-3);top:50%;transform:translateY(-50%);color:var(--tg-text-muted, var(--color-text-secondary));display:inline-flex}.search-bar input{width:100%;border:none;background:transparent;outline:none;font-size:var(--text-base);color:var(--tg-text, var(--color-text-primary))}.search-bar input::placeholder{color:var(--color-text-muted)}.search-bar-clear{position:absolute;right:var(--space-2);top:50%;transform:translateY(-50%);background:var(--color-surface-raised);border:none;width:24px;height:24px;border-radius:50%;font-size:var(--text-md);line-height:1;color:var(--tg-text-muted, var(--color-text-secondary))}.products-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}.product-card{background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column;transition:transform var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.product-card:hover{border-color:var(--color-border-strong);filter:brightness(1.05)}.product-card:active{transform:scale(.98)}.product-card.sold-out{opacity:.6}.product-media{position:relative;aspect-ratio:16 / 11;background:var(--color-surface-raised);overflow:hidden}.product-media img{width:100%;height:100%;object-fit:cover}.product-media-placeholder{width:100%;height:100%;display:grid;place-items:center;font-weight:800;font-size:var(--text-3xl);color:var(--tg-text, var(--color-text-primary));background:var(--color-surface-raised);letter-spacing:.05em}.stock-pill{position:absolute;top:var(--space-2);right:var(--space-2);font-size:var(--text-xs);font-weight:800;letter-spacing:.03em;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-transform:uppercase;border:1px solid transparent}.stock-pill.unlimited{background:var(--color-success);color:var(--color-text-inverse);border-color:var(--color-success)}.stock-pill.preorder,.stock-pill.ok{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.stock-pill.low{background:var(--color-warning);color:var(--color-text-inverse);border-color:var(--color-warning)}.stock-pill.out{background:var(--color-danger);color:#fff;border-color:var(--color-danger)}.product-body{padding:var(--space-3) var(--space-3) var(--space-1);flex:1;display:flex;flex-direction:column;gap:var(--space-1);min-width:0;color:var(--tg-text, var(--color-text-primary))}.product-cat{font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-text);font-weight:800}.product-name{margin:0;font-family:var(--font-sans);font-size:var(--text-base);color:var(--tg-text, var(--color-text-primary));line-height:1.3;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-desc{margin:var(--radius-xs) 0 0;font-size:var(--text-xs);color:var(--tg-text-muted, var(--color-text-secondary));line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{margin-top:var(--space-1);font-size:var(--text-lg);color:var(--color-warning);font-weight:800;letter-spacing:-.01em}.product-terms{display:inline-flex;align-items:center;gap:3px;margin-top:4px;font-size:var(--text-xs);font-weight:600;color:var(--color-accent-text);text-decoration:none}.product-foot{padding:var(--space-2) var(--space-3) var(--space-3)}.add-btn{width:100%;border:none;border-radius:var(--radius-md);padding:var(--space-2);font-weight:700;font-size:var(--text-sm);background:var(--tg-accent, var(--color-accent));color:var(--tg-accent-text, white);transition:filter var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.add-btn:hover{filter:brightness(1.08)}.add-btn:active{transform:scale(.97)}.add-btn:disabled{background:var(--color-surface-raised);color:var(--color-text-muted);cursor:not-allowed}.qty-stepper{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-1)}.qty-stepper button{width:32px;height:32px;border-radius:var(--radius-md);border:none;background:var(--tg-accent, var(--color-accent));color:var(--tg-accent-text, white);display:grid;place-items:center;transition:filter var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.qty-stepper button:disabled{background:var(--color-surface-raised);color:var(--color-text-muted)}.qty-stepper button:active:not(:disabled){transform:scale(.92)}.qty-stepper span{font-weight:800;font-size:var(--text-md);color:var(--tg-text, var(--color-text-primary));flex:1;text-align:center}.pager-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-2);font-size:var(--text-sm);color:var(--tg-text-muted, var(--color-text-secondary));font-weight:700}.sticky-cart{position:fixed;left:50%;bottom:calc(72px + var(--safe-bottom));transform:translate(-50%);z-index:30;width:calc(100% - 28px);max-width:700px;background:var(--tg-surface, var(--color-surface-overlay));border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-2) var(--space-3);display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);color:var(--tg-text, var(--color-text-primary));animation:stickyIn var(--duration-normal) var(--ease-out)}@keyframes stickyIn{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}.sticky-cart-info{display:flex;flex-direction:column;min-width:0}.sticky-cart-count{font-size:var(--text-xs);color:var(--tg-text-muted, var(--color-text-secondary));letter-spacing:.04em;text-transform:uppercase;font-weight:700}.sticky-cart-total{font-size:var(--text-md);font-weight:800;color:var(--color-warning)}.sticky-cart-btn{flex-shrink:0}.sticky-cart-btn:disabled{opacity:.7;cursor:wait}.invoice-card{background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-xl);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);color:var(--tg-text, var(--color-text-primary))}.invoice-head{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-2)}.invoice-eyebrow{font-size:var(--text-xs);letter-spacing:.08em;color:var(--color-accent-text);font-weight:800;text-transform:uppercase}.invoice-id{margin:var(--radius-xs) 0 0;font-family:var(--font-sans);font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;color:var(--tg-text, var(--color-text-primary))}.invoice-status{font-size:var(--text-xs);font-weight:800;letter-spacing:.06em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);border:1px solid transparent}.invoice-status-pending{background:var(--color-warning-muted);color:var(--color-warning);border-color:var(--color-warning)}.invoice-status-paid,.invoice-status-delivered{background:var(--color-success-muted);color:var(--color-success);border-color:var(--color-success)}.invoice-status-expired,.invoice-status-failed,.invoice-status-cancelled{background:var(--color-danger-muted);color:var(--color-danger);border-color:var(--color-danger)}.invoice-amount{background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;flex-direction:column;gap:var(--radius-xs)}.invoice-amount-label{font-size:var(--text-xs);color:var(--tg-text-muted, var(--color-text-secondary));letter-spacing:.06em;text-transform:uppercase;font-weight:700}.invoice-amount-value{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;color:var(--tg-text, var(--color-text-primary))}.invoice-timer{display:flex;align-items:center;gap:var(--space-3);border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);background:var(--tg-surface, var(--color-surface));color:var(--tg-text, var(--color-text-primary))}.invoice-timer>svg{flex-shrink:0;color:var(--color-warning)}.invoice-timer span{display:block;font-size:var(--text-xs);color:var(--tg-text-muted, var(--color-text-secondary));letter-spacing:.04em;text-transform:uppercase;font-weight:700}.invoice-timer strong{font-family:var(--font-sans);font-size:var(--text-lg);letter-spacing:.02em;color:var(--tg-text, var(--color-text-primary))}.qr-wrap{background:#fff;padding:var(--space-3);border-radius:var(--radius-xl);border:1px solid var(--color-border-subtle);display:grid;place-items:center}.qr{width:min(280px,100%);aspect-ratio:1;display:block;border-radius:var(--radius-sm)}.btn-download-qr{margin-top:var(--space-3);padding:var(--space-2) var(--space-4);width:100%;background:var(--tg-accent, var(--color-accent));border:none;border-radius:var(--radius-lg);color:var(--tg-accent-text, white);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:opacity .15s}.btn-download-qr:active{opacity:.8}.btn-download-qr:disabled{opacity:.5;cursor:not-allowed}.save-hint{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--tg-text-muted, var(--color-text-secondary));text-align:center;animation:fadeIn .25s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.invoice-note,.invoice-status-text{margin:0;font-size:var(--text-sm);color:var(--tg-text-muted, var(--color-text-secondary));line-height:1.5;text-align:center}.invoice-note strong{color:var(--color-accent-text)}.invoice-actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2)}.security-pill{margin:0 auto;display:inline-flex;align-items:center;gap:var(--space-1);background:var(--color-success-muted);border:1px solid var(--color-success);color:var(--color-success);border-radius:var(--radius-full);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:700;letter-spacing:.04em}.history-list{display:flex;flex-direction:column;gap:var(--space-2)}.order-item{background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);color:var(--tg-text, var(--color-text-primary));transition:border-color var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.order-item:hover{border-color:var(--color-border-strong);filter:brightness(1.05)}.order-item.order-pending{border-left:3px solid var(--color-warning)}.order-item.order-paid,.order-item.order-delivered{border-left:3px solid var(--color-accent)}.order-item.order-expired,.order-item.order-failed,.order-item.order-cancelled{border-left:3px solid var(--color-danger)}.order-item-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.order-code{display:block;font-size:var(--text-base);color:var(--tg-text, var(--color-text-primary));font-family:var(--font-sans);font-weight:600;letter-spacing:-.01em}.order-time{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:600}.order-product-line{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2);font-size:var(--text-sm)}.order-product-name{color:var(--tg-text, var(--color-text-primary));font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.order-product-meta{color:var(--tg-text-muted, var(--color-text-secondary));font-size:var(--text-xs);flex-shrink:0}.order-item-foot{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2);padding-top:var(--space-2);border-top:1px dashed var(--color-border-subtle)}.order-amount{font-size:var(--text-md);font-weight:800;color:var(--tg-text, var(--color-text-primary))}.status-badge{border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:800;padding:var(--space-1) var(--space-2);letter-spacing:.04em;border:1px solid transparent}.status-badge.pending{background:var(--color-warning-muted);color:var(--color-warning);border-color:var(--color-warning)}.status-badge.paid,.status-badge.delivered{background:var(--color-success-muted);color:var(--color-success);border-color:var(--color-success)}.status-badge.cancelled,.status-badge.expired,.status-badge.failed{background:var(--color-danger-muted);color:var(--color-danger);border-color:var(--color-danger)}.delivery-card{background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);margin-top:var(--space-1);color:var(--tg-text, var(--color-text-primary))}.delivery-head{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-2);border-bottom:1px dashed var(--color-border-subtle);padding-bottom:var(--space-2)}.delivery-head h3{margin:var(--space-1) 0 0;font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;color:var(--tg-text, var(--color-text-primary))}.history-total{border:1px solid var(--color-border-subtle);border-radius:var(--radius-full);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--tg-text-muted, var(--color-text-secondary));background:var(--tg-surface, var(--color-surface));flex-shrink:0}.delivery-grid{display:flex;flex-direction:column;gap:var(--space-2)}.delivery-item{border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3);background:var(--tg-surface, var(--color-surface));display:flex;flex-direction:column;gap:var(--space-2)}.delivery-item-head{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.delivery-item-head strong{font-size:var(--text-sm);color:var(--tg-text, var(--color-text-primary));letter-spacing:.02em}.copy-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--color-accent);background:var(--color-accent-muted);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:700;color:var(--tg-text, var(--color-text-primary));flex-shrink:0}@media(prefers-color-scheme:light){.copy-btn{background:#eef2ff}}:root[data-tg-theme=light] .copy-btn{background:#eef2ff}.copy-btn:active{transform:scale(.96)}.delivery-content{display:flex;flex-direction:column;gap:var(--space-1)}.dlv-row{display:flex;justify-content:space-between;gap:var(--space-2);align-items:center;font-size:var(--text-sm);padding:var(--space-1) 0;border-bottom:1px dashed var(--color-border-subtle)}.dlv-row:last-child{border-bottom:none}.dlv-label{color:var(--tg-text-muted, var(--color-text-secondary));font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:700;flex-shrink:0}.dlv-value{color:var(--tg-text, var(--color-text-primary));word-break:break-all;text-align:right;font-size:var(--text-sm)}.dlv-value.mono{font-family:var(--font-mono);font-size:var(--text-xs);background:var(--color-accent-muted);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);border:1px solid var(--color-accent);color:var(--color-accent-text)}@media(prefers-color-scheme:light){.dlv-value.mono{background:#eef2ff;color:#4338ca}}:root[data-tg-theme=light] .dlv-value.mono{background:#eef2ff;color:#4338ca}.dlv-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--tg-text, var(--color-text-primary));background:var(--color-accent-muted);border:1px solid var(--color-accent);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:700;text-decoration:none}.dlv-link:hover{filter:brightness(1.15)}.dlv-note{margin:var(--space-2) 0 0;font-size:var(--text-xs);color:var(--color-warning);background:var(--color-warning-muted);border:1px solid var(--color-warning);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);line-height:1.45}.dlv-note strong{color:var(--color-warning)}.delivery-close{align-self:stretch;margin-top:var(--space-1)}@media(prefers-color-scheme:light){.delivery-card{background:#fff}.delivery-item{background:#f8f8fa}}:root[data-tg-theme=light] .delivery-card{background:#fff}:root[data-tg-theme=light] .delivery-item{background:#f8f8fa}.delivery-note{border:1px solid var(--color-warning);background:var(--color-warning-muted);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-1)}.delivery-note-title{color:var(--color-warning);font-size:var(--text-xs);letter-spacing:.04em;font-weight:700;text-transform:uppercase}.delivery-note-body{margin:0;font-size:var(--text-sm);color:var(--tg-text, var(--color-text-primary));line-height:1.5;white-space:pre-wrap;overflow-wrap:anywhere}.delivery-terms{align-self:stretch;margin-top:var(--space-1)}.profile-shell{display:flex;flex-direction:column;gap:var(--space-3)}.profile-card{background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:var(--space-4);display:flex;align-items:center;gap:var(--space-3);color:var(--tg-text, var(--color-text-primary))}.profile-avatar{width:64px;height:64px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:var(--text-2xl);color:#fff;background:var(--tg-accent, var(--color-accent));flex-shrink:0}.profile-meta{display:flex;flex-direction:column;gap:var(--radius-xs);min-width:0}.profile-meta strong{font-family:var(--font-sans);font-size:var(--text-lg);font-weight:700;color:var(--tg-text, var(--color-text-primary))}.profile-meta>span{font-size:var(--text-xs);color:var(--tg-text-muted, var(--color-text-secondary))}.profile-tier{position:relative;align-self:flex-start;margin-top:var(--space-1);font-size:var(--text-sm);font-weight:700;letter-spacing:.04em;color:#fff;padding:3px var(--space-3);border-radius:var(--radius-full);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(6px);text-shadow:0 1px 4px rgba(0,0,0,.5),0 0 10px rgba(0,0,0,.2);isolation:isolate;overflow:hidden;transition:transform var(--duration-fast) var(--ease-out)}.profile-tier:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#0000004d;z-index:-1}@media(prefers-color-scheme:light){.profile-tier:before{background:#00000038}}:root[data-tg-theme=light] .profile-tier:before{background:#00000038}.profile-tier:active{transform:scale(.95)}.profile-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-2)}.profile-stat{background:var(--tg-surface, var(--color-surface));border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-1);color:var(--tg-text, var(--color-text-primary))}.profile-stat span{font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;font-weight:700;color:var(--color-text-muted)}.profile-stat strong{font-size:var(--text-base);font-weight:800;color:var(--tg-text, var(--color-text-primary))}.profile-actions{display:flex;flex-direction:column;gap:var(--space-1)}.profile-action{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border-subtle);background:var(--tg-surface, var(--color-surface));color:var(--tg-text, var(--color-text-primary));font-weight:600;font-size:var(--text-base);text-decoration:none;transition:filter var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.profile-action:hover{border-color:var(--color-border-strong);filter:brightness(1.05)}.profile-action:active{transform:scale(.98)}.profile-note{margin:0;font-size:var(--text-xs);color:var(--color-text-muted);text-align:center;padding:0 var(--space-2)}.public-shell{min-height:100vh;display:grid;place-items:center;padding:var(--space-5)}.public-gate{width:min(560px,100%);border-radius:var(--radius-xl);border:1px solid var(--color-border-strong);background:var(--tg-surface, var(--color-surface));color:var(--tg-text, var(--color-text-primary));padding:var(--space-8)}.public-eyebrow{margin:0;color:var(--color-accent-text);letter-spacing:.14em;font-size:var(--text-xs);font-weight:800}.public-gate h1{margin:var(--space-2) 0 var(--space-3);font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:700;line-height:1.15;color:var(--tg-text, var(--color-text-primary))}.public-copy{margin:0;color:var(--tg-text-muted, var(--color-text-secondary));font-size:var(--text-base)}.public-actions{margin-top:var(--space-4);display:flex;gap:var(--space-2);flex-wrap:wrap}.cta-telegram{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);flex:1;min-width:200px;border:1px solid var(--color-accent);background:var(--tg-accent, var(--color-accent));color:var(--tg-accent-text, white);font-weight:800;text-decoration:none}.outline-btn{border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);background:var(--tg-surface, var(--color-surface));color:var(--tg-text, var(--color-text-primary));font-weight:700}.public-note{margin:var(--space-3) 0 0;color:var(--tg-text-muted, var(--color-text-secondary));font-size:var(--text-sm)}