@font-face{font-display:swap;font-family:DM Sans;font-style:normal;font-weight:300 700;src:url(../fonts/dm-sans-latin.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--brand:#c8a66a;--brand-dim:#b28b4e;--brand-light:#d8bc89;--brand-deep:#8e6f3e;--brand-rgb:200 166 106;--brand-rgb-c:200,166,106;--brand-glow:hsla(38,46%,60%,.16);--brand-glow-lg:hsla(38,46%,60%,.26);--danger:#d96b6b;--danger-glow:rgba(217,107,107,.16);--success:#2f9d7e;--success-glow:rgba(47,157,126,.14);--warning:#d7a24a;--info:#4f7df0;--red:#d96b6b;--green:#2f9d7e;--blue:#4f7df0;--purple:#8b7dd8;--bg-base:#0a0d12;--bg-1:#0f131a;--bg-2:#131821;--bg-3:#1a2030;--bg-card:#131821;--bg-glass:rgba(15,19,26,.82);--bg-elevated:rgba(23,29,39,.92);--text-1:#f3f5f9;--text-2:#c7cdd8;--text-3:#8a93a3;--text-4:#5d6674;--border:hsla(0,0%,100%,.06);--border-md:hsla(0,0%,100%,.1);--border-strong:hsla(0,0%,100%,.15);--border-brand:hsla(38,46%,60%,.26);--border-glow:hsla(38,46%,60%,.14);--btn-brand-bg:linear-gradient(135deg,#d4b079,#c8a66a 50%,#b28b4e);--btn-brand-bg-hover:linear-gradient(135deg,#dfbf8a,#d4b079 50%,#c8a66a);--btn-brand-text:#1a140a;--btn-brand-border:hsla(38,46%,60%,.42);--btn-brand-shadow:0 6px 18px hsla(38,46%,60%,.22);--btn-brand-shadow-hover:0 10px 26px hsla(38,46%,60%,.34);--btn-ghost-bg:hsla(0,0%,100%,.03);--btn-ghost-bg-hover:hsla(0,0%,100%,.06);--btn-ghost-text:var(--text-2);--btn-ghost-text-hover:var(--text-1);--btn-ghost-border:var(--border-md);--btn-ghost-border-hover:var(--border-md);--btn-outline-bg:transparent;--btn-outline-bg-hover:var(--brand-glow);--btn-outline-text:var(--brand);--btn-outline-text-hover:var(--brand);--btn-outline-border:var(--border-brand);--btn-outline-border-hover:hsla(38,46%,60%,.45);--btn-danger-bg:var(--danger-glow);--btn-danger-bg-hover:rgba(217,107,107,.22);--btn-danger-text:var(--danger);--btn-danger-border:rgba(217,107,107,.28);--btn-danger-border-hover:rgba(217,107,107,.42);--btn-sm-padding:5px 12px;--btn-sm-font:12px;--btn-sm-radius:var(--radius-sm);--btn-md-padding:8px 18px;--btn-md-font:13px;--btn-md-radius:var(--radius-md);--btn-lg-padding:12px 28px;--btn-lg-font:14px;--btn-lg-radius:var(--radius-lg);--btn-transition:transform var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),background var(--motion-fast),border-color var(--motion-fast),color var(--motion-fast),filter var(--motion-fast);--radius-xs:6px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:20px;--radius-2xl:24px;--radius-3xl:28px;--radius-pill:999px;--shadow-xs:0 1px 2px rgba(0,0,0,.24);--shadow-sm:0 1px 2px rgba(0,0,0,.2),0 2px 6px rgba(0,0,0,.22);--shadow-md:0 2px 4px rgba(0,0,0,.18),0 8px 22px rgba(0,0,0,.28);--shadow-lg:0 4px 8px rgba(0,0,0,.22),0 18px 40px rgba(0,0,0,.34);--shadow-xl:0 6px 12px rgba(0,0,0,.26),0 28px 64px rgba(0,0,0,.4);--shadow-brand:0 2px 6px hsla(38,46%,60%,.1),0 10px 24px hsla(38,46%,60%,.18);--shadow-brand-lg:0 4px 10px hsla(38,46%,60%,.12),0 18px 40px hsla(38,46%,60%,.22);--shadow-inner-brand:inset 0 1px 0 hsla(0,0%,100%,.1);--hairline-top:inset 0 1px 0 hsla(0,0%,100%,.06);--hairline-ring:inset 0 0 0 1px hsla(0,0%,100%,.03);--divider-gradient:linear-gradient(90deg,transparent 0%,var(--border-md) 20%,var(--border-md) 80%,transparent 100%);--motion-ease:cubic-bezier(.22,.8,.2,1);--motion-bounce:cubic-bezier(.34,1.56,.64,1);--motion-spring:cubic-bezier(.175,.885,.32,1.275);--motion-expo:cubic-bezier(.16,1,.3,1);--motion-smooth:cubic-bezier(.33,1,.68,1);--motion-fast:.16s;--motion-mid:.26s;--motion-slow:.4s;--motion-xl:.52s;--text-xs:11px;--text-sm:12.5px;--text-base:14px;--text-lg:16px;--text-xl:20px;--text-2xl:26px;--text-3xl:36px;--text-hero:56px;--leading-tight:1.15;--leading-snug:1.35;--leading-normal:1.6;--sp-0:0;--sp-px:1px;--sp-0\.5:2px;--sp-1:4px;--sp-1\.5:6px;--sp-2:8px;--sp-2\.5:10px;--sp-3:12px;--sp-3\.5:14px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-7:28px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--brand-gradient:linear-gradient(135deg,#e3ca97,#c8a66a 50%,#a88349);--accent-blue:#6a8df0;--accent-purple:#8b7dd8;--accent-emerald:#2f9d7e;--accent-rose:#d96b6b;--accent-slate:#7487a6;--font-sans:"Inter","Noto Sans SC","DM Sans","PingFang SC","Microsoft YaHei",system-ui,sans-serif;--font-mono:"JetBrains Mono","SF Mono","Fira Code",monospace;--nav-w:224px;--topbar-h:52px;--glass-bg:hsla(0,0%,100%,.025);--glass-border:hsla(0,0%,100%,.07);--glass-blur:blur(20px) saturate(1.4);--bg-subtle:hsla(0,0%,100%,.02);--bg-subtle-hover:hsla(0,0%,100%,.04);--bg-subtle-active:hsla(0,0%,100%,.06);--bg-subtle-strong:hsla(0,0%,100%,.08);--sidebar-bg:var(--bg-1);--img-overlay:rgba(10,13,18,.62);--img-overlay-light:rgba(10,13,18,.42);--panel-bg:var(--bg-2);--panel-bg-alt:var(--bg-1)}[data-theme=light]{--brand-rgb:178 139 78;--brand-rgb-c:178,139,78;--bg-base:#f6f7f9;--bg-1:#fff;--bg-2:#f1f3f6;--bg-3:#e7eaef;--bg-card:#fff;--bg-glass:hsla(0,0%,100%,.8);--bg-elevated:hsla(0,0%,100%,.96);--text-1:#1b2230;--text-2:#445066;--text-3:#74809a;--text-4:#a6afc2;--border:rgba(16,22,35,.06);--border-md:rgba(16,22,35,.1);--border-strong:rgba(16,22,35,.15);--border-brand:rgba(178,139,78,.32);--border-glow:rgba(178,139,78,.18);--btn-ghost-bg:rgba(16,22,35,.03);--btn-ghost-bg-hover:rgba(16,22,35,.06);--btn-ghost-border:rgba(16,22,35,.1);--btn-ghost-border-hover:rgba(16,22,35,.15);--glass-bg:hsla(0,0%,100%,.7);--glass-border:rgba(16,22,35,.06);--bg-subtle:rgba(16,22,35,.02);--bg-subtle-hover:rgba(16,22,35,.04);--bg-subtle-active:rgba(16,22,35,.06);--bg-subtle-strong:rgba(16,22,35,.08);--sidebar-bg:var(--bg-1);--img-overlay:rgba(20,24,34,.32);--img-overlay-light:rgba(20,24,34,.18);--panel-bg:var(--bg-1);--panel-bg-alt:var(--bg-2);--shadow-xs:0 1px 2px rgba(16,22,35,.05);--shadow-sm:0 2px 6px rgba(16,22,35,.06);--shadow-md:0 8px 22px rgba(16,22,35,.08);--shadow-lg:0 18px 40px rgba(16,22,35,.1);--shadow-xl:0 28px 64px rgba(16,22,35,.12);--shadow-brand:0 8px 22px rgba(178,139,78,.16);--shadow-brand-lg:0 14px 34px rgba(178,139,78,.2)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-1);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"ss01" on,"cv11" on,"cv05" on,"liga" on,"calt" on;font-variant-ligatures:common-ligatures;overflow:hidden;text-rendering:optimizeLegibility}.app-content:before{background:radial-gradient(ellipse 80% 40% at 50% -10%,hsla(38,46%,60%,.045) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 100% 0,rgba(79,125,240,.025) 0,transparent 55%);content:"";inset:0;pointer-events:none;position:absolute;z-index:0}[data-theme=light] .app-content:before{background:radial-gradient(ellipse 80% 40% at 50% -10%,rgba(178,139,78,.06) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 100% 0,rgba(79,125,240,.04) 0,transparent 55%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}ul{list-style:none}button{background:none;border:none;cursor:pointer}button,input,select,textarea{font-family:inherit}:focus-visible{border-radius:var(--radius-xs);outline:2px solid hsla(38,46%,60%,.6);outline-offset:2px}::-moz-selection{background:#c8a66a38;color:var(--brand-light)}::selection{background:#c8a66a38;color:var(--brand-light)}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:99px;-webkit-transition:background .25s var(--motion-ease);transition:background .25s var(--motion-ease)}:hover::-webkit-scrollbar-thumb,:hover>::-webkit-scrollbar-thumb{background:var(--bg-subtle-strong)}::-webkit-scrollbar-thumb:hover{background:#c8a66a59}.app-shell{display:grid;grid-template-columns:var(--nav-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;height:100vh;overflow:hidden}.app-topbar{align-items:center;backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--bg-glass);border-bottom:1px solid var(--glass-border);display:flex;grid-column:1/-1;height:var(--topbar-h);-webkit-app-region:drag;gap:14px;padding:0 16px 0 18px;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.app-topbar *{-webkit-app-region:no-drag}.app-sidebar{background:var(--sidebar-bg);border-right:1px solid var(--border);display:flex;flex-direction:column;gap:1px;height:100%;overflow-y:auto;padding:12px 10px 14px;position:relative}.app-sidebar:after{background:var(--border);bottom:0;content:"";pointer-events:none;position:absolute;right:0;top:0;width:1px}.app-content{background:var(--bg-base);height:100%;overflow-y:auto;position:relative}.page-inner{max-width:1240px;padding:28px 32px 40px;position:relative;z-index:1}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-sm);cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;justify-content:center;letter-spacing:.01em;line-height:1;padding:8px 18px;transition:background var(--motion-fast) var(--motion-ease),border-color var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease),box-shadow var(--motion-fast) var(--motion-ease),transform .12s var(--motion-ease),filter var(--motion-fast);-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}.btn:active{transform:scale(.985)}.btn:disabled{opacity:.45;pointer-events:none}.btn-brand{background:var(--btn-brand-bg);border-color:var(--btn-brand-border);box-shadow:var(--btn-brand-shadow),var(--shadow-inner-brand);color:var(--btn-brand-text)}.btn-brand:hover{background:var(--btn-brand-bg-hover);box-shadow:var(--btn-brand-shadow-hover),var(--shadow-inner-brand);filter:brightness(1.04)}.btn-brand:active{box-shadow:var(--btn-brand-shadow),var(--shadow-inner-brand);filter:brightness(.98)}.btn-ghost{background:var(--btn-ghost-bg);border-color:var(--btn-ghost-border);color:var(--btn-ghost-text)}.btn-ghost:hover{background:var(--btn-ghost-bg-hover);border-color:var(--border-strong);color:var(--btn-ghost-text-hover)}.btn-outline{background:var(--btn-outline-bg);border-color:var(--btn-outline-border);color:var(--btn-outline-text)}.btn-outline:hover{background:var(--btn-outline-bg-hover);border-color:var(--btn-outline-border-hover)}.btn-danger{background:var(--btn-danger-bg);border-color:var(--btn-danger-border);color:var(--btn-danger-text)}.btn-danger:hover{background:var(--btn-danger-bg-hover);border-color:var(--btn-danger-border-hover)}.btn-sm{border-radius:var(--radius-xs);font-size:12px;padding:6px 12px}.btn-lg{border-radius:var(--radius-md);font-size:14px;padding:12px 24px}.btn-full{justify-content:center;width:100%}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--hairline-top);position:relative;transition:border-color var(--motion-mid) var(--motion-expo),box-shadow var(--motion-mid) var(--motion-expo),transform var(--motion-mid) var(--motion-expo)}.card-hover{cursor:pointer}.card-hover:hover{border-color:var(--border-md);box-shadow:var(--shadow-md),var(--hairline-top);transform:translateY(-2px)}.card-glow:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md),0 0 0 1px var(--border-glow),var(--hairline-top);transform:translateY(-2px)}.input{background:var(--bg-2);border:1px solid var(--border-md);border-radius:var(--radius-sm);color:var(--text-1);font-size:13px;line-height:1.45;outline:none;padding:10px 14px;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast);width:100%}.input::-moz-placeholder{color:var(--text-4)}.input::placeholder{color:var(--text-4)}.input:hover{border-color:var(--border-strong)}.input:focus{background:var(--bg-2);border-color:#c8a66a80;box-shadow:0 0 0 3px #c8a66a1f}.input:disabled{cursor:not-allowed;opacity:.5}.input-group{display:flex;flex-direction:column;gap:6px}.input-label{color:var(--text-2);font-size:12px;font-weight:500;letter-spacing:.02em}.input-hint{color:var(--text-3);font-size:11px}.input-error{color:var(--danger);font-size:11px}.tag{align-items:center;border-radius:999px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.tag-brand{background:color-mix(in srgb,var(--brand) 18%,transparent);border:1px solid color-mix(in srgb,var(--brand) 30%,transparent);color:var(--brand)}.tag-green{background:color-mix(in srgb,var(--success) 16%,transparent);border:1px solid color-mix(in srgb,var(--success) 28%,transparent);color:var(--success)}.tag-red{background:color-mix(in srgb,var(--danger) 15%,transparent);border:1px solid color-mix(in srgb,var(--danger) 26%,transparent);color:var(--danger)}.tag-blue{background:color-mix(in srgb,var(--info) 15%,transparent);border:1px solid color-mix(in srgb,var(--info) 26%,transparent);color:var(--info)}.tag-gray{background:var(--bg-3);border:1px solid var(--border);color:var(--text-3)}.nav-item{align-items:center;border-radius:var(--radius-sm);color:var(--text-3);cursor:pointer;display:flex;font-size:13px;gap:10px;padding:8px 12px;position:relative;transition:background var(--motion-fast) var(--motion-ease),color var(--motion-fast) var(--motion-ease);-webkit-user-select:none;-moz-user-select:none;user-select:none}.nav-item:hover{background:var(--bg-subtle-hover);color:var(--text-1)}.nav-item.active{background:var(--bg-subtle-active);color:var(--text-1);font-weight:600}.nav-item.active:before{background:var(--brand);border-radius:0 2px 2px 0;bottom:20%;content:"";left:0;position:absolute;top:20%;width:2px}.nav-item-icon{flex-shrink:0;height:16px;opacity:.7;transition:opacity var(--motion-fast),color var(--motion-fast);width:16px}.nav-item:hover .nav-item-icon{opacity:1}.nav-item.active .nav-item-icon{color:var(--brand);opacity:1}.nav-section-title{color:var(--text-4);font-size:10px;font-weight:700;letter-spacing:.14em;padding:18px 12px 6px;text-transform:uppercase}.nav-section-title:first-child{padding-top:4px}.prod-card{cursor:pointer;flex-direction:column}.prod-card,.prod-card-img{display:flex;overflow:hidden;position:relative}.prod-card-img{align-items:center;aspect-ratio:16/9;background:var(--bg-2);justify-content:center}.prod-card-img img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--motion-mid) var(--motion-ease);width:100%}.prod-card:hover .prod-card-img img{transform:scale(1.05)}.prod-card-img:after{background:linear-gradient(180deg,transparent 50%,var(--img-overlay) 100%);content:"";inset:0;pointer-events:none;position:absolute}.prod-card-body{display:flex;flex-direction:column;gap:6px;padding:1rem}.prod-card-cat{align-items:center;display:flex;gap:5px}.prod-card-title{color:var(--text-1);font-size:14px;font-weight:600;line-height:1.4}.prod-card-desc,.prod-card-title{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod-card-desc{color:var(--text-3);font-size:12px;line-height:1.6}.prod-card-footer{margin-top:auto;padding-top:.75rem}.prod-price{color:var(--brand);font-size:16px;font-weight:700}.prod-price-orig{color:var(--text-3);font-size:12px;text-decoration:line-through}.prod-sold{color:var(--text-3);font-size:11px}.prod-badge{display:flex;gap:5px;left:10px;top:10px}.prod-discount{background:var(--danger);border-radius:999px;color:#fff;font-size:11px;font-weight:700;padding:2px 7px;position:absolute;right:10px;top:10px;z-index:1}.search-bar{align-items:center;background:var(--bg-subtle);border:1px solid var(--border-md);border-radius:var(--radius-sm);display:flex;gap:8px;height:36px;padding:0 12px;transition:border-color var(--motion-fast),box-shadow var(--motion-fast),background var(--motion-fast)}.search-bar:hover{background:var(--bg-subtle-hover)}.search-bar:focus-within{background:var(--bg-subtle);border-color:#c8a66a80;box-shadow:0 0 0 3px #c8a66a1a}.search-bar input{background:none;border:none;color:var(--text-1);flex:1;font-size:13px;outline:none}.search-bar input::-moz-placeholder{color:var(--text-4)}.search-bar input::placeholder{color:var(--text-4)}.search-icon{color:var(--text-3);flex-shrink:0}.cat-tabs{display:flex;flex-wrap:wrap;gap:6px}.cat-tab{align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-2);cursor:pointer;display:inline-flex;font-size:12px;font-weight:500;gap:6px;padding:6px 14px;transition:background var(--motion-fast),color var(--motion-fast),border-color var(--motion-fast);white-space:nowrap}.cat-tab:hover{background:var(--bg-subtle-hover);border-color:var(--border-md);color:var(--text-1)}.cat-tab.active{background:#c8a66a1f;border-color:#c8a66a52;color:var(--brand-light)}.win-controls{align-items:center;display:flex;gap:7px}.win-btn{border:none;border-radius:50%;cursor:pointer;height:13px;position:relative;transition:filter var(--motion-fast),transform var(--motion-fast);width:13px}.win-btn:after{background:#0000002e;border-radius:50%;content:"";inset:0;opacity:0;position:absolute;transition:opacity var(--motion-fast)}.win-btn:hover:after{opacity:1}.win-btn:hover{transform:scale(1.1)}.win-close{background:#ff5f56;box-shadow:0 0 0 1px #ff5f5666}.win-min{background:#febc2d;box-shadow:0 0 0 1px #febc2d66}.win-max{background:#28c840;box-shadow:0 0 0 1px #28c84066}.avatar{align-items:center;background:var(--bg-3);border-radius:50%;color:var(--brand);display:flex;flex-shrink:0;font-weight:700;justify-content:center;-o-object-fit:cover;object-fit:cover}.products-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.stat-card{padding:18px 20px;position:relative}.stat-label{color:var(--text-3);font-size:11px;font-weight:600;letter-spacing:.08em;margin-bottom:8px;text-transform:uppercase}.stat-value{color:var(--text-1);font-size:26px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em}.stat-sub{color:var(--text-3);font-size:11px;margin-top:4px}.divider{background:var(--divider-gradient);border:none;height:1px;margin:1rem 0}.divider-vertical{align-self:stretch;background:linear-gradient(180deg,transparent,var(--border-md) 30%,var(--border-md) 70%,transparent);width:1px}.table{border-collapse:collapse;width:100%}.table th{background:var(--bg-1);color:var(--text-3);font-size:11px;font-weight:700;letter-spacing:.08em;padding:10px 16px;text-align:left;text-transform:uppercase}.table td,.table th{border-bottom:1px solid var(--border)}.table td{color:var(--text-2);font-size:13px;padding:13px 16px}.table tr:last-child td{border-bottom:none}.table tbody tr{transition:background var(--motion-fast)}.table tbody tr:hover td{background:var(--bg-subtle-hover);color:var(--text-1)}.empty-state{align-items:center;color:var(--text-3);display:flex;flex-direction:column;gap:14px;justify-content:center;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:3rem;opacity:.35}.empty-state-title{color:var(--text-2);font-size:15px;font-weight:700}.empty-state-desc{color:var(--text-3);font-size:13px;line-height:1.8;max-width:28ch}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.fade-in{animation:fadeIn .32s var(--motion-ease) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.fade-in-up{animation:fadeInUp .4s var(--motion-ease) both}@keyframes fadeInScale{0%{opacity:0;transform:scale(.95) translateY(8px)}to{opacity:1;transform:none}}.fade-in-scale{animation:fadeInScale .35s var(--motion-ease) both}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:none}}.slide-in-right{animation:slideInRight .3s var(--motion-ease) both}@keyframes spin{to{transform:rotate(1turn)}}.spin{animation:spin .8s linear infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.float{animation:float 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 #c8a66a38}50%{box-shadow:0 0 0 6px #c8a66a00}}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.skeleton{animation:shimmer 1.6s ease-in-out infinite;background:linear-gradient(90deg,var(--bg-2) 25%,hsla(0,0%,100%,.04) 37%,hsla(0,0%,100%,.06) 50%,hsla(0,0%,100%,.04) 63%,var(--bg-2) 75%);background-size:400% 100%;border-radius:var(--radius-xs);overflow:hidden;position:relative}[data-theme=light] .skeleton{background:linear-gradient(90deg,var(--bg-2) 25%,rgba(16,22,35,.04) 37%,rgba(16,22,35,.06) 50%,rgba(16,22,35,.04) 63%,var(--bg-2) 75%);background-size:400% 100%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-text{border-radius:6px;height:14px}.skeleton-heading{border-radius:6px;height:22px;width:60%}.skeleton-avatar{border-radius:50%;flex-shrink:0;height:40px;width:40px}.skeleton-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:12px;padding:16px}.skeleton-table-row{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:16px;padding:12px 0}.stagger-item{animation:fadeInUp .35s var(--motion-ease) both}.stagger-item:first-child{animation-delay:0s}.stagger-item:nth-child(2){animation-delay:.04s}.stagger-item:nth-child(3){animation-delay:.08s}.stagger-item:nth-child(4){animation-delay:.12s}.stagger-item:nth-child(5){animation-delay:.16s}.stagger-item:nth-child(6){animation-delay:.2s}.stagger-item:nth-child(7){animation-delay:.24s}.stagger-item:nth-child(8){animation-delay:.28s}.page-title{color:var(--text-1);font-size:24px;font-weight:700;letter-spacing:-.02em;line-height:1.2}.page-subtitle{color:var(--text-3);font-size:13px;line-height:1.55;margin-top:4px}.page-header{align-items:flex-start;border-bottom:1px solid var(--border);display:flex;gap:20px;justify-content:space-between;margin-bottom:24px;padding-bottom:18px}.page-header-main{flex:1;min-width:0}.page-header-actions{align-items:center;display:flex;flex-shrink:0;gap:8px}.text-gradient{background:var(--brand-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glow-brand{box-shadow:0 0 0 1px var(--border-glow),0 8px 20px #c8a66a24}.glow-sm{box-shadow:0 0 0 1px var(--border-glow)}.glow-ring{box-shadow:0 0 0 2px #c8a66a24}.glass{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border)}.hover-lift{transition:transform var(--motion-mid) var(--motion-ease),box-shadow var(--motion-mid) var(--motion-ease)}.hover-lift:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.focus-ring:focus-visible{box-shadow:0 0 0 4px #c8a66a1a;outline:2px solid hsla(38,46%,60%,.55);outline-offset:2px}.hover-scale{transition:transform var(--motion-fast) var(--motion-ease)}.hover-scale:hover{transform:scale(1.03)}.hover-scale:active{transform:scale(.98)}.noise-overlay:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 256 256'%3E%3Cfilter id='a'%3E%3CfeTurbulence baseFrequency='.9' numOctaves='4' stitchTiles='stitch' type='fractalNoise'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23a)' opacity='.025'/%3E%3C/svg%3E");background-size:200px;border-radius:inherit;content:"";inset:0;pointer-events:none;position:absolute;z-index:0}.prod-card-detail{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;display:flex;flex-direction:column;overflow:hidden;transition:transform var(--motion-mid) var(--motion-ease),border-color var(--motion-mid),box-shadow var(--motion-mid)}.prod-card-detail:hover{border-color:var(--border-md);box-shadow:var(--shadow-md);transform:translateY(-2px)}.prod-card-image{align-items:center;background:var(--bg-2);color:var(--text-4);display:flex;height:130px;justify-content:center;overflow:hidden;position:relative;width:100%}.prod-card-image img{height:100%;-o-object-fit:cover;object-fit:cover;transition:transform var(--motion-mid) var(--motion-ease);width:100%}.prod-card-detail:hover .prod-card-image img{transform:scale(1.05)}.prod-card-image:after{background:linear-gradient(180deg,transparent 55%,var(--img-overlay-light) 100%);content:"";inset:0;pointer-events:none;position:absolute}.prod-card-placeholder{align-items:center;display:flex;flex:1;justify-content:center}.prod-badge{border-radius:999px;color:#fff;font-size:10px;font-weight:700;padding:2px 8px;position:absolute;right:8px;top:8px;z-index:1}.prod-card-body{flex:1;padding:12px 14px}.prod-category{color:var(--brand-light);font-size:10px;font-weight:700;letter-spacing:.1em;margin-bottom:5px;text-transform:uppercase}.prod-name{color:var(--text-1);font-size:13px;font-weight:700;line-height:1.45;margin-bottom:4px}.prod-desc,.prod-name{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.prod-desc{color:var(--text-4);font-size:11px;line-height:1.6}.prod-card-footer{align-items:center;border-top:1px solid var(--border);display:flex;justify-content:space-between;padding:10px 14px}.price-current{color:var(--brand);font-size:16px;font-weight:800}.price-original{color:var(--text-4);font-size:12px;margin-left:5px;text-decoration:line-through}.page-enter-active{transition:opacity .24s var(--motion-ease),transform .24s var(--motion-ease)}.page-leave-active{transition:opacity .16s ease,transform .16s ease}.page-enter-from{opacity:0;transform:translateY(6px)}.page-leave-to{opacity:0;transform:translateY(-4px)}.card-inner-glow{box-shadow:inset 0 1px #ffffff0a,inset 0 0 0 1px #ffffff05}[data-theme=light] .card-inner-glow{box-shadow:inset 0 1px #fff9,inset 0 0 0 1px #0000000a}.mono{font-family:var(--font-mono);letter-spacing:-.01em}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.count-up{animation:countUp .5s var(--motion-ease) both}.app-shell.collapsed{--nav-w:64px}.app-shell.collapsed .app-sidebar{padding:12px 6px}.app-shell.collapsed .nav-item span,.app-shell.collapsed .nav-section-title,.app-shell.collapsed .sidebar-logout,.app-shell.collapsed .sidebar-user-info{display:none}.app-shell.collapsed .nav-item{justify-content:center;padding:10px}.app-shell.collapsed .sidebar-user-pill{justify-content:center;padding:8px}.card-tilt{perspective:800px;transform-style:preserve-3d;transition:transform .4s cubic-bezier(.22,.8,.2,1),box-shadow .4s}.cmd-overlay{align-items:flex-start;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#00000080;display:flex;inset:0;justify-content:center;padding-top:15vh;position:fixed;z-index:10000}.cmd-dialog{animation:cmdIn .2s var(--motion-ease) both;background:var(--bg-2);border:1px solid var(--border-md);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);max-height:420px;overflow:hidden;width:560px}@keyframes cmdIn{0%{opacity:0;transform:scale(.96) translateY(-12px)}to{opacity:1;transform:none}}.btn:focus-visible,.input:focus-visible,.nav-item:focus-visible,button:focus-visible{outline:2px solid hsla(38,46%,60%,.55);outline-offset:2px}.smooth-scroll{scroll-behavior:smooth}.scroll-hidden::-webkit-scrollbar{display:none}.scroll-hidden{-ms-overflow-style:none;scrollbar-width:none}.glass-panel{backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.status-pulse{position:relative}.status-pulse:before{animation:statusPulse 2s ease-in-out infinite;background:var(--success);border-radius:50%;content:"";height:8px;left:-16px;position:absolute;top:50%;transform:translateY(-50%);width:8px}@keyframes statusPulse{0%,to{box-shadow:0 0 #2f9d7e66}50%{box-shadow:0 0 0 6px #2f9d7e00}}.modal-fade-enter-active{transition:all .25s var(--motion-ease)}.modal-fade-leave-active{transition:all .2s ease}.modal-fade-enter-from,.modal-fade-leave-to{opacity:0}.modal-fade-enter-from .modal-box{opacity:0;transform:scale(.95) translateY(-8px)}.modal-fade-leave-to .modal-box{opacity:0;transform:scale(.97) translateY(4px)}.list-enter-active{transition:all .3s var(--motion-ease)}.list-leave-active{transition:all .2s ease}.list-enter-from{opacity:0;transform:translate(-12px)}.list-leave-to{opacity:0;transform:translate(12px)}.list-move{transition:transform .3s var(--motion-ease)}.hover-glow{transition:box-shadow .3s var(--motion-ease),border-color .3s var(--motion-ease)}.hover-glow:hover{border-color:var(--border-brand);box-shadow:var(--shadow-md)}:root{--surface-1:var(--bg-1);--surface-2:var(--bg-card);--surface-3:var(--bg-elevated);--surface-sunken:hsla(0,0%,100%,.015);--hairline-soft:linear-gradient(90deg,transparent 0%,var(--border-md) 14%,var(--border-md) 86%,transparent 100%);--hairline-brand:linear-gradient(90deg,transparent,hsla(38,46%,60%,.28) 50%,transparent)}[data-theme=light]{--surface-sunken:rgba(16,22,35,.015)}.panel{background:var(--surface-1);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--hairline-top);overflow:hidden;position:relative}.panel--flush{border-radius:var(--radius-lg)}.panel--elevated{background:var(--surface-2);box-shadow:var(--shadow-md),var(--hairline-top)}.panel-header{align-items:center;background:linear-gradient(180deg,hsla(0,0%,100%,.012),transparent);border-bottom:1px solid var(--border);display:flex;gap:16px;justify-content:space-between;padding:16px 22px}[data-theme=light] .panel-header{background:linear-gradient(180deg,rgba(16,22,35,.015),transparent)}.panel-title{align-items:center;color:var(--text-1);display:flex;font-size:14px;font-weight:700;gap:10px;letter-spacing:-.01em}.panel-title-dot{background:var(--brand);border-radius:50%;box-shadow:0 0 8px #c8a66a73;height:6px;width:6px}.panel-title-count{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-3);font-size:11px;font-variant-numeric:tabular-nums;font-weight:600;padding:2px 8px}.panel-body{padding:20px 22px}.panel-body--flush{padding:0}.panel-actions{gap:8px}.panel-actions,.panel-toolbar{align-items:center;display:flex}.panel-toolbar{background:var(--surface-sunken);border-bottom:1px solid var(--border);gap:10px;padding:12px 22px}.panel-toolbar-spacer{flex:1}.segmented{background:var(--surface-sunken);border:1px solid var(--border);border-radius:var(--radius-md);display:inline-flex;gap:2px;padding:4px}.segmented--full{display:flex;width:100%}.segmented-option{align-items:center;background:transparent;border:none;border-radius:calc(var(--radius-md) - 4px);color:var(--text-3);cursor:pointer;display:inline-flex;flex:1;font-size:12.5px;font-weight:600;gap:6px;justify-content:center;padding:8px 16px;position:relative;transition:color var(--motion-fast) var(--motion-ease),background var(--motion-fast) var(--motion-ease),box-shadow var(--motion-mid) var(--motion-ease);white-space:nowrap}.segmented-option:hover{color:var(--text-1)}.segmented-option.is-active,.segmented-option[aria-selected=true]{background:linear-gradient(180deg,#c8a66a1f,#c8a66a0f);box-shadow:inset 0 0 0 1px #c8a66a3d,0 1px #ffffff0a,0 2px 6px #0000002e;color:var(--brand)}[data-theme=light] .segmented-option.is-active,[data-theme=light] .segmented-option[aria-selected=true]{box-shadow:inset 0 0 0 1px #b28b4e52,0 1px 2px #1016230f}.segmented-option .seg-count{color:var(--text-4);font-size:11px;font-variant-numeric:tabular-nums}.segmented-option.is-active .seg-count,.segmented-option[aria-selected=true] .seg-count{color:var(--brand);opacity:.85}.data-row{align-items:center;border-top:1px solid var(--border);display:flex;gap:14px;padding:14px 22px;transition:background var(--motion-fast) var(--motion-ease)}.data-row:first-child{border-top:none}.data-row:hover{background:var(--bg-subtle-hover)}.data-row--static:hover{background:transparent}.data-row-main{display:flex;flex:1;flex-direction:column;gap:2px;min-width:0}.data-row-title{color:var(--text-1);font-size:13px;font-weight:600;letter-spacing:-.01em}.data-row-sub{align-items:center;color:var(--text-3);display:inline-flex;font-size:11.5px;gap:6px}.data-row-sub-dot{background:var(--text-4);border-radius:50%;display:inline-block;height:2px;width:2px}.kpi-strip{display:grid;gap:0;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.kpi-strip>.kpi{border-right:1px solid var(--border);display:flex;flex-direction:column;gap:6px;padding:18px 22px}.kpi-strip>.kpi:last-child{border-right:none}.kpi-label{color:var(--text-4);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.kpi-value{color:var(--text-1);font-size:22px;font-variant-numeric:tabular-nums;font-weight:700;letter-spacing:-.02em;line-height:1.1}.kpi-sub{align-items:center;color:var(--text-3);display:inline-flex;font-size:11px;gap:4px}.hover-sheen{overflow:hidden;position:relative}.hover-sheen:after{background:linear-gradient(110deg,transparent 40%,hsla(0,0%,100%,.04) 50%,transparent 60%);content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transform:translate(-30%);transition:opacity var(--motion-mid) var(--motion-ease),transform .9s var(--motion-expo)}.hover-sheen:hover:after{opacity:1;transform:translate(30%)}.eyebrow{align-items:center;color:var(--text-4);display:inline-flex;font-size:10.5px;font-weight:700;gap:8px;letter-spacing:.14em;text-transform:uppercase}.eyebrow-line{background:var(--border-md);height:1px;width:20px}.eyebrow-brand{color:var(--brand)}.eyebrow-brand .eyebrow-line{background:#c8a66a66}.hairline{background:var(--hairline-soft);height:1px}.hairline-brand{background:var(--hairline-brand);height:1px}.chip{align-items:center;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-3);display:inline-flex;font-size:11px;font-weight:600;gap:6px;padding:4px 10px}.chip-brand{background:#c8a66a14;border-color:var(--border-brand);color:var(--brand)}.chip-success{background:#2f9d7e14;border-color:#2f9d7e38;color:var(--success)}.chip-danger{background:#d96b6b14;border-color:#d96b6b38;color:var(--danger)}.chip-dot{background:currentColor;border-radius:50%;box-shadow:0 0 6px currentColor;height:6px;width:6px}
