:root{--c-bg:#0b0b0d;--c-surface:#141418;--c-surface-2:#1d1d23;--c-primary:#742bff;--c-primary-2:#9a63ff;--c-primary-soft:#742bff24;--c-text:#fff;--c-text-2:#a0a0aa;--c-border:#292932;--c-success:#37c978;--c-success-soft:#37c9781f;--c-error:#ff4d5a;--c-error-soft:#ff4d5a1f;--c-warning:#f5b84b;--c-overlay:#050507b8;--font-body:"Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display:"Montserrat", "Inter", system-ui, sans-serif;--fs-xs:12px;--fs-sm:13px;--fs-md:15px;--fs-lg:17px;--fs-xl:20px;--fs-2xl:26px;--fs-3xl:32px;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--lh-tight:1.2;--lh-normal:1.5;--tracking-caps:.06em;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--gutter:16px;--control-h:44px;--control-h-lg:56px;--icon-box:40px;--topbar-h:56px;--content-max:560px;--admin-sidebar:232px;--bw:1px;--border:var(--bw) solid var(--c-border);--r-sm:8px;--r-md:12px;--r-lg:16px;--r-pill:999px;--t-fast:.12s ease;--t-normal:.2s ease;--safe-top:max(env(safe-area-inset-top,0px), var(--tg-safe-area-inset-top,0px));--safe-bottom:max(env(safe-area-inset-bottom,0px), var(--tg-safe-area-inset-bottom,0px));--content-safe-top:var(--tg-content-safe-area-inset-top,0px)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:var(--c-bg)}body{background:var(--c-bg);min-height:100dvh;color:var(--c-text);font-family:var(--font-body);font-size:var(--fs-md);line-height:var(--lh-normal);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;margin:0;overflow-x:hidden}#root{min-height:100dvh;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-bold);line-height:var(--lh-tight);margin:0}h1{font-size:var(--fs-2xl)}h2{font-size:var(--fs-xl)}h3{font-size:var(--fs-lg)}p{margin:0}a{color:var(--c-primary-2);text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--c-primary-2);outline-offset:2px}::selection{background:var(--c-primary);color:#fff}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.muted{color:var(--c-text-2)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-sm)}.caps{text-transform:uppercase;letter-spacing:var(--tracking-caps)}.stack{gap:var(--sp-3);flex-direction:column;display:flex}.stack-lg{gap:var(--sp-6);flex-direction:column;display:flex}.row{align-items:center;gap:var(--sp-2);display:flex}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.grow{flex:1;min-width:0}.ellipsis{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.pre{white-space:pre-wrap;word-break:break-word}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.logo{color:var(--c-text);font-family:var(--font-display);letter-spacing:.01em;flex-direction:column;gap:5px;font-size:18px;line-height:1;display:inline-flex}.logo b{font-weight:var(--fw-black)}.logo span{font-weight:var(--fw-regular)}.logo:after{content:"";background:var(--c-primary);border-radius:2px;width:22px;height:3px}.logo--lg{font-size:26px}.logo--lg:after{width:34px}.btn{justify-content:center;align-items:center;gap:var(--sp-2);min-height:var(--control-h);padding:0 var(--sp-5);border:var(--bw) solid transparent;border-radius:var(--r-md);font-weight:var(--fw-semibold);font-size:var(--fs-md);transition:background var(--t-fast), border-color var(--t-fast), opacity var(--t-fast), transform var(--t-fast);-webkit-user-select:none;user-select:none;white-space:nowrap;display:inline-flex;position:relative}.btn:active:not(:disabled){transform:scale(.985)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--primary{background:var(--c-primary);color:#fff}.btn--primary:hover:not(:disabled){background:#6522e6}.btn--secondary{background:var(--c-surface-2);border-color:var(--c-border);color:var(--c-text)}.btn--secondary:hover:not(:disabled){border-color:#3a3a46}.btn--ghost{color:var(--c-text-2);background:0 0}.btn--ghost:hover:not(:disabled){color:var(--c-text)}.btn--danger{background:var(--c-error-soft);color:var(--c-error);border-color:#ff4d5a59}.btn--lg{min-height:var(--control-h-lg);font-size:var(--fs-lg);border-radius:var(--r-lg)}.btn--block{width:100%}.btn--sm{min-height:34px;padding:0 var(--sp-3);font-size:var(--fs-sm);border-radius:var(--r-sm)}.btn--caps{font-family:var(--font-display);font-weight:var(--fw-black);text-transform:uppercase;letter-spacing:var(--tracking-caps)}.btn.is-loading>:not(.spinner){visibility:hidden}.btn.is-loading .spinner{position:absolute}.icon-btn{width:var(--icon-box);height:var(--icon-box);border:var(--border);border-radius:var(--r-md);background:var(--c-surface);color:var(--c-text);transition:border-color var(--t-fast);place-items:center;display:inline-grid}.icon-btn:hover{border-color:#3a3a46}.spinner{border:2px solid #ffffff40;border-top-color:currentColor;border-radius:50%;width:20px;height:20px;animation:.7s linear infinite spin}.spinner--lg{border-width:3px;width:32px;height:32px}@keyframes spin{to{transform:rotate(360deg)}}.skeleton{border-radius:var(--r-md);background:linear-gradient(90deg, var(--c-surface) 0%, var(--c-surface-2) 50%, var(--c-surface) 100%);background-size:200% 100%;animation:1.3s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card{background:var(--c-surface);border:var(--border);border-radius:var(--r-lg);padding:var(--sp-4)}.card--flat{background:var(--c-surface-2)}.card--link{color:inherit;transition:border-color var(--t-fast);display:block}.card--link:hover{border-color:#3a3a46}.icon-box{width:var(--icon-box);height:var(--icon-box);border-radius:var(--r-md);background:var(--c-primary-soft);border:var(--bw) solid #742bff47;color:var(--c-primary-2);flex-shrink:0;place-items:center;font-size:18px;display:inline-grid}.icon-box--lg{width:48px;height:48px}.tag{height:24px;padding:0 var(--sp-2);border-radius:var(--r-sm);background:var(--c-surface-2);border:var(--border);color:var(--c-text-2);font-size:var(--fs-xs);font-weight:var(--fw-medium);white-space:nowrap;align-items:center;display:inline-flex}.badge{height:24px;padding:0 var(--sp-2);border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:var(--fw-semibold);white-space:nowrap;background:var(--c-surface-2);color:var(--c-text-2);align-items:center;gap:6px;display:inline-flex}.badge:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.badge--success{background:var(--c-success-soft);color:var(--c-success)}.badge--error{background:var(--c-error-soft);color:var(--c-error)}.badge--primary{background:var(--c-primary-soft);color:var(--c-primary-2)}.badge--warning{color:var(--c-warning);background:#f5b84b1f}.field{flex-direction:column;gap:6px;display:flex}.field>label,.field-label{font-size:var(--fs-sm);color:var(--c-text-2);font-weight:var(--fw-medium)}.input,.select,.textarea{width:100%;min-height:var(--control-h);padding:0 var(--sp-3);border:var(--border);border-radius:var(--r-md);background:var(--c-surface-2);color:var(--c-text);transition:border-color var(--t-fast);outline:none}.textarea{padding:var(--sp-3);resize:vertical;min-height:96px}.input:focus,.select:focus,.textarea:focus{border-color:var(--c-primary)}.input::placeholder,.textarea::placeholder{color:#6c6c78}.field-hint{font-size:var(--fs-xs);color:var(--c-text-2)}.field-error{font-size:var(--fs-xs);color:var(--c-error)}.checkbox{align-items:center;gap:var(--sp-2);font-size:var(--fs-sm);display:inline-flex}.checkbox input{width:18px;height:18px;accent-color:var(--c-primary)}.search{position:relative}.search .input{padding-left:40px}.search svg{color:var(--c-text-2);pointer-events:none;position:absolute;top:50%;left:12px;transform:translateY(-50%)}.chips{gap:var(--sp-2);scrollbar-width:none;margin:0 calc(-1 * var(--gutter));padding:0 var(--gutter);display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{height:36px;padding:0 var(--sp-4);border:var(--border);border-radius:var(--r-pill);background:var(--c-surface);color:var(--c-text-2);font-size:var(--fs-sm);font-weight:var(--fw-medium);transition:all var(--t-fast);flex-shrink:0}.chip.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.state{text-align:center;align-items:center;gap:var(--sp-3);padding:var(--sp-10) var(--sp-4);flex-direction:column;display:flex}.state__title{font-family:var(--font-display);font-weight:var(--fw-bold);font-size:var(--fs-lg)}.state__text{color:var(--c-text-2);max-width:320px}.toasts{left:50%;bottom:calc(var(--sp-4) + var(--safe-bottom));z-index:100;gap:var(--sp-2);width:min(calc(100% - 2 * var(--gutter)), 420px);pointer-events:none;flex-direction:column;display:flex;position:fixed;transform:translate(-50%)}.toast{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border:var(--border);border-radius:var(--r-md);background:var(--c-surface-2);font-size:var(--fs-sm);pointer-events:auto;animation:toast-in var(--t-normal);display:flex;box-shadow:0 10px 30px #00000073}.toast--success{border-color:#37c97866}.toast--success svg{color:var(--c-success)}.toast--error{border-color:#ff4d5a73}.toast--error svg{color:var(--c-error)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}}.banner{align-items:center;gap:var(--sp-3);padding:var(--sp-3) var(--sp-4);border-radius:var(--r-md);border:var(--bw) solid #742bff59;background:var(--c-primary-soft);font-size:var(--fs-sm);display:flex}.banner>svg{flex-shrink:0}.banner--error{background:var(--c-error-soft);border-color:#ff4d5a66}.offline{z-index:60;padding:var(--sp-2) var(--gutter);background:var(--c-error);color:#fff;font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center;position:sticky;top:0}.overlay{z-index:80;background:var(--c-overlay);animation:fade var(--t-normal);justify-content:center;align-items:flex-end;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}@keyframes fade{0%{opacity:0}}.sheet{width:100%;max-width:var(--content-max);max-height:88dvh;padding:var(--sp-5) var(--gutter) calc(var(--sp-5) + var(--safe-bottom));border:var(--border);border-radius:var(--r-lg) var(--r-lg) 0 0;background:var(--c-surface);animation:sheet-up var(--t-normal);border-bottom:0;overflow-y:auto}@keyframes sheet-up{0%{opacity:0;transform:translateY(24px)}}.sheet__handle{width:40px;height:4px;margin:0 auto var(--sp-4);background:var(--c-border);border-radius:2px}@media (min-width:900px){.overlay--center{align-items:center}.overlay--center .sheet{border-radius:var(--r-lg);border-bottom:var(--border);max-width:480px}}.list{border:var(--border);border-radius:var(--r-lg);background:var(--c-surface);flex-direction:column;display:flex;overflow:hidden}.list-item{align-items:center;gap:var(--sp-3);min-height:60px;padding:var(--sp-3) var(--sp-4);color:inherit;border:0;border-bottom:var(--border);text-align:left;background:0 0;width:100%;display:flex}.list-item:last-child{border-bottom:0}a.list-item:hover,button.list-item:hover{background:var(--c-surface-2)}.list-item__title{font-weight:var(--fw-semibold)}.list-item__sub{font-size:var(--fs-sm);color:var(--c-text-2)}.kv{gap:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);grid-template-columns:minmax(110px,40%) 1fr;display:grid}.kv dt{color:var(--c-text-2)}.kv dd{word-break:break-word;margin:0}.pagination{justify-content:center;align-items:center;gap:var(--sp-3);font-size:var(--fs-sm);color:var(--c-text-2);display:flex}.stepper{border:var(--border);border-radius:var(--r-md);background:var(--c-surface-2);align-items:center;display:inline-flex}.stepper button{width:var(--control-h);height:var(--control-h);background:0 0;border:0;font-size:20px}.stepper button:disabled{opacity:.35}.stepper output{text-align:center;min-width:36px;font-weight:var(--fw-semibold)}.secret{padding:var(--sp-3);border:var(--border);border-radius:var(--r-md);background:var(--c-bg);font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:var(--fs-sm);white-space:pre-wrap;word-break:break-all;padding-right:52px;position:relative}.secret .icon-btn{width:36px;height:36px;position:absolute;top:6px;right:6px}.scroll-chips{position:relative}.scroll-chips .chips{scroll-behavior:smooth}@media (pointer:fine){.scroll-chips .chips{cursor:grab}}.scroll-chips .chips.is-dragging{cursor:grabbing;scroll-behavior:auto;-webkit-user-select:none;user-select:none}.scroll-chips:before,.scroll-chips:after{content:"";pointer-events:none;opacity:0;width:56px;transition:opacity var(--t-fast);z-index:1;position:absolute;top:0;bottom:0}.scroll-chips:before{left:calc(-1 * var(--gutter));background:linear-gradient(to right, var(--c-bg) 30%, transparent)}.scroll-chips:after{right:calc(-1 * var(--gutter));background:linear-gradient(to left, var(--c-bg) 30%, transparent)}.scroll-chips.has-left:before,.scroll-chips.has-right:after{opacity:1}.scroll-chips__arrow{z-index:2;border:var(--border);background:var(--c-surface-2);width:28px;height:28px;color:var(--c-text);border-radius:50%;place-items:center;margin-top:-14px;display:grid;position:absolute;top:50%;box-shadow:0 2px 8px #0006}.scroll-chips__arrow--right{right:calc(-1 * var(--gutter) + 6px)}.scroll-chips__arrow--left{left:calc(-1 * var(--gutter) + 6px)}.app{min-height:100dvh;padding-top:var(--content-safe-top)}.topbar{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:var(--border);background:#0b0b0deb;position:sticky;top:0}.topbar__inner{max-width:var(--content-max);height:var(--topbar-h);padding:0 var(--gutter);justify-content:space-between;align-items:center;margin:0 auto;display:flex}.content{max-width:var(--content-max);padding:var(--sp-5) var(--gutter) calc(var(--sp-10) + var(--safe-bottom));margin:0 auto}.page-header{min-height:36px}.section-title{font-size:var(--fs-lg)}.gate{justify-content:center;align-items:center;gap:var(--sp-6);min-height:100dvh;padding:var(--sp-6) var(--gutter);flex-direction:column;display:flex}.hero-title{font-size:var(--fs-2xl);font-weight:var(--fw-black)}.balance-card{justify-content:space-between;align-items:center;gap:var(--sp-3);display:flex}.balance-card__label{font-size:var(--fs-xs)}.balance-card__value{font-family:var(--font-display);font-size:var(--fs-3xl);font-weight:var(--fw-black);line-height:1.1}.category-grid{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.category-tile{align-items:center;gap:var(--sp-3);padding:var(--sp-3);border:var(--border);border-radius:var(--r-lg);background:var(--c-surface);color:inherit;transition:border-color var(--t-fast);display:flex}.category-tile:hover{border-color:#3a3a46}.category-tile__name{font-weight:var(--fw-semibold);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;line-height:1.25;display:-webkit-box;overflow:hidden}.category-tile__meta{font-size:var(--fs-xs)}.home-footer{gap:var(--sp-2);padding-top:var(--sp-4);border-top:var(--border);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.home-footer__link{align-items:center;gap:var(--sp-2);min-height:var(--control-h);padding:0 var(--sp-2);color:var(--c-text-2);font-size:var(--fs-sm);text-align:left;background:0 0;border:0;display:flex}.home-footer__link:hover{color:var(--c-text)}.filters{gap:var(--sp-3)}.select--compact{width:auto;min-width:0;max-width:60%}.product-list{gap:var(--sp-3);transition:opacity var(--t-fast);flex-direction:column;display:flex}.product-list.is-dimmed{opacity:.55}.product-card{gap:var(--sp-4);flex-direction:column;display:flex}.product-card__image{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-md);background:var(--c-surface-2);width:100%}.product-card__title{font-size:var(--fs-lg)}.product-card__desc{font-size:var(--fs-sm);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.product-card__footer{justify-content:space-between;align-items:flex-end;gap:var(--sp-3);padding-top:var(--sp-3);border-top:var(--border);display:flex}.product-card__price{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black)}.product-card__from{font-size:var(--fs-sm);font-weight:var(--fw-regular)}.stock{font-size:var(--fs-xs);color:var(--c-success);font-weight:var(--fw-medium)}.stock--out{color:var(--c-error);text-transform:uppercase;letter-spacing:var(--tracking-caps);font-weight:var(--fw-bold)}.product-hero{aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-lg);border:var(--border);width:100%}.product-price{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-black)}.variant-list{gap:var(--sp-2);flex-direction:column;display:flex}.variant{align-items:center;gap:var(--sp-3);min-height:var(--control-h);padding:0 var(--sp-3);border:var(--border);border-radius:var(--r-md);background:var(--c-surface-2);text-align:left;display:flex}.variant.is-active{border-color:var(--c-primary);background:var(--c-primary-soft)}.variant:disabled{opacity:.4}.total-row{padding-top:var(--sp-3);border-top:var(--border);font-size:var(--fs-lg)}.muted-strong{color:#d4d4dc}.avatar{background:var(--c-primary);width:48px;height:48px;font-family:var(--font-display);font-weight:var(--fw-black);font-size:var(--fs-xl);border-radius:50%;place-items:center;display:grid}.stats{gap:var(--sp-3);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.stat{flex-direction:column;gap:2px;display:flex}.stat__label{font-size:var(--fs-xs)}.stat__value{font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-black)}.amount-plus{color:var(--c-success)}.list--plain{background:0 0;border:0}.list--plain .list-item{padding-left:0;padding-right:0}.input--lg{min-height:var(--control-h-lg);font-family:var(--font-display);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.chat{gap:var(--sp-3);flex-direction:column;display:flex}.bubble{max-width:88%;padding:var(--sp-3);border-radius:var(--r-md);border:var(--border);background:var(--c-surface)}.bubble--user{background:var(--c-primary-soft);border-color:#742bff59;align-self:flex-end}.bubble__meta{font-size:var(--fs-xs);color:var(--c-text-2);margin-bottom:4px}.file-row{flex-wrap:wrap}@media (max-width:420px){.file-row__actions{width:100%}.file-row__actions .btn{flex:1}}.invoice-amount{font-family:var(--font-display);font-size:var(--fs-2xl);font-weight:var(--fw-black)}.link{color:var(--c-primary-2);background:0 0;border:0;padding:0}.stat__hint{font-size:var(--fs-xs);color:var(--c-primary-2)}