:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#f3f4f6;--surface:#fff;--surface-2:#f8f8f6;--surface-3:#eeeeeb;--border:#0b0b0b1a;--border-strong:#0b0b0b33;--text:#0b0b0b;--text-2:#52514e;--muted:#898781;--accent:#2a78d6;--accent-hover:#1c5cab;--accent-ink:#fff;--accent-soft:#e4effc;--good:#0ca30c;--good-text:#006300;--good-soft:#e3f5e3;--warn:#fab219;--warn-text:#7a5200;--warn-soft:#fff3d6;--serious:#ec835a;--serious-text:#8a3a1a;--serious-soft:#fde9e0;--crit:#d03b3b;--crit-text:#8f1f1f;--crit-soft:#fbe3e3;--info-soft:#e4effc;--info-text:#184f95;--s1:#2a78d6;--s2:#eb6834;--s3:#1baf7a;--s4:#eda100;--s5:#e87ba4;--s6:#008300;--s7:#4a3aa7;--s8:#e34948;--grid:#e1e0d9;--axis:#c3c2b7;--sidebar:#141a26;--sidebar-2:#1c2434;--sidebar-text:#c9d1e0;--sidebar-muted:#7f8ba3;--radius:12px;--radius-sm:8px;--shadow:0 1px 2px #0000000a,0 6px 20px #0000000f;--shadow-lg:0 10px 40px #0000002e;--pimg-a:88%;--pimg-b:76%;--pimg-s:60%}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--surface:#1a1a19;--surface-2:#222221;--surface-3:#2c2c2a;--border:#ffffff1a;--border-strong:#ffffff38;--text:#fff;--text-2:#c3c2b7;--muted:#898781;--accent:#3987e5;--accent-hover:#5598e7;--accent-soft:#1c2a3d;--good-text:#3ccc3c;--good-soft:#15301a;--warn-text:#ffd27a;--warn-soft:#3a2d0c;--serious-text:#ffb08f;--serious-soft:#3d2218;--crit-text:#ff8d8d;--crit-soft:#3c1a1a;--info-soft:#1c2a3d;--info-text:#9ec5f4;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;--grid:#2c2c2a;--axis:#383835;--sidebar:#101318;--sidebar-2:#171b22;--shadow:0 1px 2px #0006,0 6px 20px #00000059;--pimg-a:22%;--pimg-b:32%;--pimg-s:35%}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0d0d0d;--surface:#1a1a19;--surface-2:#222221;--surface-3:#2c2c2a;--border:#ffffff1a;--border-strong:#ffffff38;--text:#fff;--text-2:#c3c2b7;--muted:#898781;--accent:#3987e5;--accent-hover:#5598e7;--accent-soft:#1c2a3d;--good-text:#3ccc3c;--good-soft:#15301a;--warn-text:#ffd27a;--warn-soft:#3a2d0c;--serious-text:#ffb08f;--serious-soft:#3d2218;--crit-text:#ff8d8d;--crit-soft:#3c1a1a;--info-soft:#1c2a3d;--info-text:#9ec5f4;--s1:#3987e5;--s2:#d95926;--s3:#199e70;--s4:#c98500;--s5:#d55181;--s6:#008300;--s7:#9085e9;--s8:#e66767;--grid:#2c2c2a;--axis:#383835;--sidebar:#101318;--sidebar-2:#171b22;--shadow:0 1px 2px #0006,0 6px 20px #00000059;--pimg-a:22%;--pimg-b:32%;--pimg-s:35%}*{box-sizing:border-box}html,body{margin:0;padding:0}body{color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:14.5px;line-height:1.5}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4{margin:0 0 .4em;font-weight:650;line-height:1.25}h1{font-size:26px}h2{font-size:20px}h3{font-size:16px}h4{font-size:14px}p{margin:0 0 .8em}img{max-width:100%}button,input,select,textarea{font:inherit;color:inherit}small,.small{font-size:12.5px}.muted{color:var(--muted)}.text-2{color:var(--text-2)}.tnum{font-variant-numeric:tabular-nums}.right{text-align:right}.center{text-align:center}.flex{align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:10px;display:flex}.wrap{flex-wrap:wrap}.grow{flex:auto}.stack{flex-direction:column;gap:12px;display:flex}.row{flex-wrap:wrap;gap:12px;display:flex}.mt{margin-top:16px}.mb{margin-bottom:16px}.mt-s{margin-top:8px}.mb-s{margin-bottom:8px}.hide{display:none!important}.sr{position:absolute;left:-9999px}.container{max-width:1240px;margin:0 auto;padding:0 20px}hr{border:0;border-top:1px solid var(--border);margin:16px 0}code,.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px}pre.code{background:var(--surface-3);border:1px solid var(--border);border-radius:var(--radius-sm);margin:0;padding:12px;font-size:12px;line-height:1.5;overflow:auto}.btn{border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:7px;padding:9px 16px;font-weight:550;line-height:1.2;transition:background .15s,border-color .15s,transform 50ms;display:inline-flex}.btn:hover{background:var(--surface-2)}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-ghost{background:0 0;border-color:#0000}.btn-ghost:hover{background:var(--surface-3)}.btn-danger{color:var(--crit-text);border-color:var(--crit);background:var(--crit-soft)}.btn-danger:hover{background:var(--crit);color:#fff}.btn-sm{padding:6px 11px;font-size:13px}.btn-lg{padding:12px 22px;font-size:15.5px}.btn-block{width:100%}.btn-icon{width:36px;height:36px;padding:8px}.icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:18px;height:18px}.field{flex-direction:column;gap:5px;margin-bottom:12px;display:flex}.field label{color:var(--text-2);font-size:13px;font-weight:600}.input,.select,.textarea{border:1px solid var(--border-strong);border-radius:var(--radius-sm);background:var(--surface);outline:none;width:100%;padding:9px 12px;transition:border-color .15s,box-shadow .15s}.input:focus,.select:focus,.textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.textarea{resize:vertical;min-height:90px}.select{appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--muted) 50%),linear-gradient(135deg,var(--muted) 50%,transparent 50%);background-position:calc(100% - 16px),calc(100% - 11px);background-repeat:no-repeat;background-size:5px 5px;padding-right:32px}.input-sm{padding:6px 10px;font-size:13px}.grid-2{grid-template-columns:1fr 1fr;gap:0 14px;display:grid}.grid-3{grid-template-columns:1fr 1fr 1fr;gap:0 14px;display:grid}.check{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.check input{width:16px;height:16px;accent-color:var(--accent)}.radio-card{border:1px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;background:var(--surface);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.radio-card:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.radio-card input{accent-color:var(--accent);margin-top:3px}.switch{flex:none;width:40px;height:22px;display:inline-block;position:relative}.switch input{opacity:0;width:0;height:0}.switch span{background:var(--border-strong);cursor:pointer;border-radius:22px;transition:all .2s;position:absolute;inset:0}.switch span:before{content:"";background:#fff;border-radius:50%;width:18px;height:18px;transition:all .2s;position:absolute;top:2px;left:2px}.switch input:checked+span{background:var(--accent)}.switch input:checked+span:before{transform:translate(18px)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card-body{padding:18px 20px}.card-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:10px;padding:14px 20px;display:flex}.card-head h3{margin:0}.table-wrap{overflow:auto}table.table{border-collapse:collapse;width:100%;font-size:13.5px}.table th{text-align:left;color:var(--text-2);border-bottom:1px solid var(--border);white-space:nowrap;background:var(--surface-2);padding:10px 12px;font-size:12.5px;font-weight:600}.table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:10px 12px}.table td.small,.table td.mono{white-space:nowrap}.table tr:last-child td{border-bottom:0}.table tbody tr:hover{background:var(--surface-2)}.table .num{text-align:right;font-variant-numeric:tabular-nums}.badge{white-space:nowrap;background:var(--surface-3);color:var(--text-2);border-radius:999px;align-items:center;gap:5px;padding:2px 9px;font-size:12px;font-weight:600;display:inline-flex}.badge:before{content:"";opacity:.8;background:currentColor;border-radius:50%;width:7px;height:7px}.badge.good{background:var(--good-soft);color:var(--good-text)}.badge.warn{background:var(--warn-soft);color:var(--warn-text)}.badge.serious{background:var(--serious-soft);color:var(--serious-text)}.badge.crit{background:var(--crit-soft);color:var(--crit-text)}.badge.info{background:var(--info-soft);color:var(--info-text)}.badge.plain:before{display:none}.chip{border:1px solid var(--border-strong);background:var(--surface);cursor:pointer;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;font-weight:500;display:inline-flex}.chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}.tabs{border-bottom:1px solid var(--border);gap:4px;margin-bottom:16px;display:flex;overflow:auto}.tabs button{cursor:pointer;color:var(--text-2);white-space:nowrap;background:0 0;border:0;border-bottom:2px solid #0000;margin-bottom:-1px;padding:10px 14px;font-weight:550}.tabs button.active{color:var(--accent);border-bottom-color:var(--accent)}.empty{text-align:center;color:var(--muted);padding:40px 20px}.empty .big{margin-bottom:8px;font-size:40px}.kv{grid-template-columns:140px 1fr;gap:6px 12px;font-size:13.5px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.alert{border-radius:var(--radius-sm);border:1px solid;align-items:flex-start;gap:10px;padding:12px 14px;font-size:13.5px;display:flex}.alert.info{background:var(--info-soft);color:var(--info-text);border-color:#0000}.alert.warn{background:var(--warn-soft);color:var(--warn-text);border-color:#0000}.alert.good{background:var(--good-soft);color:var(--good-text);border-color:#0000}.avatar{background:var(--accent-soft);width:34px;height:34px;color:var(--accent);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.progress{background:var(--surface-3);border-radius:4px;height:6px;overflow:hidden}.progress i{background:var(--accent);border-radius:4px;height:100%;display:block}.meter-good i{background:var(--good)}.meter-warn i{background:var(--warn)}.meter-crit i{background:var(--crit)}.modal-backdrop{z-index:100;background:#00000073;justify-content:center;align-items:center;padding:20px;animation:.15s fade;display:flex;position:fixed;inset:0}.modal{background:var(--surface);width:100%;max-width:560px;max-height:92vh;box-shadow:var(--shadow-lg);border-radius:16px;animation:.18s pop;overflow:auto}.modal.wide{max-width:860px}.modal.xl{max-width:1040px}.modal-head{border-bottom:1px solid var(--border);background:var(--surface);z-index:1;justify-content:space-between;align-items:center;padding:16px 22px;display:flex;position:sticky;top:0}.modal-head h3{margin:0}.modal-body{padding:20px 22px}.modal-foot{border-top:1px solid var(--border);background:var(--surface);justify-content:flex-end;gap:10px;padding:14px 22px;display:flex;position:sticky;bottom:0}.drawer-backdrop{z-index:90;background:#00000059;animation:.15s fade;position:fixed;inset:0}.drawer{background:var(--surface);width:min(560px,100%);box-shadow:var(--shadow-lg);z-index:91;flex-direction:column;animation:.2s slide;display:flex;position:fixed;top:0;bottom:0;right:0}.drawer-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 22px;display:flex}.drawer-body{flex:1;padding:20px 22px;overflow:auto}#toasts{z-index:200;flex-direction:column;gap:8px;display:flex;position:fixed;bottom:20px;right:20px}.toast{background:var(--text);color:var(--bg);box-shadow:var(--shadow-lg);border-radius:10px;align-items:center;gap:8px;max-width:360px;padding:11px 16px;font-weight:500;animation:.2s pop;display:flex}.toast.good{background:var(--good)}.toast.crit{background:var(--crit)}.toast.good,.toast.crit{color:#fff}@keyframes fade{0%{opacity:0}}@keyframes pop{0%{opacity:0;transform:translateY(8px)scale(.98)}}@keyframes slide{0%{opacity:0;transform:translate(30px)}}.sf-top{background:var(--surface);border-bottom:1px solid var(--border);z-index:50;position:sticky;top:0}.sf-bar{align-items:center;gap:16px;height:66px;display:flex}.logo{letter-spacing:-.3px;color:var(--text);align-items:center;gap:9px;font-size:19px;font-weight:800;display:flex}.logo:hover{text-decoration:none}.logo i{background:linear-gradient(135deg,var(--accent),#7c3aed);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:30px;height:30px;font-size:15px;font-style:normal;display:inline-flex}.search{flex:1;max-width:560px;margin:0 auto;display:flex;position:relative}.search .input{background:var(--surface-2);border-radius:999px;padding-left:38px}.search svg{color:var(--muted);position:absolute;top:50%;left:13px;transform:translateY(-50%)}.sf-actions{align-items:center;gap:4px;display:flex}.sf-actions .btn{position:relative}.cart-count{background:var(--accent);color:#fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:11px;font-weight:700;display:flex;position:absolute;top:-6px;right:-6px}.sf-nav{scrollbar-width:none;gap:4px;padding:4px 0 8px;display:flex;overflow:auto}.sf-nav a{color:var(--text-2);white-space:nowrap;border-radius:999px;padding:6px 12px;font-weight:550}.sf-nav a:hover,.sf-nav a.active{background:var(--accent-soft);color:var(--accent);text-decoration:none}.demo-strip{background:var(--sidebar);color:var(--sidebar-text);padding:6px 0;font-size:12.5px}.demo-strip a{color:#fff;font-weight:600}.sf-main{min-height:70vh;padding:24px 0 60px}.hero{color:#fff;background:linear-gradient(120deg,var(--hero-a,#1c5cab),var(--hero-b,#7c3aed));border-radius:20px;flex-direction:column;justify-content:center;gap:10px;min-height:300px;padding:48px 44px;display:flex;position:relative;overflow:hidden}.hero h1{letter-spacing:-.5px;max-width:560px;font-size:38px}.hero p{opacity:.9;max-width:520px;font-size:17px}.hero .btn{color:#111;background:#fff;border-color:#fff;align-self:flex-start}.hero .deco{opacity:.25;pointer-events:none;font-size:150px;line-height:1;position:absolute;top:50%;right:30px;transform:translateY(-50%)}.hero-dots{gap:6px;margin-top:10px;display:flex}.hero-dots button{cursor:pointer;background:#fff6;border:0;border-radius:50%;width:8px;height:8px;padding:0}.hero-dots button.active{background:#fff;border-radius:4px;width:20px}.section-title{justify-content:space-between;align-items:baseline;margin:34px 0 14px;display:flex}.section-title h2{margin:0}.cat-grid{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.cat-tile{background:var(--surface);border:1px solid var(--border);color:var(--text);border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:18px 10px;font-size:13.5px;font-weight:600;transition:transform .15s,box-shadow .15s;display:flex}.cat-tile:hover{box-shadow:var(--shadow);text-decoration:none;transform:translateY(-2px)}.cat-tile i{background:linear-gradient(135deg,hsl(var(--h) var(--pimg-s) var(--pimg-a)),hsl(var(--h) var(--pimg-s) var(--pimg-b)));border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:30px;font-style:normal;display:flex}.grid-products{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px;display:grid}.pcard{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;transition:transform .15s,box-shadow .15s;display:flex;position:relative;overflow:hidden}.pcard:hover{box-shadow:var(--shadow);transform:translateY(-3px)}.pimg{aspect-ratio:1;background:linear-gradient(135deg,hsl(var(--h) var(--pimg-s) var(--pimg-a)),hsl(var(--h) var(--pimg-s) var(--pimg-b)));-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:72px;display:flex;position:relative}.pimg.sm{font-size:40px}.pimg.xs{border-radius:8px;font-size:22px}.pcard .pimg{cursor:pointer}.pbody{flex-direction:column;flex:1;gap:5px;padding:12px 14px 14px;display:flex}.pbody .brand{color:var(--muted);text-transform:uppercase;letter-spacing:.4px;font-size:12px}.pbody .name{color:var(--text);-webkit-line-clamp:2;-webkit-box-orient:vertical;min-height:2.6em;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.pbody .name:hover{color:var(--accent);text-decoration:none}.price{font-size:16px;font-weight:700}.price .old{color:var(--muted);margin-left:6px;font-size:13px;font-weight:400;text-decoration:line-through}.disc{background:var(--crit);color:#fff;border-radius:6px;padding:3px 8px;font-size:12px;font-weight:700;position:absolute;top:10px;left:10px}.fav{background:var(--surface);border:1px solid var(--border);cursor:pointer;width:34px;height:34px;color:var(--muted);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:8px;right:8px}.fav.on{color:var(--crit)}.fav.on svg{fill:var(--crit)}.stars{color:var(--s4);letter-spacing:1px;font-size:12.5px}.stars span{color:var(--muted);letter-spacing:0;margin-left:4px}.stock-low{color:var(--serious-text);font-size:12px;font-weight:600}.stock-out{color:var(--crit-text);font-size:12px;font-weight:600}.pcard .btn{margin-top:auto}.list-layout{grid-template-columns:240px 1fr;align-items:start;gap:24px;display:grid}.filters{position:sticky;top:120px}.filters h4{text-transform:uppercase;letter-spacing:.4px;color:var(--muted);margin:14px 0 8px;font-size:13px}.filters .check{padding:4px 0;font-size:13.5px;font-weight:450}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.crumbs{color:var(--muted);margin-bottom:14px;font-size:13px}.crumbs a{color:var(--text-2)}.pdp{grid-template-columns:1fr 1fr;align-items:start;gap:36px;display:grid}.pdp .pimg{border-radius:18px;font-size:160px}.thumbs{gap:10px;margin-top:12px;display:flex}.thumbs .pimg{cursor:pointer;border:2px solid #0000;border-radius:10px;width:70px;font-size:30px}.thumbs .pimg.active{border-color:var(--accent)}.pdp h1{font-size:26px}.pdp .price{font-size:30px}.qty{border:1px solid var(--border-strong);border-radius:var(--radius-sm);align-items:center;display:inline-flex;overflow:hidden}.qty button{background:var(--surface-2);cursor:pointer;border:0;width:36px;height:40px;font-size:18px}.qty input{text-align:center;background:0 0;border:0;width:48px;height:40px}.spec-table td:first-child{color:var(--muted);width:40%}.review{border-bottom:1px solid var(--border);padding:12px 0}.cart-layout{grid-template-columns:1fr 360px;align-items:start;gap:24px;display:grid}.cart-line{border-bottom:1px solid var(--border);grid-template-columns:80px 1fr auto;align-items:center;gap:14px;padding:14px 0;display:grid}.cart-line .pimg{border-radius:10px;font-size:36px}.summary .line{justify-content:space-between;padding:6px 0;font-size:14px;display:flex}.summary .total{border-top:1px solid var(--border);margin-top:8px;padding-top:12px;font-size:18px;font-weight:700}.sticky{position:sticky;top:120px}.steps{counter-reset:s;gap:8px;margin-bottom:20px;display:flex}.steps div{background:var(--surface);border:1px solid var(--border);color:var(--muted);border-radius:10px;flex:1;align-items:center;gap:8px;padding:10px 12px;font-size:13px;font-weight:600;display:flex}.steps div:before{counter-increment:s;content:counter(s);background:var(--surface-3);border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:inline-flex}.steps div.done{color:var(--good-text)}.steps div.done:before{background:var(--good);color:#fff;content:"✓"}.steps div.active{color:var(--accent);border-color:var(--accent)}.steps div.active:before{background:var(--accent);color:#fff}.timeline{margin:0;padding:0;list-style:none;position:relative}.timeline li{padding:0 0 18px 28px;position:relative}.timeline li:before{content:"";background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px var(--accent-soft);border-radius:50%;position:absolute;top:6px;left:7px}.timeline li:after{content:"";background:var(--border);width:2px;position:absolute;top:18px;bottom:0;left:11px}.timeline li:last-child:after{display:none}.timeline li.pending:before{background:var(--surface-3);box-shadow:0 0 0 3px var(--surface-3)}.timeline li.pending{color:var(--muted)}.sf-footer{border-top:1px solid var(--border);background:var(--surface);color:var(--text-2);margin-top:40px;padding:34px 0;font-size:13.5px}.sf-footer .cols{grid-template-columns:2fr 1fr 1fr 1fr;gap:24px;display:grid}.sf-footer h4{margin-bottom:10px}.sf-footer a{color:var(--text-2);padding:3px 0;display:block}.trust{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:30px;display:grid}.trust div{background:var(--surface);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:14px;font-size:13px;display:flex}.trust i{font-size:24px;font-style:normal}.trust b{display:block}.promo-strip{grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;display:grid}.promo{color:#fff;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;padding:26px 28px;display:flex}.promo h3{color:#fff;margin:0 0 4px;font-size:20px}.promo p{opacity:.9;margin:0}.admin{grid-template-columns:240px 1fr;min-height:100vh;display:grid}.sidebar{background:var(--sidebar);color:var(--sidebar-text);flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow:auto}.sidebar .logo{color:#fff;padding:18px 20px 12px}.sidebar .logo small{color:var(--sidebar-muted);letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:500;display:block}.snav{flex-direction:column;gap:2px;padding:8px 12px;display:flex}.snav .label{text-transform:uppercase;letter-spacing:.6px;color:var(--sidebar-muted);padding:14px 10px 6px;font-size:11px;font-weight:600}.snav a{color:var(--sidebar-text);border-radius:9px;align-items:center;gap:10px;padding:9px 12px;font-size:14px;font-weight:500;display:flex}.snav a:hover{background:var(--sidebar-2);color:#fff;text-decoration:none}.snav a.active{background:var(--accent);color:#fff}.snav a i{text-align:center;width:20px;font-size:15px;font-style:normal}.snav a .count{background:#ffffff26;border-radius:9px;margin-left:auto;padding:1px 7px;font-size:11px;font-weight:600}.sidebar .foot{color:var(--sidebar-muted);border-top:1px solid #ffffff14;margin-top:auto;padding:14px 20px;font-size:12px}.admin-main{flex-direction:column;min-width:0;display:flex}.topbar{background:var(--surface);border-bottom:1px solid var(--border);z-index:40;align-items:center;gap:14px;height:62px;padding:0 24px;display:flex;position:sticky;top:0}.topbar h2{margin:0;font-size:17px}.admin-content{flex-direction:column;gap:20px;padding:24px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-head h1{margin:0;font-size:22px}.page-head p{color:var(--muted);margin:2px 0 0}.kpis{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.kpi{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:4px;min-width:0;padding:16px 18px;display:flex}.kpi .label{color:var(--text-2);font-size:13px;font-weight:500}.kpi .value{letter-spacing:-.3px;font-size:26px;font-weight:650;line-height:1.2}.kpi .delta{color:var(--muted);align-items:center;gap:6px;font-size:12.5px;display:flex}.kpi .delta b{font-weight:600}.kpi .delta.up b{color:var(--good-text)}.kpi .delta.down b{color:var(--crit-text)}.kpi .spark{height:34px;margin-top:6px}.grid-dash{grid-template-columns:2fr 1fr;gap:20px;display:grid}.grid-eq{grid-template-columns:1fr 1fr;gap:20px;display:grid}.grid-3c{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.chart{width:100%;position:relative}.chart svg{width:100%;height:auto;display:block;overflow:visible}.chart .tip{pointer-events:none;background:var(--surface);border:1px solid var(--border-strong);box-shadow:var(--shadow);white-space:nowrap;z-index:5;border-radius:8px;padding:8px 10px;font-size:12.5px;display:none;position:absolute}.chart .tip b{color:var(--text-2);margin-bottom:2px;font-weight:600;display:block}.chart .tip .r{align-items:center;gap:6px;display:flex}.chart .tip .sw{border-radius:2px;width:9px;height:9px;display:inline-block}.legend{color:var(--text-2);flex-wrap:wrap;gap:16px;margin-bottom:8px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:3px;width:10px;height:10px;display:inline-block}.axis-text{fill:var(--muted);font-size:11px}.int-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);align-items:flex-start;gap:14px;padding:16px;display:flex}.int-card .ico{color:#fff;border-radius:11px;flex:none;justify-content:center;align-items:center;width:44px;height:44px;font-size:16px;font-weight:800;display:flex}.int-card h4{margin:0 0 2px}.int-card p{color:var(--muted);margin:0 0 8px;font-size:12.5px}.stat-row{flex-wrap:wrap;gap:20px;display:flex}.stat-row div b{font-size:18px;display:block}.stat-row div{color:var(--muted);font-size:12px}.search-inline{min-width:220px;position:relative}.search-inline .input{padding-left:34px}.search-inline svg{color:var(--muted);position:absolute;top:50%;left:10px;transform:translateY(-50%)}.actions{justify-content:flex-end;gap:4px;display:flex}.login-wrap{background:linear-gradient(135deg,var(--sidebar),#1c2a3d);justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}.login-card{background:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow-lg);border-radius:18px;padding:34px}.mapping-grid{grid-template-columns:1fr 160px;align-items:center;gap:8px 12px;font-size:13.5px;display:grid}.log{background:var(--surface-3);border-radius:var(--radius-sm);max-height:220px;padding:12px;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12px;line-height:1.6;overflow:auto}.log .ok{color:var(--good-text)}.log .err{color:var(--crit-text)}.log .t{color:var(--muted)}.invoice-doc{color:#111;background:#fff;border:1px solid #ddd;max-width:800px;margin:0 auto;padding:36px;font-size:13px}.invoice-doc h2{margin:0;font-size:18px}.invoice-doc .ih{border-bottom:2px solid #111;justify-content:space-between;margin-bottom:16px;padding-bottom:14px;display:flex}.invoice-doc .parties{grid-template-columns:1fr 1fr;gap:20px;margin-bottom:18px;display:grid}.invoice-doc .box{border:1px solid #ccc;border-radius:6px;padding:10px 12px}.invoice-doc table{border-collapse:collapse;width:100%;margin-bottom:14px}.invoice-doc th,.invoice-doc td{border:1px solid #ccc;padding:6px 8px;font-size:12px}.invoice-doc th{text-align:left;background:#f3f3f3}.invoice-doc .totals{width:280px;margin-left:auto}.invoice-doc .totals td{border:0;padding:3px 8px}.invoice-doc .totals tr:last-child td{border-top:2px solid #111;font-size:14px;font-weight:700}.invoice-doc .qr{background-blend-mode:difference;background:repeating-linear-gradient(90deg,#111 0 4px,#fff 4px 8px),repeating-linear-gradient(0deg,#111 0 4px,#fff 4px 8px);border:4px solid #fff;outline:1px solid #ccc;width:90px;height:90px}.invoice-doc .meta{color:#555;border-top:1px solid #ccc;margin-top:14px;padding-top:8px;font-size:11px}.pulse{animation:1s infinite pulse}@keyframes pulse{50%{opacity:.4}}@media print{body{background:#fff}body.print-invoice #app,body.print-invoice #toasts,body.print-invoice .modal-head,body.print-invoice .modal-foot{display:none!important}body.print-invoice .modal-backdrop{background:0 0;padding:0;position:static}body.print-invoice .modal{max-width:none;box-shadow:none;max-height:none}.invoice-doc{border:0;padding:0}}@media (width<=1100px){.kpis{grid-template-columns:repeat(2,1fr)}.grid-dash,.grid-eq,.grid-3c{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(3,1fr)}.sf-footer .cols{grid-template-columns:1fr 1fr}.trust{grid-template-columns:repeat(2,1fr)}}@media (width<=860px){.admin{grid-template-columns:1fr}.sidebar{z-index:60;width:260px;height:100vh;transition:transform .2s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.sidebar.open{transform:none}.sidebar-backdrop{z-index:59;background:#0006;position:fixed;inset:0}.menu-btn{display:inline-flex!important}.list-layout,.pdp,.cart-layout{grid-template-columns:1fr}.filters{position:static}.hero{min-height:240px;padding:30px 24px}.hero h1{font-size:28px}.hero .deco{display:none}.promo-strip,.grid-2,.grid-3{grid-template-columns:1fr}.search{display:none}.sf-bar{gap:8px}.admin-content{padding:16px}.topbar{padding:0 16px}}@media (width<=560px){.kpis{grid-template-columns:1fr}.cat-grid{grid-template-columns:repeat(2,1fr)}.sf-footer .cols,.trust{grid-template-columns:1fr}.cart-line{grid-template-columns:64px 1fr}.container{padding:0 14px}}.menu-btn{display:none}