.toast-enter-active[data-v-9bed1acc]{animation:slideInRight .3s cubic-bezier(.22,1,.36,1)}.toast-leave-active[data-v-9bed1acc]{transition:all .2s}.toast-leave-to[data-v-9bed1acc]{opacity:0;transform:translate(20px)}[data-theme=silky-blue]{--c-primary:#021DA5;--c-primary-mid:#134F88;--c-primary-light:#EBEEff;--c-primary-dark:#011270;--c-accent:#11E3AB;--c-accent2:#49B8BF;--c-accent3:#0980A8;--c-danger:#CF1020;--c-danger-bg:#FFF0F1;--c-success:#0AA96A;--c-success-bg:#EDFAF5;--c-warning:#F59E0B;--c-warning-bg:#FFFBEB;--c-bg:#EEF1F8;--c-surface:#FFFFFF;--c-border:#E0E4F0;--c-text1:#0F1423;--c-text2:#5A6480;--c-text3:#9BA5BC;--c-topbar:linear-gradient(135deg,#134F88 0%,#1A6BAD 50%,#1260A0 100%);--c-topbar-text:#FFFFFF;--c-sidebar:#FFFFFF;--c-nav-active:linear-gradient(135deg,#134F88,#1A6BAD);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#FFFFFF;--c-shop-catbar:#021DA5;--c-shop-catbar-text:rgba(255,255,255,.75);--c-btn-primary:#021DA5;--c-btn-hover:#134F88;--c-chart1:#134F88;--c-chart2:#11E3AB;--c-chart3:#49B8BF;--c-chart4:#0980A8;--c-chart5:#CF1020}[data-theme=ocean]{--c-primary:#0077B6;--c-primary-mid:#0096C7;--c-primary-light:#E0F7FF;--c-primary-dark:#023E8A;--c-accent:#00B4D8;--c-accent2:#48CAE4;--c-accent3:#90E0EF;--c-danger:#EF233C;--c-danger-bg:#FFF0F2;--c-success:#2DC653;--c-success-bg:#EDFAF1;--c-warning:#F4A261;--c-warning-bg:#FFF5ED;--c-bg:#EBF8FF;--c-surface:#FFFFFF;--c-border:#B8E8FF;--c-text1:#03045E;--c-text2:#3A7CA5;--c-text3:#90B4CE;--c-topbar:linear-gradient(135deg,#023E8A,#0077B6,#0096C7);--c-topbar-text:#FFFFFF;--c-sidebar:#FFFFFF;--c-nav-active:linear-gradient(135deg,#0077B6,#0096C7);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#FFFFFF;--c-shop-catbar:#0077B6;--c-shop-catbar-text:rgba(255,255,255,.75);--c-btn-primary:#0077B6;--c-btn-hover:#023E8A;--c-chart1:#0077B6;--c-chart2:#00B4D8;--c-chart3:#48CAE4;--c-chart4:#90E0EF;--c-chart5:#EF233C}[data-theme=midnight]{--c-primary:#6366F1;--c-primary-mid:#4F46E5;--c-primary-light:rgba(99,102,241,.15);--c-primary-dark:#3730A3;--c-accent:#22D3EE;--c-accent2:#A78BFA;--c-accent3:#F472B6;--c-danger:#F43F5E;--c-danger-bg:rgba(244,63,94,.15);--c-success:#10B981;--c-success-bg:rgba(16,185,129,.15);--c-warning:#F59E0B;--c-warning-bg:rgba(245,158,11,.15);--c-bg:#0F172A;--c-surface:#1E293B;--c-border:#334155;--c-text1:#F1F5F9;--c-text2:#94A3B8;--c-text3:#64748B;--c-topbar:linear-gradient(135deg,#0F172A,#1E293B);--c-topbar-text:#F1F5F9;--c-sidebar:#1E293B;--c-nav-active:linear-gradient(135deg,#4F46E5,#6366F1);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#1E293B;--c-shop-catbar:#0F172A;--c-shop-catbar-text:rgba(255,255,255,.7);--c-btn-primary:#6366F1;--c-btn-hover:#4F46E5;--c-chart1:#6366F1;--c-chart2:#22D3EE;--c-chart3:#A78BFA;--c-chart4:#F472B6;--c-chart5:#F43F5E}[data-theme=desert]{--c-primary:#B45309;--c-primary-mid:#D97706;--c-primary-light:#FEF3C7;--c-primary-dark:#78350F;--c-accent:#F59E0B;--c-accent2:#FCD34D;--c-accent3:#92400E;--c-danger:#DC2626;--c-danger-bg:#FEF2F2;--c-success:#059669;--c-success-bg:#ECFDF5;--c-warning:#D97706;--c-warning-bg:#FFFBEB;--c-bg:#FEFCE8;--c-surface:#FFFFFF;--c-border:#FDE68A;--c-text1:#292524;--c-text2:#78716C;--c-text3:#A8A29E;--c-topbar:linear-gradient(135deg,#78350F,#B45309,#D97706);--c-topbar-text:#FFFFFF;--c-sidebar:#FFFBEB;--c-nav-active:linear-gradient(135deg,#B45309,#D97706);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#FFFBEB;--c-shop-catbar:#78350F;--c-shop-catbar-text:rgba(255,255,255,.8);--c-btn-primary:#B45309;--c-btn-hover:#78350F;--c-chart1:#B45309;--c-chart2:#F59E0B;--c-chart3:#FCD34D;--c-chart4:#92400E;--c-chart5:#DC2626}[data-theme=forest]{--c-primary:#065F46;--c-primary-mid:#047857;--c-primary-light:#ECFDF5;--c-primary-dark:#022C22;--c-accent:#10B981;--c-accent2:#6EE7B7;--c-accent3:#34D399;--c-danger:#DC2626;--c-danger-bg:#FEF2F2;--c-success:#059669;--c-success-bg:#ECFDF5;--c-warning:#D97706;--c-warning-bg:#FFFBEB;--c-bg:#F0FDF4;--c-surface:#FFFFFF;--c-border:#A7F3D0;--c-text1:#022C22;--c-text2:#047857;--c-text3:#6EE7B7;--c-topbar:linear-gradient(135deg,#022C22,#065F46,#047857);--c-topbar-text:#FFFFFF;--c-sidebar:#FFFFFF;--c-nav-active:linear-gradient(135deg,#065F46,#047857);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#FFFFFF;--c-shop-catbar:#022C22;--c-shop-catbar-text:rgba(255,255,255,.8);--c-btn-primary:#065F46;--c-btn-hover:#022C22;--c-chart1:#065F46;--c-chart2:#10B981;--c-chart3:#34D399;--c-chart4:#6EE7B7;--c-chart5:#DC2626}[data-theme=royal]{--c-primary:#6D28D9;--c-primary-mid:#7C3AED;--c-primary-light:#EDE9FE;--c-primary-dark:#4C1D95;--c-accent:#F59E0B;--c-accent2:#C4B5FD;--c-accent3:#8B5CF6;--c-danger:#DC2626;--c-danger-bg:#FEF2F2;--c-success:#059669;--c-success-bg:#ECFDF5;--c-warning:#F59E0B;--c-warning-bg:#FFFBEB;--c-bg:#F5F3FF;--c-surface:#FFFFFF;--c-border:#DDD6FE;--c-text1:#1E1B4B;--c-text2:#5B21B6;--c-text3:#A78BFA;--c-topbar:linear-gradient(135deg,#4C1D95,#6D28D9,#7C3AED);--c-topbar-text:#FFFFFF;--c-sidebar:#FFFFFF;--c-nav-active:linear-gradient(135deg,#6D28D9,#7C3AED);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#FFFFFF;--c-shop-catbar:#4C1D95;--c-shop-catbar-text:rgba(255,255,255,.8);--c-btn-primary:#6D28D9;--c-btn-hover:#4C1D95;--c-chart1:#6D28D9;--c-chart2:#F59E0B;--c-chart3:#C4B5FD;--c-chart4:#8B5CF6;--c-chart5:#DC2626}[data-theme=sunset]{--c-primary:#EA580C;--c-primary-mid:#F97316;--c-primary-light:#FFF7ED;--c-primary-dark:#9A3412;--c-accent:#EF4444;--c-accent2:#FDBA74;--c-accent3:#FED7AA;--c-danger:#DC2626;--c-danger-bg:#FEF2F2;--c-success:#059669;--c-success-bg:#ECFDF5;--c-warning:#D97706;--c-warning-bg:#FFFBEB;--c-bg:#FFF7F0;--c-surface:#FFFFFF;--c-border:#FED7AA;--c-text1:#431407;--c-text2:#9A3412;--c-text3:#FDBA74;--c-topbar:linear-gradient(135deg,#9A3412,#EA580C,#F97316);--c-topbar-text:#FFFFFF;--c-sidebar:#FFFFFF;--c-nav-active:linear-gradient(135deg,#EA580C,#F97316);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#FFFFFF;--c-shop-catbar:#9A3412;--c-shop-catbar-text:rgba(255,255,255,.8);--c-btn-primary:#EA580C;--c-btn-hover:#9A3412;--c-chart1:#EA580C;--c-chart2:#EF4444;--c-chart3:#FDBA74;--c-chart4:#FED7AA;--c-chart5:#DC2626}[data-theme=arctic]{--c-primary:#1E40AF;--c-primary-mid:#2563EB;--c-primary-light:#EFF6FF;--c-primary-dark:#1E3A8A;--c-accent:#06B6D4;--c-accent2:#BAE6FD;--c-accent3:#7DD3FC;--c-danger:#EF4444;--c-danger-bg:#FEF2F2;--c-success:#10B981;--c-success-bg:#ECFDF5;--c-warning:#F59E0B;--c-warning-bg:#FFFBEB;--c-bg:#F8FAFC;--c-surface:#FFFFFF;--c-border:#E2E8F0;--c-text1:#0F172A;--c-text2:#475569;--c-text3:#94A3B8;--c-topbar:linear-gradient(135deg,#1E3A8A,#1E40AF,#2563EB);--c-topbar-text:#FFFFFF;--c-sidebar:#FFFFFF;--c-nav-active:linear-gradient(135deg,#1E40AF,#2563EB);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#FFFFFF;--c-shop-catbar:#1E3A8A;--c-shop-catbar-text:rgba(255,255,255,.8);--c-btn-primary:#1E40AF;--c-btn-hover:#1E3A8A;--c-chart1:#1E40AF;--c-chart2:#06B6D4;--c-chart3:#BAE6FD;--c-chart4:#7DD3FC;--c-chart5:#EF4444}[data-theme=carbon]{--c-primary:#EF4444;--c-primary-mid:#DC2626;--c-primary-light:rgba(239,68,68,.15);--c-primary-dark:#B91C1C;--c-accent:#F97316;--c-accent2:#FBBF24;--c-accent3:#94A3B8;--c-danger:#EF4444;--c-danger-bg:rgba(239,68,68,.15);--c-success:#22C55E;--c-success-bg:rgba(34,197,94,.15);--c-warning:#F59E0B;--c-warning-bg:rgba(245,158,11,.15);--c-bg:#111827;--c-surface:#1F2937;--c-border:#374151;--c-text1:#F9FAFB;--c-text2:#9CA3AF;--c-text3:#6B7280;--c-topbar:linear-gradient(135deg,#111827,#1F2937);--c-topbar-text:#F9FAFB;--c-sidebar:#1F2937;--c-nav-active:linear-gradient(135deg,#B91C1C,#EF4444);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#1F2937;--c-shop-catbar:#111827;--c-shop-catbar-text:rgba(255,255,255,.7);--c-btn-primary:#EF4444;--c-btn-hover:#B91C1C;--c-chart1:#EF4444;--c-chart2:#F97316;--c-chart3:#FBBF24;--c-chart4:#22C55E;--c-chart5:#6366F1}[data-theme=rose-gold]{--c-primary:#BE185D;--c-primary-mid:#DB2777;--c-primary-light:#FDF2F8;--c-primary-dark:#831843;--c-accent:#F59E0B;--c-accent2:#FBCFE8;--c-accent3:#F472B6;--c-danger:#DC2626;--c-danger-bg:#FEF2F2;--c-success:#059669;--c-success-bg:#ECFDF5;--c-warning:#D97706;--c-warning-bg:#FFFBEB;--c-bg:#FFF1F5;--c-surface:#FFFFFF;--c-border:#FBCFE8;--c-text1:#500724;--c-text2:#831843;--c-text3:#F9A8D4;--c-topbar:linear-gradient(135deg,#831843,#BE185D,#DB2777);--c-topbar-text:#FFFFFF;--c-sidebar:#FFFFFF;--c-nav-active:linear-gradient(135deg,#BE185D,#DB2777);--c-nav-active-text:#FFFFFF;--c-shop-topbar:#FFFFFF;--c-shop-catbar:#831843;--c-shop-catbar-text:rgba(255,255,255,.8);--c-btn-primary:#BE185D;--c-btn-hover:#831843;--c-chart1:#BE185D;--c-chart2:#F59E0B;--c-chart3:#FBCFE8;--c-chart4:#F472B6;--c-chart5:#DC2626}:root{--r:14px;--r-sm:8px;--r-lg:20px;--sw:240px;--hh:62px;--shadow-sm:0 1px 3px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.04);--shadow-md:0 2px 8px rgba(0,0,0,.08),0 8px 24px rgba(0,0,0,.06);--shadow-lg:0 4px 16px rgba(0,0,0,.12),0 16px 48px rgba(0,0,0,.1);--transition:.2s cubic-bezier(.4,0,.2,1);--font-body:"DM Sans","Cairo",sans-serif;--font-display:"Syne","Cairo",sans-serif;--font-mono:"DM Mono",monospace}html[lang=ar]{--font-body:"Cairo",sans-serif;--font-display:"Cairo",sans-serif;--font-mono:"Cairo",sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--c-bg);color:var(--c-text1);line-height:1.6;-webkit-font-smoothing:antialiased;min-height:100vh;transition:background var(--transition),color var(--transition)}canvas{display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit;font-size:inherit}img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--c-primary);outline-offset:2px;border-radius:4px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gradShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.a1{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .05s both}.a2{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .12s both}.a3{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .19s both}.a4{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .26s both}.a5{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .33s both}.a6{animation:fadeUp .5s cubic-bezier(.22,1,.36,1) .4s both}.skeleton{background:linear-gradient(90deg,var(--c-border) 25%,var(--c-surface) 50%,var(--c-border) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--r-sm)}.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}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[dir=rtl] .sidebar{right:0;left:auto;border-right:none;border-left:1px solid var(--c-border)}[dir=rtl] .main{margin-left:0;margin-right:var(--sw)}[dir=rtl] .tb-logo-area{border-right:none;border-left:1px solid rgba(255,255,255,.12)}[dir=rtl] .ni.act:before{left:auto;right:0;border-radius:3px 0 0 3px}[dir=rtl] .caret{margin-left:0;margin-right:auto}[dir=rtl] .toast-container{left:20px;right:auto}[dir=rtl] .shop-sidebar{right:auto;left:0;border-right:none;border-left:1px solid var(--c-border)}[dir=rtl] .shop-main{margin-right:240px;margin-left:0}@media (max-width:900px){:root{--sw:0px}.sidebar{transform:translate(-100%);transition:transform .3s}.sidebar.open{transform:translate(0)}.main{margin-left:0!important;margin-right:0!important}}.topbar{position:fixed;top:0;left:0;right:0;height:var(--hh);z-index:300;background:var(--c-topbar);display:flex;align-items:center;box-shadow:0 2px 20px #0003;transition:background var(--transition)}.topbar:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent)}.tb-logo-area{width:var(--sw);flex-shrink:0;height:100%;display:flex;align-items:center;gap:11px;padding:0 20px;border-right:1px solid rgba(255,255,255,.12)}.tb-brand{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--c-topbar-text)}.tb-brand span{color:var(--c-accent)}.tb-middle{flex:1;padding:0 24px;display:flex;align-items:center;gap:10px}.tb-search{display:flex;align-items:center;gap:9px;background:#ffffff1a;border:1.5px solid rgba(255,255,255,.15);border-radius:11px;padding:8px 15px;width:260px;transition:all .25s;cursor:pointer}.tb-search:focus-within{background:#ffffff2e;border-color:#ffffff59}.tb-search svg{width:14px;height:14px;stroke:#ffffff8c;flex-shrink:0}.tb-search input{background:none;border:none;outline:none;color:var(--c-topbar-text);font-size:13px;flex:1}.tb-search input::placeholder{color:#fff6}.tb-search .shortcut{font-size:10px;color:#fff6;border:1px solid rgba(255,255,255,.2);border-radius:4px;padding:2px 5px;font-family:var(--font-mono)}.tb-actions{display:flex;align-items:center;gap:9px;padding:0 16px}.tb-btn{width:36px;height:36px;border-radius:10px;cursor:pointer;background:#ffffff14;border:1.5px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:center;transition:all .2s;position:relative}.tb-btn:hover{background:#ffffff2e;transform:translateY(-1px)}.tb-btn svg{width:16px;height:16px;stroke:var(--c-topbar-text);stroke-width:1.8}.pip{position:absolute;top:7px;right:7px;width:7px;height:7px;background:var(--c-danger);border-radius:50%;border:2px solid transparent;animation:pulse 2s ease infinite}.tb-av{width:36px;height:36px;border-radius:50%;cursor:pointer;flex-shrink:0;border:2px solid rgba(255,255,255,.3);background:linear-gradient(135deg,var(--c-accent2),var(--c-accent));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;transition:transform .2s}.tb-av:hover{transform:scale(1.05)}.layout{display:flex;padding-top:var(--hh);min-height:100vh}.sidebar{width:var(--sw);flex-shrink:0;position:fixed;top:var(--hh);height:calc(100vh - var(--hh));background:var(--c-sidebar);border-right:1px solid var(--c-border);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none;z-index:200;transition:background var(--transition)}.sidebar::-webkit-scrollbar{display:none}.sb-section{padding:16px 10px 5px}.sb-lbl{font-size:9.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--c-text3);padding:0 10px;margin-bottom:7px}.ni{display:flex;align-items:center;gap:10px;padding:9px 10px;border-radius:10px;color:var(--c-text2);cursor:pointer;transition:all .18s;font-size:13px;font-weight:500;margin-bottom:1px;position:relative}.ni:hover{background:var(--c-primary-light);color:var(--c-text1)}.ni svg{width:16px;height:16px;stroke:var(--c-text3);stroke-width:1.8;flex-shrink:0;transition:stroke .18s}.ni.act{background:var(--c-nav-active);color:var(--c-nav-active-text);font-weight:600;box-shadow:0 4px 14px #0003}.ni.act svg{stroke:var(--c-nav-active-text)}.ni.act:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--c-accent);border-radius:0 3px 3px 0}.ni.sub-act{color:var(--c-primary-mid);font-weight:600;background:var(--c-primary-light)}.ni.sub-act svg{stroke:var(--c-primary-mid)}.caret{font-size:10px;opacity:.4;margin-left:auto;transition:transform .2s}.caret.open{transform:rotate(90deg)}.sub{padding-left:14px}.sub .ni{font-size:12.5px;padding:7px 10px}.sb-divider{height:1px;background:var(--c-border);margin:4px 10px}.sb-foot{margin-top:auto;padding:12px 10px;border-top:1px solid var(--c-border)}.sb-user{display:flex;align-items:center;gap:10px;padding:10px;border-radius:11px;cursor:pointer;transition:background .15s}.sb-user:hover{background:var(--c-bg)}.sb-av{width:34px;height:34px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,var(--c-primary-mid),var(--c-primary));display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:13px}.sb-uname{font-size:13px;font-weight:600;color:var(--c-text1)}.sb-urole{font-size:11px;color:var(--c-text3);margin-top:1px}.online-dot{width:8px;height:8px;border-radius:50%;background:var(--c-success);flex-shrink:0;margin-left:auto;box-shadow:0 0 0 2px #0aa96a40}.main{flex:1;padding:22px 24px 48px;margin-left:var(--sw);min-height:calc(100vh - var(--hh));transition:margin var(--transition)}.grad-bar{height:3px;border-radius:3px;margin-bottom:20px;background:linear-gradient(90deg,var(--c-accent),var(--c-accent2),var(--c-accent3),var(--c-primary));background-size:200% auto;animation:gradShift 4s ease infinite;opacity:.7}.ph{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.ph-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--c-text1)}.ph-sub{font-size:12px;color:var(--c-text3);margin-top:2px}.breadcrumb{display:flex;align-items:center;gap:6px;margin-bottom:4px}.breadcrumb span,.breadcrumb a{font-size:12px;color:var(--c-text3)}.breadcrumb a{color:var(--c-primary)}.breadcrumb .sep{font-size:10px}.card{background:var(--c-surface);border-radius:var(--r);border:1px solid var(--c-border);padding:20px;box-shadow:var(--shadow-sm);transition:box-shadow .2s,transform .2s}.card:hover{box-shadow:var(--shadow-md)}.card-hd{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.card-t{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--c-text1)}.card-s{font-size:11.5px;color:var(--c-text3);margin-top:3px}.kpi4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.kpi3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.kpi2{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-bottom:14px}.kpi{background:var(--c-surface);border-radius:var(--r);border:1px solid var(--c-border);padding:18px 20px 15px;box-shadow:var(--shadow-sm);transition:all .25s;position:relative;overflow:hidden;cursor:pointer}.kpi:after{content:"";position:absolute;top:0;left:0;right:0;height:3px;border-radius:14px 14px 0 0;background:linear-gradient(90deg,var(--c-primary),var(--c-accent))}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.kpi-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:12px}.kpi-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--c-primary-light)}.kpi-ic svg{width:17px;height:17px;stroke:var(--c-primary-mid);stroke-width:1.8}.badge{display:inline-flex;align-items:center;gap:3px;padding:4px 9px;border-radius:20px;font-size:11px;font-weight:700}.badge.up{background:var(--c-success-bg);color:var(--c-success)}.badge.dn{background:var(--c-danger-bg);color:var(--c-danger)}.badge.up:before{content:"↑";font-size:10px}.badge.dn:before{content:"↓";font-size:10px}.kpi-lbl{font-size:11px;color:var(--c-text2);margin-bottom:5px;font-weight:500;text-transform:uppercase;letter-spacing:.04em}.kpi-v{font-family:var(--font-mono);font-size:24px;font-weight:500;color:var(--c-text1);letter-spacing:-.03em;line-height:1}.kpi-sub{font-size:11px;color:var(--c-text3);margin-top:8px}.g21{display:grid;grid-template-columns:1fr 320px;gap:14px;margin-bottom:14px}.g2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:14px}.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:14px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:8px 16px;border-radius:10px;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;border:1.5px solid transparent;white-space:nowrap}.btn svg{width:14px;height:14px;stroke:currentColor;stroke-width:2;flex-shrink:0}.btn-primary{background:var(--c-btn-primary);color:#fff;border-color:var(--c-btn-primary)}.btn-primary:hover{background:var(--c-btn-hover);transform:translateY(-1px);box-shadow:0 4px 12px #0003}.btn-secondary{background:var(--c-surface);color:var(--c-text1);border-color:var(--c-border)}.btn-secondary:hover{background:var(--c-bg);border-color:var(--c-primary);color:var(--c-primary)}.btn-ghost{background:transparent;color:var(--c-text2);border-color:transparent}.btn-ghost:hover{background:var(--c-bg);color:var(--c-text1)}.btn-danger{background:var(--c-danger);color:#fff;border-color:var(--c-danger)}.btn-sm{padding:5px 11px;font-size:12px;border-radius:8px}.btn-lg{padding:11px 22px;font-size:14px;border-radius:12px}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}.input-label{font-size:12px;font-weight:600;color:var(--c-text2);margin-bottom:6px;display:block}.input{width:100%;padding:9px 13px;border-radius:10px;border:1.5px solid var(--c-border);background:var(--c-surface);color:var(--c-text1);font-size:13px;transition:all .2s;outline:none}.input:focus{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 15%,transparent)}.input::placeholder{color:var(--c-text3)}.search-bar{display:flex;align-items:center;gap:9px;background:var(--c-surface);border:1.5px solid var(--c-border);border-radius:10px;padding:8px 13px;width:260px;transition:all .2s}.search-bar:focus-within{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 12%,transparent)}.search-bar svg{width:14px;height:14px;stroke:var(--c-text3);flex-shrink:0}.search-bar input{flex:1;border:none;outline:none;background:none;font-size:13px;color:var(--c-text1)}.search-bar input::placeholder{color:var(--c-text3)}.select{display:flex;align-items:center;gap:6px;padding:7px 12px;border:1.5px solid var(--c-border);border-radius:9px;font-size:12.5px;color:var(--c-text2);background:var(--c-surface);cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap}.select:hover{border-color:var(--c-primary);color:var(--c-text1)}.select svg{width:12px;height:12px;stroke:currentColor}.tag{display:inline-flex;align-items:center;padding:3px 9px;border-radius:20px;font-size:11px;font-weight:600}.tag-blue{background:var(--c-primary-light);color:var(--c-primary-mid)}.tag-green{background:var(--c-success-bg);color:var(--c-success)}.tag-red{background:var(--c-danger-bg);color:var(--c-danger)}.tag-warning{background:var(--c-warning-bg);color:var(--c-warning)}.tag-gray{background:var(--c-bg);color:var(--c-text2)}.st{display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.st:before{content:"";width:5px;height:5px;border-radius:50%}.st.active{background:var(--c-success-bg);color:var(--c-success)}.st.active:before{background:var(--c-success)}.st.pending{background:var(--c-warning-bg);color:var(--c-warning)}.st.pending:before{background:var(--c-warning)}.st.processing{background:var(--c-primary-light);color:var(--c-primary-mid)}.st.processing:before{background:var(--c-primary-mid)}.st.inactive{background:var(--c-bg);color:var(--c-text3)}.st.inactive:before{background:var(--c-text3)}.tbl-wrap{overflow-x:auto}.tbl-wrap table{width:100%;border-collapse:collapse}.tbl-wrap th{font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text3);padding:0 12px 12px 0;text-align:start;border-bottom:2px solid var(--c-border);white-space:nowrap;cursor:pointer;-webkit-user-select:none;user-select:none}.tbl-wrap td{padding:12px 12px 12px 0;border-bottom:1px solid var(--c-border);font-size:13px;vertical-align:middle}.tbl-wrap tr:last-child td{border:none}.tbl-wrap tbody tr{transition:background .12s}.tbl-wrap tbody tr:hover td{background:var(--c-primary-light)}.pc{display:flex;align-items:center;gap:11px}.pic{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}.pnm{font-size:13px;font-weight:600;color:var(--c-text1)}.psk{font-size:11px;color:var(--c-text3);margin-top:1px;font-family:var(--font-mono)}.pagination{display:flex;align-items:center;justify-content:space-between;padding-top:16px}.page-info{font-size:12px;color:var(--c-text3)}.page-btns{display:flex;gap:4px}.page-btn{width:32px;height:32px;border-radius:8px;border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:500;color:var(--c-text2);transition:all .15s}.page-btn:hover{border-color:var(--c-primary);color:var(--c-primary)}.page-btn.active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}.tabs{display:flex;gap:2px;border-bottom:2px solid var(--c-border);margin-bottom:20px}.tab-btn{padding:10px 16px;font-size:13px;font-weight:500;color:var(--c-text2);cursor:pointer;border:none;background:none;border-bottom:2px solid transparent;margin-bottom:-2px;transition:all .2s;border-radius:8px 8px 0 0}.tab-btn:hover{color:var(--c-text1);background:var(--c-bg)}.tab-btn.active{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:500;display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal{background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);width:90%;max-width:560px;max-height:85vh;overflow:hidden;display:flex;flex-direction:column;animation:fadeUp .3s cubic-bezier(.22,1,.36,1)}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--c-border)}.modal-title{font-family:var(--font-display);font-size:16px;font-weight:700;color:var(--c-text1)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{padding:16px 24px;border-top:1px solid var(--c-border);display:flex;justify-content:flex-end;gap:10px}.toast-container{position:fixed;bottom:20px;right:20px;z-index:1000;display:flex;flex-direction:column;gap:8px}.toast{display:flex;align-items:center;gap:12px;padding:13px 17px;border-radius:12px;background:var(--c-surface);box-shadow:var(--shadow-lg);border:1px solid var(--c-border);min-width:280px;max-width:380px;animation:slideInRight .3s cubic-bezier(.22,1,.36,1)}.toast.success{border-left:3px solid var(--c-success)}.toast.error{border-left:3px solid var(--c-danger)}.toast.warning{border-left:3px solid var(--c-warning)}.toast.info{border-left:3px solid var(--c-primary)}.toast-msg{flex:1;font-size:13px;font-weight:500;color:var(--c-text1)}.toast-close{width:20px;height:20px;cursor:pointer;opacity:.4;flex-shrink:0}.toast-close:hover{opacity:1}.cmd-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:600;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .15s ease}.cmd-palette{width:90%;max-width:560px;background:var(--c-surface);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);border:1px solid var(--c-border);animation:fadeUp .2s cubic-bezier(.22,1,.36,1);overflow:hidden}.cmd-input-wrap{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid var(--c-border)}.cmd-input-wrap svg{width:18px;height:18px;stroke:var(--c-text3);flex-shrink:0}.cmd-input{flex:1;border:none;outline:none;background:none;font-size:15px;color:var(--c-text1)}.cmd-input::placeholder{color:var(--c-text3)}.cmd-results{max-height:360px;overflow-y:auto}.cmd-section-title{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--c-text3);padding:12px 20px 6px}.cmd-item{display:flex;align-items:center;gap:12px;padding:11px 20px;cursor:pointer;transition:background .1s}.cmd-item:hover,.cmd-item.active{background:var(--c-primary-light)}.cmd-item svg{width:15px;height:15px;stroke:var(--c-text3);flex-shrink:0}.cmd-item.active svg{stroke:var(--c-primary)}.cmd-item-label{font-size:13.5px;color:var(--c-text1);font-weight:500}.cmd-item-sub{font-size:11.5px;color:var(--c-text3);margin-top:1px}.cmd-item-kbd{margin-left:auto;font-size:10px;color:var(--c-text3);border:1px solid var(--c-border);border-radius:4px;padding:2px 6px;font-family:var(--font-mono)}.cmd-footer{padding:10px 20px;border-top:1px solid var(--c-border);display:flex;gap:16px}.cmd-hint{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--c-text3)}.cmd-hint kbd{border:1px solid var(--c-border);border-radius:4px;padding:2px 5px;font-size:10px;font-family:var(--font-mono)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:12px;color:var(--c-text3)}.empty-state svg{width:48px;height:48px;stroke:var(--c-text3);opacity:.4}.empty-state h3{font-size:15px;font-weight:600;color:var(--c-text2)}.empty-state p{font-size:13px;text-align:center;max-width:280px}.donut-area{position:relative;display:flex;justify-content:center;align-items:center}.donut-ctr{position:absolute;text-align:center}.donut-pct{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--c-text1)}.donut-sub{font-size:11px;color:var(--c-text3)}.cat-list{display:flex;flex-direction:column;gap:10px;margin-top:16px}.cat-row{display:flex;align-items:center;gap:10px}.cat-dot{width:10px;height:10px;border-radius:3px;flex-shrink:0}.cat-name{font-size:12.5px;color:var(--c-text2);width:80px}.cat-bar-wrap{flex:1;height:5px;background:var(--c-bg);border-radius:4px;overflow:hidden}.cat-bar-fill{height:100%;border-radius:4px;transition:width .8s ease}.cat-qty{font-size:12px;font-weight:600;color:var(--c-text1);font-family:var(--font-mono);width:40px;text-align:right}.cat-pct{font-size:11px;color:var(--c-text3);width:34px;text-align:right}.leg{display:flex;gap:12px;flex-wrap:wrap}.li{display:flex;align-items:center;gap:5px;font-size:11.5px;color:var(--c-text2)}.ld{width:12px;height:3px;border-radius:3px}.theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.theme-card{border:2px solid var(--c-border);border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s}.theme-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.theme-card.active{border-color:var(--c-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--c-primary) 20%,transparent)}.theme-preview{height:64px;display:flex;overflow:hidden}.theme-preview-sidebar{width:30%;display:flex;flex-direction:column;gap:5px;padding:6px 5px}.theme-preview-main{flex:1;padding:6px;display:flex;flex-direction:column;gap:4px}.sidebar-line{height:5px;border-radius:3px}.main-block{height:12px;border-radius:3px}.theme-name{display:flex;align-items:center;justify-content:space-between;padding:7px 9px;font-size:10.5px;font-weight:600;color:var(--c-text1);background:var(--c-surface)}.shop-topbar{background:var(--c-shop-topbar);border-bottom:1px solid var(--c-border);height:56px;display:flex;align-items:center;position:fixed;top:0;left:0;right:0;z-index:300;box-shadow:var(--shadow-sm)}.shop-logo-area{display:flex;align-items:center;gap:8px;padding:0 20px;border-right:1px solid var(--c-border);height:100%}.shop-logo-text{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--c-primary)}.shop-logo-text span{color:var(--c-accent)}.shop-nav{display:flex;align-items:center;height:100%;flex:1;padding:0 10px}.sn{padding:0 13px;height:100%;display:flex;align-items:center;font-size:12.5px;font-weight:500;color:var(--c-text2);cursor:pointer;border-bottom:2px solid transparent;transition:all .15s;white-space:nowrap}.sn:hover{color:var(--c-primary)}.sn.act{color:var(--c-primary);border-bottom-color:var(--c-primary);font-weight:600}.shop-right{display:flex;align-items:center;gap:8px;padding:0 16px;margin-left:auto}.cart-btn{position:relative;width:36px;height:36px;border-radius:9px;background:var(--c-primary-light);border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.cart-btn:hover{background:var(--c-primary);border-color:var(--c-primary)}.cart-btn:hover svg{stroke:#fff}.cart-btn svg{width:16px;height:16px;stroke:var(--c-primary)}.cart-count{position:absolute;top:-5px;right:-5px;width:17px;height:17px;background:var(--c-danger);border-radius:50%;font-size:9px;font-weight:700;color:#fff;display:flex;align-items:center;justify-content:center;border:2px solid var(--c-surface)}.buyer-chip{display:flex;align-items:center;gap:7px;padding:6px 11px;border-radius:9px;cursor:pointer;border:1px solid var(--c-border);background:var(--c-surface);transition:all .15s}.buyer-chip:hover{border-color:var(--c-primary)}.buyer-av{width:26px;height:26px;border-radius:50%;background:linear-gradient(135deg,var(--c-primary-mid),var(--c-primary));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:10px;color:#fff}.buyer-name{font-size:12px;font-weight:600;color:var(--c-text1)}.buyer-tier{font-size:10px;color:var(--c-text3)}.catbar{background:var(--c-shop-catbar);display:flex;align-items:center;overflow-x:auto;scrollbar-width:none;flex-shrink:0;position:fixed;top:56px;left:0;right:0;z-index:299}.catbar::-webkit-scrollbar{display:none}.cb{padding:8px 16px;font-size:12px;font-weight:500;color:var(--c-shop-catbar-text);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;transition:all .15s}.cb:hover,.cb.act{color:#fff;border-bottom-color:var(--c-accent)}.shop-layout{display:flex;padding-top:92px;min-height:100vh}.shop-filters{width:220px;flex-shrink:0;background:var(--c-surface);border-right:1px solid var(--c-border);padding:16px 14px;position:fixed;top:92px;height:calc(100vh - 92px);overflow-y:auto;scrollbar-width:thin}.shop-filters::-webkit-scrollbar{width:3px}.shop-filters::-webkit-scrollbar-thumb{background:var(--c-border)}.shop-main{flex:1;margin-left:220px;padding:18px 20px 40px}.shop-cart{width:300px;flex-shrink:0;background:var(--c-surface);border-left:1px solid var(--c-border);position:fixed;top:92px;right:0;height:calc(100vh - 92px);display:flex;flex-direction:column}.shop-main-with-cart{margin-right:300px}.fp-section{margin-bottom:18px}.fp-title{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:var(--c-text3);margin-bottom:8px}.fp-option{display:flex;align-items:center;gap:7px;padding:5px 4px;border-radius:6px;cursor:pointer;font-size:12px;color:var(--c-text2);transition:background .12s}.fp-option:hover{background:var(--c-bg);color:var(--c-text1)}.fp-option input[type=checkbox]{width:13px;height:13px;accent-color:var(--c-primary)}.fp-count{margin-left:auto;font-size:10px;background:var(--c-bg);padding:1px 6px;border-radius:10px;color:var(--c-text3)}.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.prod-card{background:var(--c-surface);border:1px solid var(--c-border);border-radius:var(--r);overflow:hidden;cursor:pointer;transition:all .2s;position:relative}.prod-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px);border-color:var(--c-primary)}.prod-img{height:130px;display:flex;align-items:center;justify-content:center;font-size:50px;background:var(--c-bg);position:relative}.prod-badge-area{position:absolute;top:8px;left:8px;display:flex;flex-direction:column;gap:4px}.pb{font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px}.pb-new{background:var(--c-primary);color:#fff}.pb-sale{background:var(--c-danger);color:#fff}.pb-low{background:var(--c-warning);color:#7c2d12}.prod-body{padding:12px 14px}.prod-cat{font-size:10px;color:var(--c-text3);text-transform:uppercase;letter-spacing:.06em;margin-bottom:3px}.prod-name{font-size:13px;font-weight:600;color:var(--c-text1);margin-bottom:2px;line-height:1.3}.prod-sku{font-size:10.5px;color:var(--c-text3);margin-bottom:9px;font-family:var(--font-mono)}.prod-pricing{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:9px}.prod-retail{font-size:10px;color:var(--c-text3);text-decoration:line-through}.prod-b2b{font-size:17px;font-weight:700;color:var(--c-primary-mid)}.prod-unit{font-size:10px;color:var(--c-text2);font-weight:400}.prod-moq{font-size:10px;color:var(--c-text3)}.prod-stock-in{font-size:10px;font-weight:600;color:var(--c-success)}.prod-stock-low{font-size:10px;font-weight:600;color:var(--c-warning)}.prod-actions{display:flex;gap:6px;margin-bottom:0}.btn-add-cart{flex:1;background:var(--c-btn-primary);color:#fff;border:none;border-radius:9px;padding:8px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:5px}.btn-add-cart:hover{background:var(--c-btn-hover);transform:translateY(-1px)}.btn-add-cart svg{width:13px;height:13px;stroke:currentColor;flex-shrink:0}.btn-rfq-sm{width:34px;height:34px;background:var(--c-primary-light);color:var(--c-primary-mid);border:1px solid var(--c-border);border-radius:9px;cursor:pointer;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-rfq-sm:hover{background:var(--c-primary);color:#fff}.btn-wish-sm{width:34px;height:34px;background:var(--c-surface);border:1px solid var(--c-border);border-radius:9px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s}.btn-wish-sm:hover{border-color:var(--c-danger)}.btn-wish-sm svg{width:13px;height:13px;stroke:var(--c-text3);transition:stroke .15s}.btn-wish-sm:hover svg{stroke:var(--c-danger)}.bulk-tiers{display:flex;gap:5px;padding:9px 12px;border-top:1px solid var(--c-border);background:var(--c-bg)}.bulk-tier{flex:1;background:var(--c-surface);border:1px solid var(--c-border);border-radius:7px;padding:4px 6px;text-align:center}.bt-qty{font-size:9px;color:var(--c-text3)}.bt-price{font-size:11px;font-weight:700;color:var(--c-primary-mid)}.cart-header{padding:14px 16px 12px;border-bottom:1px solid var(--c-border);display:flex;align-items:center;justify-content:space-between}.cart-title{font-family:var(--font-display);font-size:14px;font-weight:700;color:var(--c-text1)}.cart-subtitle{font-size:11px;color:var(--c-text3);margin-top:1px}.cart-items{flex:1;overflow-y:auto;padding:12px 14px;display:flex;flex-direction:column;gap:10px;scrollbar-width:thin}.ci{display:flex;gap:10px;align-items:flex-start}.ci-img{width:42px;height:42px;border-radius:9px;background:var(--c-bg);display:flex;align-items:center;justify-content:center;font-size:22px;flex-shrink:0}.ci-body{flex:1}.ci-name{font-size:12px;font-weight:600;color:var(--c-text1);line-height:1.3;margin-bottom:2px}.ci-sku{font-size:10px;color:var(--c-text3);font-family:var(--font-mono)}.ci-controls{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.qty-ctrl{display:flex;align-items:center;gap:5px}.qty-btn{width:22px;height:22px;border-radius:6px;border:1px solid var(--c-border);background:var(--c-surface);cursor:pointer;font-size:14px;display:flex;align-items:center;justify-content:center;color:var(--c-text1);transition:all .12s;line-height:1}.qty-btn:hover{background:var(--c-primary-light);border-color:var(--c-primary)}.qty-val{font-size:12px;font-weight:600;width:26px;text-align:center}.ci-price{font-size:13px;font-weight:700;color:var(--c-primary-mid)}.ci-remove{width:22px;height:22px;cursor:pointer;opacity:.35;display:flex;align-items:center;justify-content:center;transition:opacity .15s}.ci-remove:hover{opacity:1}.ci-remove svg{width:13px;height:13px;stroke:var(--c-danger)}.cart-footer{padding:14px 16px;border-top:1px solid var(--c-border);flex-shrink:0}.cf-row{display:flex;justify-content:space-between;font-size:12px;color:var(--c-text2);margin-bottom:5px}.cf-total{display:flex;justify-content:space-between;font-size:15px;font-weight:700;color:var(--c-text1);margin:10px 0}.btn-checkout{width:100%;background:var(--c-btn-primary);color:#fff;border:none;border-radius:10px;padding:11px;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s;margin-bottom:7px}.btn-checkout:hover{background:var(--c-btn-hover);transform:translateY(-1px);box-shadow:0 4px 14px #0003}.btn-rfq-full{width:100%;background:var(--c-primary-light);color:var(--c-primary-mid);border:1px solid var(--c-border);border-radius:10px;padding:9px;font-size:12px;font-weight:600;cursor:pointer;transition:all .15s;margin-bottom:8px}.btn-rfq-full:hover{background:var(--c-primary);color:#fff}.terms-badge{display:flex;align-items:center;gap:7px;padding:8px 10px;background:var(--c-bg);border-radius:8px}.terms-badge svg{width:13px;height:13px;stroke:var(--c-primary-mid)}.terms-lbl{font-size:10px;color:var(--c-text3)}.terms-val{font-size:11px;font-weight:600;color:var(--c-primary-mid);margin-left:auto}.shop-hero{border-radius:var(--r);background:var(--c-topbar);padding:20px 24px;display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;position:relative;overflow:hidden}.shop-hero:before{content:"";position:absolute;right:-20px;top:-20px;width:120px;height:120px;border-radius:50%;background:#ffffff0f}.shop-hero-text h2{font-family:var(--font-display);font-size:18px;font-weight:700;color:#fff;margin-bottom:4px}.shop-hero-text p{font-size:12px;color:#ffffffb3}.hero-badges{display:flex;gap:8px;margin-top:10px}.hero-badge{background:#ffffff26;border:1px solid rgba(255,255,255,.25);border-radius:20px;padding:4px 12px;font-size:11px;color:#fff;font-weight:500}.hero-badge.accent{background:var(--c-accent);border-color:var(--c-accent);color:#0f1423;font-weight:700}.info-strips{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.info-strip{background:var(--c-surface);border:1px solid var(--c-border);border-radius:10px;padding:10px 12px;display:flex;align-items:center;gap:10px;box-shadow:var(--shadow-sm)}.is-ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.is-lbl{font-size:10px;color:var(--c-text3)}.is-val{font-size:13px;font-weight:600;color:var(--c-text1)}.shop-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:14px}.prod-count{font-size:12px;color:var(--c-text2);flex:1}.prod-count strong{color:var(--c-text1)}.page-enter-active,.page-leave-active{transition:opacity .2s ease,transform .2s ease}.page-enter-from{opacity:0;transform:translateY(8px)}.page-leave-to{opacity:0;transform:translateY(-8px)}