@import"https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,300&family=DM+Mono:wght@400;500&display=swap";@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";body{margin:0;background-color:#f6f6f6;height:10vh}:root{--black: #0a0a0a;--charcoal: #141414;--surface: #1a1a1a;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .18);--white: #f5f5f5;--muted: #666;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif}.navbar{display:flex;align-items:center;justify-content:space-between;padding:0 24px;height:52px;background:var(--black);border-bottom:1px solid var(--border);position:sticky;top:0;z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-sizing:border-box}.nav-logo{width:80px;filter:brightness(0) invert(1);opacity:.92;transition:opacity .2s ease;flex-shrink:0}.nav-logo:hover{opacity:1}.nav-user{position:relative}.nav-user-btn{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--border);border-radius:7px;padding:6px 10px 6px 7px;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;color:var(--white);font-family:var(--font-body)}.nav-user-btn:hover{background:#222;border-color:var(--border-hover);box-shadow:0 0 0 1px #ffffff0d,0 4px 16px #0006}.nav-avatar{width:26px;height:26px;border-radius:5px;background:var(--white);color:var(--black);font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-body);letter-spacing:.03em}.nav-user-info{display:flex;flex-direction:column;align-items:flex-start;gap:1px}.nav-user-name{font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;font-family:var(--font-body);letter-spacing:.01em;transition:color .2s ease}.nav-user-btn:hover .nav-user-name{color:var(--white)}.nav-role-badge{font-size:9px;font-weight:600;padding:1px 6px;border-radius:4px;white-space:nowrap;font-family:var(--font-body);letter-spacing:.04em;text-transform:uppercase}.nav-chevron{color:var(--muted);transition:transform .22s ease,color .2s ease;flex-shrink:0}.nav-user-btn:hover .nav-chevron{color:#aaa}.nav-chevron.open{transform:rotate(180deg);color:#aaa}.nav-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--charcoal);border:1px solid var(--border);border-radius:10px;box-shadow:0 20px 60px #0009,0 0 0 1px #ffffff0a;overflow:hidden;animation:dropdown-in .18s cubic-bezier(.16,1,.3,1);z-index:2000}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-dropdown-header{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--surface);border-bottom:1px solid var(--border)}.nav-dropdown-avatar{width:32px;height:32px;border-radius:7px;background:var(--white);color:var(--black);font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-body)}.nav-dropdown-name{font-size:12px;font-weight:700;color:var(--white);font-family:var(--font-body);letter-spacing:.01em}.nav-dropdown-role{font-size:9px;font-weight:600;margin-top:2px;font-family:var(--font-body);letter-spacing:.06em;text-transform:uppercase;opacity:.7}.nav-dropdown-divider{height:1px;background:var(--border)}.nav-dropdown-item{display:flex;align-items:center;gap:9px;width:100%;padding:11px 14px;background:transparent;border:none;cursor:pointer;font-size:12px;font-weight:500;color:#aaa;transition:background .14s ease,color .14s ease;text-align:left;font-family:var(--font-body);letter-spacing:.01em}.nav-dropdown-item:hover{background:#ffffff0d;color:var(--white)}.nav-dropdown-item.logout{color:#f87171}.nav-dropdown-item.logout:hover{background:#f8717114;color:#fca5a5}.nav-right{display:flex;align-items:center;gap:4px;margin-left:auto}.nav-cmdk-hint{display:flex;align-items:center;gap:3px;padding:5px 8px;border-radius:7px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;cursor:default;margin-right:4px;opacity:.65;transition:opacity .15s}.nav-cmdk-hint:hover{opacity:1}.nav-cmdk-hint kbd{font-size:11px;font-weight:700;color:#ffffffe6;font-family:inherit;background:none;border:none;padding:0;letter-spacing:0}@media (max-width: 900px){.navbar{padding:0 16px}.nav-logo{width:70px}}@media (max-width: 640px){.navbar{padding:0 14px;height:48px}.nav-logo{width:64px}.nav-user-info,.nav-chevron{display:none}.nav-user-btn{padding:5px 7px}}.nc-root{position:relative;display:flex;align-items:center}.nc-bell{position:relative;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff12;color:#ffffffbf;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .18s ease;margin-right:10px}.nc-bell:hover{background:#ffffff24;color:#fff;border-color:#ffffff40}.nc-bell.has-unread{color:#fff;background:#ffffff1f;animation:ncBellWiggle 2.5s ease-in-out 1s}@keyframes ncBellWiggle{0%,to{transform:rotate(0)}10%,30%{transform:rotate(-8deg)}20%,40%{transform:rotate(8deg)}50%{transform:rotate(0)}}.nc-badge{position:absolute;top:-5px;right:-5px;min-width:18px;height:18px;background:#ef4444;color:#fff;font-size:10px;font-weight:800;border-radius:99px;display:flex;align-items:center;justify-content:center;padding:0 4px;border:2px solid #1e293b;animation:ncBadgePop .3s cubic-bezier(.68,-.55,.27,1.55);line-height:1}@keyframes ncBadgePop{0%{transform:scale(0)}to{transform:scale(1)}}.nc-loading-dot{position:absolute;bottom:3px;right:3px;width:6px;height:6px;border-radius:50%;background:#34d399;animation:ncPulse 1s ease-in-out infinite}@keyframes ncPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.7)}}.nc-panel{position:absolute;top:calc(100% + 10px);right:0;width:380px;max-width:95vw;background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000f,0 8px 28px #00000026,0 24px 48px #00000014;z-index:5000;overflow:hidden;animation:ncPanelIn .2s cubic-bezier(.16,1,.3,1)}@keyframes ncPanelIn{0%{opacity:0;transform:translateY(-8px) scale(.97)}to{opacity:1;transform:none}}.nc-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 18px 12px;border-bottom:1px solid #f1f5f9}.nc-panel-title{font-size:15px;font-weight:800;color:#0f172a}.nc-panel-sub{font-size:11px;color:#ef4444;font-weight:600;margin-top:1px}.nc-action-btn{padding:5px 10px;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;font-size:11px;font-weight:600;color:#64748b;cursor:pointer;transition:all .12s;white-space:nowrap}.nc-action-btn:hover{background:#e2e8f0;color:#0f172a}.nc-list{max-height:440px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.nc-empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 24px;color:#94a3b8;font-size:13px;text-align:center}.nc-empty-icon{font-size:36px}.nc-group-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.07em;color:#94a3b8;padding:10px 18px 4px;background:#fafafa}.nc-item{display:flex;align-items:flex-start;gap:12px;padding:12px 18px;cursor:pointer;transition:background .1s;position:relative;border-bottom:1px solid #f8fafc}.nc-item:last-child{border-bottom:none}.nc-item:hover{background:#f8fafc}.nc-item.unread{background:#fffbeb}.nc-item.unread:hover{background:#fef3c7}.nc-item-icon{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;margin-top:1px}.nc-item-body{flex:1;min-width:0}.nc-item-title{font-size:13px;font-weight:700;color:#0f172a;line-height:1.3;margin-bottom:2px}.nc-item-body-text{font-size:11px;color:#64748b;line-height:1.4;margin-bottom:4px}.nc-item-time{font-size:10px;color:#94a3b8;font-weight:600}.nc-unread-dot{width:8px;height:8px;border-radius:50%;background:#3b82f6;flex-shrink:0;margin-top:5px}.nc-panel-footer{padding:10px 18px;border-top:1px solid #f1f5f9;background:#f8fafc}.nc-footer-btn{width:100%;padding:8px;background:transparent;border:none;color:#2563eb;font-size:12px;font-weight:700;cursor:pointer;text-align:center;border-radius:6px;transition:background .12s}.nc-footer-btn:hover{background:#eff6ff}.admin{display:flex}@media (max-width: 800px){.admin{flex-direction:column}}.idle-overlay{position:fixed;inset:0;z-index:9999;background:#0000007a;display:flex;align-items:center;justify-content:center;padding:24px;animation:idleFadeIn .2s ease}.idle-modal{background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);width:100%;max-width:400px;overflow:hidden;box-shadow:0 20px 60px #0000002e;animation:idleSlideUp .22s ease}.idle-modal__body{padding:28px 28px 0}.idle-modal__header{display:flex;align-items:flex-start;gap:14px;margin-bottom:24px}.idle-modal__icon{flex-shrink:0;width:40px;height:40px;border-radius:50%;background:#fffbeb;display:flex;align-items:center;justify-content:center}.idle-modal__title{margin:0 0 4px;font-size:15px;font-weight:700;color:#111827}.idle-modal__subtitle{margin:0;font-size:13px;color:#6b7280;line-height:1.55}.idle-modal__actions{padding:0 28px 24px;display:flex;flex-direction:column;gap:10px}.idle-modal__btn{width:100%;padding:11px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.idle-modal__btn--logout{background:#1f2937;border:none;color:#fff}.idle-modal__btn--logout:hover{background:#374151}@keyframes idleFadeIn{0%{opacity:0}to{opacity:1}}@keyframes idleSlideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}:root{--black: #0a0a0a;--charcoal: #141414;--surface: #1a1a1a;--border: rgba(255, 255, 255, .08);--border-hover: rgba(255, 255, 255, .14);--white: #f5f5f5;--muted: #555;--muted-text: #888;--font-display: "Bebas Neue", sans-serif;--font-body: "DM Sans", sans-serif}.sidebar{display:flex;flex-direction:column;width:196px;min-width:196px;background:var(--charcoal);border-right:1px solid var(--border);padding:20px 10px;box-sizing:border-box;overflow-y:auto;position:sticky;top:52px;height:calc(100vh - 52px);gap:2px;flex-shrink:0}.sidebar-section-label{font-family:var(--font-body);font-size:9px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:0 10px;margin:14px 0 5px}.sidebar-section-label:first-child{margin-top:0}.sidebar-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:7px;cursor:pointer;color:var(--muted-text);text-decoration:none;transition:background .15s ease,color .15s ease,padding-left .15s ease;position:relative;overflow:hidden}.sidebar-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%) scaleY(0);width:2px;height:60%;background:var(--white);border-radius:0 2px 2px 0;transition:transform .18s cubic-bezier(.34,1.56,.64,1)}.sidebar-item:hover{background:#ffffff0d;color:var(--white);padding-left:14px}.sidebar-item:hover:before{transform:translateY(-50%) scaleY(1)}.sidebar-item.active{background:#ffffff14;color:var(--white);padding-left:14px}.sidebar-item.active:before{transform:translateY(-50%) scaleY(1)}.sidebar-icon{width:16px;height:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.55;transition:opacity .15s ease}.sidebar-item:hover .sidebar-icon,.sidebar-item.active .sidebar-icon{opacity:1}.sidebar-icon svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.sidebar-label{font-family:var(--font-body);font-size:12px;font-weight:500;letter-spacing:.01em;white-space:nowrap}.sidebar-divider{height:1px;background:var(--border);margin:10px 0}@media (max-width: 900px){.sidebar{flex-direction:row;width:100%;min-width:unset;height:auto;padding:8px 12px;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto;overflow-y:visible;position:sticky;top:52px;gap:4px;z-index:900}.sidebar-section-label,.sidebar-divider{display:none}.sidebar-item{flex-direction:column;gap:3px;padding:7px 10px;min-width:54px;align-items:center;border-radius:7px;white-space:nowrap;flex-shrink:0}.sidebar-item:hover,.sidebar-item.active{padding-left:10px}.sidebar-item:before{display:none}.sidebar-label{font-size:9px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.sidebar-icon{width:18px;height:18px}.sidebar-icon svg{width:16px;height:16px}}@media (max-width: 640px){.sidebar{top:48px}}:root{--ink: #0a0a0a;--ink-2: #1c1c1c;--ink-3: #3a3a3a;--muted: #7a7a7a;--rule: #e2e2e2;--surface: #f7f7f7;--paper: #ffffff;--ghost: #fafafa;--danger: #d44;--lift-sm: 0 1px 4px rgba(0, 0, 0, .06);--lift-md: 0 4px 20px rgba(0, 0, 0, .08);--lift-lg: 0 12px 40px rgba(0, 0, 0, .12);--font: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--ease-std: cubic-bezier(.4, 0, .2, 1);--r-sm: 4px;--r-md: 8px;--r-lg: 12px}.add-product{width:100%;max-width:1100px;padding:28px 32px;margin:16px auto;background:var(--paper);border:1px solid var(--rule);border-top:2px solid var(--ink);border-radius:var(--r-lg);font-family:var(--font);color:var(--ink);animation:gs-fade .35s var(--ease) both}.addproduct-itemfield{width:100%;margin-bottom:18px}.addproduct-itemfield p{margin:0 0 7px;font-size:9px;font-weight:600;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.input-base,.addproduct-itemfield input,.addproduct-itemfield select,.addproduct-itemfield textarea{box-sizing:border-box;width:100%;min-width:0;height:42px;border-radius:var(--r-sm);padding:0 13px;border:1px solid var(--rule);outline:none;color:var(--ink);font-family:var(--font);font-size:12px;font-weight:500;background:var(--ghost);transition:border-color .18s var(--ease-std),box-shadow .18s var(--ease-std),background .18s,transform .18s var(--ease);-webkit-appearance:none;appearance:none}.addproduct-itemfield textarea{height:auto;min-height:100px;padding:11px 13px;resize:vertical;line-height:1.6}.addproduct-itemfield input::placeholder,.addproduct-itemfield textarea::placeholder{color:#bbb;font-weight:400}.addproduct-itemfield input:hover,.addproduct-itemfield select:hover,.addproduct-itemfield textarea:hover{border-color:var(--ink-3)}.addproduct-itemfield input:focus,.addproduct-itemfield select:focus,.addproduct-itemfield textarea:focus{border-color:var(--ink);background:var(--paper);box-shadow:0 0 0 3px #0000000f;transform:translateY(-1px)}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.info-banner{background:var(--ghost);border:1px solid var(--rule);border-left:3px solid var(--ink);border-radius:var(--r-sm);padding:12px 15px;margin-bottom:20px;font-size:12px;color:var(--ink-3);line-height:1.6}.add-product-selector{padding:9px 13px;width:100%;height:42px;font-family:var(--font);font-size:12px;color:var(--ink);font-weight:500;border:1px solid var(--rule);border-radius:var(--r-sm);background:var(--ghost);transition:border-color .18s,box-shadow .18s,background .18s}.add-product-selector:hover{border-color:var(--ink-3)}.add-product-selector:focus{border-color:var(--ink);background:var(--paper);box-shadow:0 0 0 3px #0000000f}.addproduct-thumnail-img{height:100px;width:100px;border-radius:var(--r-md);object-fit:contain;margin:9px 0;border:1px solid var(--rule);background:var(--ghost);transition:border-color .18s,box-shadow .18s,transform .2s var(--ease);display:block}.addproduct-thumnail-img:hover{border-color:var(--ink-3);box-shadow:var(--lift-sm);transform:scale(1.03)}.subimage-preview{display:flex;gap:9px;flex-wrap:wrap;margin-top:9px}.addproduct-btn{margin-top:20px;width:150px;height:44px;border-radius:var(--r-sm);background:var(--ink);border:none;cursor:pointer;color:var(--paper);font-family:var(--font);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;transition:background .18s,transform .22s var(--ease),box-shadow .22s var(--ease)}.addproduct-btn:hover:not(:disabled){background:var(--ink-2);transform:translateY(-3px);box-shadow:0 10px 28px #0003}.addproduct-btn:active:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.addproduct-btn:disabled{opacity:.35;cursor:not-allowed;transform:none;box-shadow:none}.error-message{margin-top:4px;font-size:10px;font-weight:600;color:var(--danger);display:flex;align-items:center;gap:4px}.addproduct-sizes{margin-top:18px;margin-bottom:18px}.addproduct-sizes h3{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}.size-stock-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:9px;min-width:0}.size-stock-row{display:flex;flex-direction:column;gap:7px;min-width:0;background:var(--ghost);border-radius:var(--r-md);padding:12px;border:1px solid var(--rule);transition:border-color .18s,box-shadow .18s,transform .18s var(--ease)}.size-stock-row:hover{border-color:var(--ink-3);box-shadow:var(--lift-sm);transform:translateY(-2px)}.size-stock-row .size-label{font-weight:700;font-size:12px;color:var(--ink);font-family:var(--mono)}.stacked-inputs{display:flex;flex-direction:column;gap:6px;width:100%;min-width:0}.input-group{position:relative;display:block;width:100%;min-width:0}.input-group .prefix{position:absolute;left:10px;top:50%;transform:translateY(-50%);font-size:10px;color:var(--muted);pointer-events:none;z-index:2;font-family:var(--mono);font-weight:500}.input-group input{display:block;width:100%;box-sizing:border-box;height:36px;padding-left:34px;padding-right:9px;font-family:var(--font);font-size:12px;font-weight:500;color:var(--ink);background:var(--paper);border-radius:var(--r-sm);border:1px solid var(--rule);transition:border-color .18s,box-shadow .18s,background .15s;-webkit-appearance:none;appearance:none;outline:none}.input-group input:hover{border-color:var(--ink-3)}.input-group input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0000000f}.input-group.stock-wrap{width:100%;max-width:140px;align-self:flex-start}.input-group.price-wrap{width:100%}.input-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #c83c3c12!important}.addproduct-itemfield h3{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:10px}.single-stock-price{display:flex;gap:10px;align-items:flex-start;flex-wrap:wrap}.addproduct-description{width:100%;padding:11px 13px;font-size:12px;border-radius:var(--r-sm);border:1px solid var(--rule);resize:vertical;font-family:var(--font);font-weight:500;background:var(--ghost);color:var(--ink);transition:border-color .18s,box-shadow .18s,background .18s;outline:none}.addproduct-description:focus{background:var(--paper);border-color:var(--ink);box-shadow:0 0 0 3px #0000000f}.helper-text{font-size:11px;color:var(--muted);margin-top:7px;font-family:var(--mono)}.toast-container{position:fixed;top:18px;right:18px;display:flex;flex-direction:column;gap:7px;z-index:9999;max-width:340px}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-sm);background:var(--ink);color:var(--paper);border:1px solid var(--ink-3);box-shadow:var(--lift-lg);animation:toast-in .22s var(--ease) both}.toast-message{flex:1;font-size:12px;font-weight:500;line-height:1.5}.toast.success{border-left:3px solid #5ab87a}.toast.error{border-left:3px solid #d45a5a}.toast-close{background:transparent;border:none;color:#ffffff73;font-size:16px;cursor:pointer;padding:0 3px;font-family:var(--font);line-height:1;transition:color .12s;flex-shrink:0}.toast-close:hover{color:var(--paper)}.visually-hidden{position:absolute!important;height:1px;width:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}@media (max-width:900px){.add-product{padding:20px;margin:10px}.size-stock-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px}}@media (max-width:640px){.add-product{padding:16px;margin:0}.size-stock-grid{grid-template-columns:repeat(2,1fr)}.single-stock-price{flex-direction:column}.input-group.stock-wrap{max-width:100%}.addproduct-btn{width:100%;min-height:44px}}@media (max-width:420px){.size-stock-grid{grid-template-columns:1fr}}:root{--black: #0a0a0a;--dark: #1a1a1a;--border: #e8e8e8;--muted: #888888;--soft: #f5f5f5;--softer: #fafafa;--white: #ffffff;--success: #166534;--danger: #991b1b;--radius-sm: 6px;--radius-md: 10px;--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .1);--shadow-xl: 0 24px 60px rgba(0, 0, 0, .14);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--ease: cubic-bezier(.4, 0, .2, 1)}.admin-sales{width:100%;max-width:none;margin:0;padding:20px 16px;background:var(--soft);min-height:100vh;font-family:var(--font);animation:page-enter .4s var(--ease) both}@keyframes page-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.admin-sales h1{font-size:18px;font-weight:700;color:var(--black);margin:0 0 18px;letter-spacing:-.01em}.admin-sales h2{font-size:12px;font-weight:600;color:var(--black);margin:0 0 3px}.section-hint{font-size:11px;color:var(--muted);margin:0 0 14px;font-weight:400}.stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-bottom:18px}.stat-card{background:var(--white);border-radius:var(--radius-md);padding:12px 11px;display:flex;align-items:center;gap:10px;border:1px solid var(--border);transition:all .22s var(--ease);animation:card-rise .4s var(--ease) both}.stat-card:nth-child(1){animation-delay:.04s}.stat-card:nth-child(2){animation-delay:.08s}.stat-card:nth-child(3){animation-delay:.12s}.stat-card:nth-child(4){animation-delay:.16s}.stat-card:nth-child(5){animation-delay:.2s}@keyframes card-rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:#d4d4d4}.stat-card--brand{background:var(--black);border-color:var(--black)}.stat-card--brand:hover{background:var(--dark);border-color:var(--dark)}.stat-icon{font-size:18px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--soft);border-radius:var(--radius-sm);flex-shrink:0}.stat-icon--brand{background:#ffffff1a}.stat-content{flex:1;min-width:0}.stat-label{font-size:10px;font-weight:500;color:var(--black);margin-bottom:2px;white-space:nowrap}.stat-card--brand .stat-label{color:#000}.stat-value{font-size:16px;font-weight:700;color:var(--black);line-height:1.1;letter-spacing:-.02em}.stat-card--brand .stat-value{color:var(--white)}.stat-value-small{font-size:11px;font-weight:600;color:var(--white);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.stat-value--brand{color:var(--black)}.stat-subtext{font-size:10px;color:#000;font-weight:400;margin-top:2px}.filters{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px;padding:12px 14px;background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border)}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:100px}.filter-group label{font-size:10px;font-weight:500;color:var(--muted)}.admin-sales input[type=number],.admin-sales input[type=date],.admin-sales input[type=week],.admin-sales input[type=text],.admin-sales select{padding:6px 10px;font-size:11px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white);color:var(--black);font-weight:400;transition:all .18s var(--ease);height:32px;box-sizing:border-box;font-family:var(--font);-webkit-appearance:none;appearance:none}.admin-sales select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23888' d='M5 7L1 2h8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;padding-right:26px;cursor:pointer}.admin-sales input:focus,.admin-sales select:focus{border-color:var(--black);outline:none;box-shadow:0 0 0 3px #0a0a0a12}.admin-sales input[type=number]{width:80px}.admin-sales input[type=date]{width:140px}.admin-sales input[type=week]{width:160px}.apply-btn,.export-btn,.print-btn,.sales-log-btn{padding:6px 14px;border-radius:var(--radius-sm);font-size:11px;font-weight:600;cursor:pointer;border:1.5px solid transparent;transition:all .18s var(--ease);height:32px;white-space:nowrap;font-family:var(--font)}.apply-btn{background:var(--black);color:var(--white);border-color:var(--black)}.apply-btn:hover{background:var(--dark);border-color:var(--dark);box-shadow:0 3px 12px #00000026;transform:translateY(-1px)}.export-btn{background:transparent;color:var(--black);border-color:var(--border)}.export-btn:hover{background:var(--black);color:var(--white);border-color:var(--black);transform:translateY(-1px)}.print-btn{background:transparent;color:var(--black);border-color:var(--border)}.print-btn:hover{background:var(--black);color:var(--white);border-color:var(--black);transform:translateY(-1px)}.sales-log-btn{background:var(--black);color:var(--white);border-color:var(--black)}.sales-log-btn:hover{background:var(--dark);transform:translateY(-1px)}.section{background:var(--white);border-radius:var(--radius-md);padding:16px 18px;margin-bottom:14px;border:1px solid var(--border);transition:all .22s var(--ease)}.section:hover{box-shadow:var(--shadow-md)}.section-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;flex-wrap:wrap;gap:8px}.actions{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.search-input{padding:6px 12px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-size:11px;height:32px;min-width:160px;font-family:var(--font);color:var(--black);background:var(--soft);transition:all .18s var(--ease)}.search-input::placeholder{color:var(--muted)}.search-input:focus{border-color:var(--black);outline:none;box-shadow:0 0 0 3px #0a0a0a12;background:var(--white)}.table-wrapper{overflow-x:auto;border-radius:var(--radius-sm);border:1px solid var(--border)}.admin-sales table{width:100%;border-collapse:collapse;background:var(--white)}.admin-sales th,.admin-sales td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--border);font-size:11px}.admin-sales th{background:var(--black);color:var(--white);font-weight:600;font-size:10px;letter-spacing:.02em;white-space:nowrap;position:sticky;top:0;z-index:10}.admin-sales th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.admin-sales th.sortable:hover{background:var(--dark)}.admin-sales tr:last-child td{border-bottom:none}.admin-sales tbody tr{transition:background .12s}.admin-sales tbody tr:hover{background:var(--softer)}.admin-sales td.amount{font-weight:600;color:var(--success)}.admin-sales td.count{font-weight:600;color:#1e3a8a}.admin-sales td.product-name{font-weight:600;color:var(--black)}.admin-sales td.no-data{text-align:center;color:var(--muted);padding:36px;font-style:italic}.product-row{cursor:pointer}.product-row:hover{background:var(--softer)!important}.product-row--expanded{background:var(--softer)!important;border-left:2px solid var(--black)}.expand-cell{padding:8px 6px 8px 9px!important;width:22px}.expand-icon{display:inline-block;font-size:13px;line-height:1;transition:transform .18s var(--ease),color .18s;color:var(--muted)}.expand-icon--open{transform:rotate(90deg);color:var(--black)}.price-range-cell{font-size:11px;color:var(--black);font-weight:500;white-space:nowrap}.brand-top-row{background:var(--softer)}.size-breakdown-row td{padding:0!important;border-bottom:1px solid var(--border)!important;background:var(--softer)}.breakdown-panel{padding:10px 14px 10px 30px;animation:slideDown .16s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.breakdown-header{font-size:10px;font-weight:600;color:var(--muted);margin-bottom:7px;display:flex;align-items:center;gap:7px}.breakdown-note{font-weight:400;color:#b4b4b4;font-size:10px}.breakdown-empty{font-size:11px;color:var(--muted);font-style:italic;padding:5px 0}.breakdown-table{width:auto;min-width:420px;border-collapse:collapse;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden;background:var(--white)}.breakdown-table th{background:var(--dark)!important;color:#ffffffd9!important;font-size:9px!important;padding:6px 11px!important;white-space:nowrap;font-weight:600!important;position:static!important}.breakdown-table td{padding:7px 11px!important;font-size:11px;border-bottom:1px solid var(--border)!important}.breakdown-table tr:last-child td{border-bottom:none!important}.breakdown-table tbody tr:hover{background:var(--softer)}.breakdown-table td.bd-price{color:var(--black);font-weight:500}.breakdown-table td.bd-count{color:#1e3a8a;font-weight:600;text-align:right}.breakdown-table td.bd-amount{color:var(--success);font-weight:600;text-align:right}.breakdown-table td.bd-pct{color:var(--muted);font-size:11px;text-align:right}.size-chip{display:inline-flex;align-items:center;justify-content:center;background:var(--black);color:var(--white);font-size:9px;font-weight:600;padding:2px 5px;border-radius:4px;min-width:24px}.breakdown-total-row td{background:var(--softer)!important;border-top:1px solid var(--border)!important}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:14px;flex-wrap:wrap}.page-btn{padding:5px 12px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);color:var(--black);font-size:11px;font-weight:500;cursor:pointer;transition:all .18s var(--ease);font-family:var(--font)}.page-btn:hover:not(:disabled){border-color:var(--black);background:var(--black);color:var(--white);transform:translateY(-1px)}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{font-size:11px;color:var(--muted);font-weight:400}.size-label-row td{padding-top:8px!important;padding-bottom:3px!important;border-bottom:none!important}.size-data-row td{padding-top:5px!important;padding-bottom:5px!important}.breakdown-header-inline{font-size:10px;font-weight:600;color:var(--muted)}.bd-gutter{width:22px;padding-left:6px!important;padding-right:0!important}.breakdown-total-row td{background:var(--softer)!important;border-top:1px solid var(--border)!important;border-bottom:1px solid var(--border)!important;padding-top:6px!important;padding-bottom:6px!important}.grand-total-row{background:var(--softer)!important}.grand-total-row td{padding:10px!important;border-top:2px solid var(--black)!important;border-bottom:none!important}.sl-summary-strip{display:flex;background:var(--softer);border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:12px;overflow-x:auto}.sl-summary-item{display:flex;flex-direction:column;gap:2px;padding:10px 14px;border-right:1px solid var(--border);min-width:100px;transition:all .2s var(--ease)}.sl-summary-item:last-child{border-right:none}.sl-summary-item:hover{background:var(--black)}.sl-summary-item:hover .sl-summary-label,.sl-summary-item:hover .sl-summary-value{color:var(--white)!important}.sl-summary-label{font-size:9px;font-weight:500;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;transition:color .2s var(--ease)}.sl-summary-value{font-size:13px;font-weight:700;color:var(--black);line-height:1.2;letter-spacing:-.01em;transition:color .2s var(--ease)}.sl-table{width:100%;border-collapse:collapse;font-size:11px}.sl-table thead th{background:var(--black);color:var(--white);font-size:10px;font-weight:600;letter-spacing:.02em;padding:8px 10px;white-space:nowrap;position:sticky;top:0;z-index:5;text-align:left}.sl-table thead th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.sl-table thead th.sortable:hover{background:var(--dark)}.sl-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.sl-table tbody tr:last-child{border-bottom:none}.sl-table tbody tr:hover{background:var(--softer)}.sl-table td{padding:7px 10px;vertical-align:middle}.sl-order-id{font-family:Courier New,monospace;font-size:9px;color:var(--muted);font-weight:600;white-space:nowrap}.sl-date{font-size:10px;color:#555;white-space:nowrap}.sl-product-name{font-weight:600;color:var(--black);max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sl-cat{font-size:10px;font-weight:600;color:var(--muted);white-space:nowrap}.sl-brand{font-size:10px;font-weight:600;color:var(--black);white-space:nowrap}.sl-buyer{font-weight:500;color:var(--black);white-space:nowrap}.sl-payment{font-size:10px;color:#555;white-space:nowrap}.sl-status-badge{display:inline-block;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;padding:2px 6px;border-radius:20px;white-space:nowrap}.sl-voucher-chip{display:inline-block;font-size:9px;font-weight:600;padding:2px 6px;border-radius:4px;background:var(--soft);color:var(--black);border:1px solid var(--border);white-space:nowrap}.sl-foot-row{background:var(--softer)!important}.sl-foot-row td{padding:8px 10px!important;border-top:2px solid var(--black)!important}.sl-state-msg{text-align:center;padding:40px 32px;font-size:11px;color:var(--muted);font-style:italic}.sl-state-error{color:var(--danger);font-style:normal;font-weight:600}.sl-overlay{position:fixed;inset:0;background:#0000008c;z-index:9999;display:flex;align-items:flex-start;justify-content:center;padding:20px 16px;overflow-y:auto;box-sizing:border-box;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:sl-fade .2s ease}@keyframes sl-fade{0%{opacity:0}to{opacity:1}}.sl-modal{background:var(--white);border-radius:var(--radius-md);width:100%;max-width:1280px;box-shadow:var(--shadow-xl);display:flex;flex-direction:column;overflow:hidden;animation:sl-up .22s var(--ease)}@keyframes sl-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.sl-header{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 12px;border-bottom:1px solid var(--border)}.sl-title{font-size:14px;font-weight:700;color:var(--black);margin:0 0 2px;letter-spacing:-.01em}.sl-subtitle{font-size:11px;color:var(--muted);margin:0}.sl-close-btn{width:30px;height:30px;border-radius:var(--radius-sm);border:1.5px solid var(--border);background:var(--white);color:var(--muted);font-size:13px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .18s var(--ease)}.sl-close-btn:hover{background:var(--black);border-color:var(--black);color:var(--white)}.sl-filters{display:flex;gap:7px;align-items:center;padding:10px 18px;border-bottom:1px solid var(--border);flex-wrap:wrap}.sl-search{flex:1;min-width:180px;height:32px;padding:0 11px;font-size:11px;border:1.5px solid var(--border);border-radius:var(--radius-sm);font-family:var(--font);color:var(--black);background:var(--soft);transition:all .18s var(--ease)}.sl-search:focus{border-color:var(--black);outline:none;box-shadow:0 0 0 3px #0a0a0a12;background:var(--white)}.sl-select{height:32px;padding:0 22px 0 10px;font-size:11px;border:1.5px solid var(--border);border-radius:var(--radius-sm);background:var(--white) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath fill='%23888' d='M5 7L1 2h8z'/%3E%3C/svg%3E") no-repeat right 9px center;-webkit-appearance:none;appearance:none;cursor:pointer;font-family:var(--font);color:var(--black);font-weight:400;transition:all .18s var(--ease)}.sl-select:focus{border-color:var(--black);outline:none;box-shadow:0 0 0 3px #0a0a0a12}.sl-voucher-badge{margin-left:auto;font-size:10px;font-weight:600;color:var(--black);background:var(--softer);border:1px solid var(--border);border-radius:var(--radius-sm);padding:3px 9px;white-space:nowrap}.sl-table-wrap{overflow-x:auto;overflow-y:auto;max-height:60vh;flex:1}.sl-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:9px 18px;border-top:1px solid var(--border);background:var(--softer)}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}.admin-sales{padding:16px 14px}}@media (max-width:640px){.admin-sales{padding:12px 10px}.admin-sales h1{font-size:16px}.stats-grid{grid-template-columns:1fr;gap:8px}.section{padding:14px 12px}.section-header{flex-direction:column}.filters{flex-direction:column;align-items:stretch}.sl-summary-strip{flex-wrap:wrap}.sl-summary-item{min-width:50%}.apply-btn,.export-btn,.print-btn,.sales-log-btn{min-height:40px;width:100%}.sl-overlay{padding:0;align-items:flex-end}.sl-modal{border-radius:12px 12px 0 0;max-height:92vh}}.user-management{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:28px 24px;background:var(--surface);font-family:var(--font);color:var(--ink)}.panel-header{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:8px;padding-bottom:20px;border-bottom:1.5px solid var(--ink)}.panel-header h1{font-size:22px;font-weight:700;color:var(--ink);letter-spacing:-.02em;margin:0}.role-context-banner{padding:6px 12px;border-radius:var(--r-sm);font-size:11px;font-weight:600;background:var(--ghost);color:var(--ink-3);border:1px solid var(--rule);letter-spacing:.02em}.role-context-banner.admin{background:#e8edf5;color:#1e3a6a;border-color:#c0cfe0}.role-context-banner.owner{background:var(--ink);color:var(--paper);border-color:var(--ink)}.tab-navigation{display:flex;gap:6px;margin-bottom:20px;margin-top:18px;width:100%;flex-wrap:wrap}.listproduct-controls{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:14px;gap:12px;flex-wrap:wrap}.category-label{font-size:12px;color:var(--ink);font-weight:700;letter-spacing:-.01em}.results-count{color:var(--muted);font-family:var(--mono);font-size:11px;font-weight:500;white-space:nowrap}.user-search-wrapper{position:relative;display:flex;align-items:center}.user-search-icon{position:absolute;left:10px;color:var(--muted);display:flex;align-items:center;pointer-events:none}.user-search-input{padding:9px 32px;border:1px solid var(--rule);border-radius:var(--r-sm);font-family:var(--font);font-size:12px;font-weight:500;background:var(--paper);color:var(--ink);width:240px;outline:none;transition:border-color .18s,box-shadow .18s,width .25s var(--ease)}.user-search-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0000000f;width:280px}.user-search-clear{position:absolute;right:8px;background:none;border:none;cursor:pointer;font-size:11px;color:var(--muted);padding:2px 4px;border-radius:3px;display:flex;align-items:center;justify-content:center;transition:color .15s,background .15s;line-height:1}.user-search-clear:hover{color:var(--ink);background:var(--rule)}.toast-message{font-weight:600;font-size:12px;line-height:1.5}.toast-action.danger{background:#ff505033;border-color:#ff646466}.toast-action.success{background:#50c87833;border-color:#50c87866}.toast-close{background:transparent;border:none;color:#ffffff73;font-size:13px;cursor:pointer;padding:2px 5px;border-radius:4px;transition:all .12s}.user-row{width:100%}.user-card{display:flex;gap:18px;background:var(--paper);padding:18px;border-radius:var(--r-md);align-items:flex-start;border:1px solid var(--rule);border-left:3px solid transparent;transition:border-color .22s var(--ease),transform .22s var(--ease),box-shadow .22s var(--ease);position:relative}.user-card:hover{border-left-color:var(--ink);transform:translate(4px);box-shadow:var(--lift-md)}.user-main{flex:1;min-width:0}.user-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:8px}.user-name{font-weight:700;color:var(--ink);font-size:14px;letter-spacing:-.01em}.user-status{font-size:9px;padding:3px 9px;border-radius:2px;text-transform:uppercase;font-weight:700;letter-spacing:.08em}.user-status.blocked{background:#f5e8e8;color:#6a1e1e}.user-status.active{background:#e8f0e8;color:#1e5a1e}.user-details{display:flex;gap:14px;color:var(--muted);font-size:11px;margin-bottom:12px;flex-wrap:wrap}.user-purchases{margin-top:10px;font-size:12px;color:var(--ink-3)}.user-purchases strong{display:block;font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}.purchases-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:7px;margin-top:6px}.purchase-item{background:var(--ghost);border:1px solid var(--rule);padding:10px;border-radius:var(--r-sm);font-size:11px;transition:border-color .15s,box-shadow .15s}.purchase-item:hover{border-color:var(--ink-3);box-shadow:var(--lift-sm)}.purchase-name{font-weight:600;color:var(--ink);font-size:11px;margin-bottom:3px}.purchase-meta{color:var(--muted);font-size:10px;margin-top:3px}.purchase-date{color:#aaa;font-size:10px;margin-top:2px;font-family:var(--mono)}.no-purchases{color:#bbb;font-size:11px;font-style:italic;margin-top:5px}.see-more-btn{display:inline-flex;align-items:center;gap:5px;margin-top:8px;background:transparent;border:1px solid var(--rule);border-radius:var(--r-sm);padding:5px 12px;font-family:var(--font);font-size:10px;font-weight:600;color:var(--muted);cursor:pointer;letter-spacing:.05em;text-transform:uppercase;transition:all .18s var(--ease-std)}.see-more-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.user-actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.voucher-give-btn{display:inline-flex;align-items:center;gap:5px;background:transparent;border:1px solid var(--rule);padding:8px 14px;font-family:var(--font);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;color:var(--ink-3);border-radius:var(--r-sm);transition:all .18s var(--ease-std);white-space:nowrap}.voucher-give-btn:hover{background:var(--ghost);border-color:var(--ink-3);color:var(--ink)}.filter-chip--blocked.active{background:#6a1e1e;border-color:#6a1e1e;color:#fff}.filter-chip--blocked:not(.active):hover{border-color:#9a2a2a;color:#9a2a2a}.role-management-header{width:100%;margin-bottom:18px}.role-stats{display:flex;gap:8px;flex-wrap:wrap}.role-stat-card{background:var(--paper);border-radius:var(--r-md);padding:16px 20px;display:flex;align-items:center;gap:14px;border:1px solid var(--rule);min-width:110px;flex:1;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.role-stat-card:hover{transform:translateY(-3px);box-shadow:var(--lift-md)}.role-stat-count{font-size:24px;font-weight:700;line-height:1;font-family:var(--mono)}.role-stat-label{font-size:9px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;margin-top:3px}.role-info-banner{width:100%;background:var(--ghost);border:1px solid var(--rule);border-left:3px solid var(--ink);padding:11px 14px;font-size:11px;color:var(--ink-3);font-weight:500;margin-bottom:14px;line-height:1.5}.role-search-input{padding:9px 13px;border:1px solid var(--rule);border-radius:var(--r-sm);font-family:var(--font);font-size:12px;font-weight:500;background:var(--paper);min-width:220px;outline:none;transition:border-color .18s,box-shadow .18s}.role-search-input:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0000000f}.filter-chip{padding:5px 12px;border-radius:2px;border:1px solid var(--rule);background:var(--paper);color:var(--muted);font-family:var(--font);font-size:10px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;transition:all .15s var(--ease-std)}.filter-chip:hover{border-color:var(--ink-3);color:var(--ink)}.filter-chip.active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.role-row{width:100%;transition:opacity .3s var(--ease)}.role-row--pending-remove .role-card{opacity:.55;border-left-color:#c4944a!important;background:repeating-linear-gradient(-45deg,var(--paper),var(--paper) 6px,#fffbf5 6px,#fffbf5 12px)}.role-card{background:var(--paper);border-radius:var(--r-md);padding:16px 20px;display:flex;align-items:center;gap:18px;border:1px solid var(--rule);border-left:3px solid transparent;flex-wrap:wrap;transition:border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease)}.role-card:hover{border-left-color:var(--ink);transform:translate(4px);box-shadow:var(--lift-md)}.role-user-info{display:flex;align-items:center;gap:12px;min-width:200px;flex:1}.role-avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font)}.role-user-name{font-size:13px;font-weight:700;color:var(--ink)}.role-user-email{font-size:11px;color:var(--muted);margin-top:2px}.role-user-phone{font-size:11px;color:var(--muted);margin-top:1px}.role-user-joined{font-size:10px;color:#bbb;margin-top:2px;font-family:var(--mono)}.role-current{display:flex;gap:5px;align-items:center;min-width:90px;flex-wrap:wrap}.role-none-badge{font-size:10px;color:#bbb;font-style:italic;font-weight:500}.role-actions{display:flex;gap:5px;flex-wrap:wrap;align-items:center}.create-staff-section{margin:14px 0;width:100%}.create-staff-btn{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:var(--paper);font-family:var(--font);font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;padding:11px 18px;border:none;border-radius:var(--r-sm);cursor:pointer;transition:background .18s,transform .18s var(--ease),box-shadow .18s var(--ease)}.create-staff-btn:hover{background:var(--ink-2);transform:translateY(-2px);box-shadow:0 8px 20px #0000002e}.create-staff-icon{font-size:14px;line-height:1}.create-staff-form-card{background:var(--paper);border:1px solid var(--rule);border-top:2px solid var(--ink);border-radius:var(--r-md);padding:20px;animation:gs-fade .25s var(--ease) both}@keyframes gs-fade{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.create-staff-form-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.create-staff-form-header h3{font-size:14px;font-weight:700;color:var(--ink);margin:0;letter-spacing:-.01em}.create-staff-close{background:var(--ghost);border:1px solid var(--rule);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:13px;cursor:pointer;color:var(--muted);transition:all .18s}.create-staff-close:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.create-staff-form{display:flex;flex-direction:column;gap:14px}.staff-form-row{display:flex;gap:12px}.staff-form-group{flex:1;display:flex;flex-direction:column;gap:0}.staff-form-group label{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;margin-bottom:7px;color:var(--muted)}.staff-form-group input,.staff-form-group select{padding:9px 12px;border:1px solid var(--rule);border-radius:var(--r-sm);font-family:var(--font);font-size:12px;font-weight:500;color:var(--ink);background:var(--paper);transition:border-color .18s,box-shadow .18s;outline:none;height:40px}.staff-form-group input:focus,.staff-form-group select:focus{border-color:var(--ink);box-shadow:0 0 0 3px #0000000f}.staff-form-group input.input-error{border-color:#d44;box-shadow:0 0 0 3px #c83c3c14}.staff-field-error{margin-top:4px;font-size:10px;font-weight:600;color:#c33;display:flex;align-items:center;gap:4px}.staff-field-error:before{content:"!"}.staff-field-hint{margin-top:3px;font-size:9px;color:#bbb;text-align:right;font-family:var(--mono)}.phone-input-wrapper{display:flex;align-items:stretch;height:40px}.phone-prefix{display:flex;align-items:center;padding:0 10px;background:var(--ghost);border:1px solid var(--rule);border-right:none;border-radius:var(--r-sm) 0 0 var(--r-sm);font-size:11px;font-weight:600;color:var(--muted);font-family:var(--mono);white-space:nowrap;-webkit-user-select:none;user-select:none}.phone-input{flex:1;border-radius:0 var(--r-sm) var(--r-sm) 0!important;height:40px!important}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper input{width:100%;padding-right:40px!important}.password-toggle-btn{position:absolute;right:10px;background:none;border:none;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:color .15s;line-height:1}.password-toggle-btn:hover{color:var(--ink)}.password-strength-wrapper{margin-top:8px;display:flex;flex-direction:column;gap:6px}.password-strength-bar-track{display:flex;gap:3px}.password-strength-bar-segment{flex:1;height:3px;border-radius:999px;transition:background .25s var(--ease)}.password-strength-label{font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.password-rules{display:flex;flex-direction:column;gap:3px}.password-rule{display:flex;align-items:center;gap:5px;font-size:11px;font-weight:500;transition:color .2s}.password-rule.passed{color:#3a8a5a}.password-rule.failed{color:#bbb}.password-rule-icon{font-size:10px;font-weight:700;width:13px;text-align:center}.staff-form-actions{display:flex;gap:8px;justify-content:flex-end}.page-btn{padding:9px 16px;border-radius:var(--r-sm);font-family:var(--font);font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:1px solid var(--rule);background:var(--paper);color:var(--ink);transition:all .18s var(--ease-std)}.page-btn:hover{background:var(--ghost);border-color:var(--ink-3)}.page-btn.active,.page-btn.primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}.page-btn.active:hover,.page-btn.primary:hover{background:var(--ink-2);box-shadow:0 4px 14px #0003;transform:translateY(-1px)}.page-btn.cancel{background:var(--ghost);color:var(--ink-3)}.page-btn.cancel:hover{background:var(--rule)}.page-btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important;box-shadow:none!important}.listproduct-pagination{display:flex;align-items:center;justify-content:center;gap:7px;padding:18px 0;width:100%}.voucher-overlay{position:fixed;inset:0;background:#0000008c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);z-index:9999;overflow-y:auto;-webkit-overflow-scrolling:touch;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px}.voucher-modal{background:var(--paper);width:100%;max-width:480px;display:flex;flex-direction:column;border:1px solid var(--rule);border-radius:var(--r-md);border-top:2px solid var(--ink);box-shadow:0 24px 60px #00000040;animation:modal-in .25s var(--ease) both;overflow:hidden;margin:auto 0}@keyframes modal-in{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.voucher-modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:18px 20px 14px;border-bottom:1px solid var(--rule);background:var(--paper);border-radius:var(--r-md) var(--r-md) 0 0;flex-shrink:0}.voucher-modal-eyebrow{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);margin-bottom:6px}.voucher-modal-recipient{display:flex;align-items:center;gap:8px}.voucher-recipient-avatar{width:28px;height:28px;background:var(--ink);color:var(--paper);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;flex-shrink:0}.voucher-recipient-name{font-size:13px;font-weight:700;display:block;color:var(--ink)}.voucher-recipient-email{font-size:11px;color:var(--muted);display:block}.voucher-modal-close{background:var(--ghost);border:1px solid var(--rule);width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:14px;cursor:pointer;color:var(--muted);flex-shrink:0;transition:all .15s}.voucher-modal-close:hover{background:var(--ink);color:var(--paper);border-color:var(--ink)}.voucher-preview-card{flex-shrink:0;display:flex;align-items:stretch;position:relative;margin:16px 20px;border:1px solid var(--rule);overflow:hidden;border-radius:var(--r-sm)}.voucher-preview-left{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:16px 18px;background:var(--ink);color:var(--paper);min-width:76px}.voucher-preview-pct{font-size:26px;font-weight:700;line-height:1;font-family:var(--mono)}.voucher-preview-label{font-size:8px;font-weight:600;letter-spacing:.12em;opacity:.5;margin-top:3px;text-transform:uppercase}.voucher-preview-divider{width:1px;background:repeating-linear-gradient(to bottom,var(--rule) 0,var(--rule) 5px,transparent 5px,transparent 10px)}.voucher-preview-right{flex:1;padding:14px 16px;min-width:0}.voucher-preview-title{font-size:13px;font-weight:700;margin-bottom:4px;color:var(--ink)}.voucher-preview-detail{font-size:11px;color:var(--muted);margin-bottom:2px}.voucher-preview-message{font-size:11px;color:var(--muted);font-style:italic;margin-top:5px;border-top:1px solid var(--rule);padding-top:5px}.voucher-preview-hole{position:absolute;width:12px;height:12px;background:var(--surface);border:1px solid var(--rule);border-radius:50%;right:-6px}.voucher-preview-hole--top{top:-6px}.voucher-preview-hole--bottom{bottom:-6px}.voucher-form{padding:0 20px 20px;display:flex;flex-direction:column;gap:12px}.voucher-form-row{display:flex;flex-direction:column}.voucher-form-row--2col{flex-direction:row;gap:12px}.voucher-form-group{display:flex;flex-direction:column;gap:5px;flex:1}.voucher-form-group label{font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.voucher-required{color:#c33}.voucher-form-group input,.voucher-form-group textarea{border:1px solid var(--rule);padding:9px 12px;font-size:13px;font-weight:500;background:var(--ghost);outline:none;border-radius:var(--r-sm);font-family:var(--font);resize:vertical;color:var(--ink);transition:border-color .15s,background .15s;box-sizing:border-box;width:100%}.voucher-form-group input:focus,.voucher-form-group textarea:focus{background:var(--paper);border-color:var(--ink)}.voucher-input-affixed{display:flex;align-items:stretch}.voucher-input-affixed input{border-radius:0 var(--r-sm) var(--r-sm) 0;flex:1}.voucher-input-prefix,.voucher-input-suffix{display:flex;align-items:center;padding:0 9px;background:var(--ghost);border:1px solid var(--rule);font-size:11px;font-weight:600;color:var(--muted);font-family:var(--mono)}.voucher-input-prefix{border-right:none;border-radius:var(--r-sm) 0 0 var(--r-sm)}.voucher-input-suffix{border-left:none;border-radius:0 var(--r-sm) var(--r-sm) 0}.voucher-field-hint{font-size:10px;color:#ccc;text-align:right;font-family:var(--mono)}.voucher-form-error{font-size:11px;color:#c33;font-weight:600;padding:8px 11px;background:#fff5f5;border:1px solid #fdd;border-radius:var(--r-sm)}.voucher-form-actions{display:flex;gap:8px;padding-top:4px}.voucher-submit-btn{flex:1;background:var(--ink);color:var(--paper);border:none;padding:12px;font-family:var(--font);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;border-radius:var(--r-sm);transition:background .15s,transform .15s}.voucher-submit-btn:hover:not(:disabled){background:var(--ink-2);transform:translateY(-1px)}.voucher-submit-btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.voucher-cancel-btn{background:transparent;border:1px solid var(--rule);padding:12px 18px;font-family:var(--font);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;color:var(--muted);border-radius:var(--r-sm);transition:all .15s var(--ease-std)}.voucher-cancel-btn:hover{border-color:var(--ink);color:var(--ink)}.no-products{width:100%;padding:40px 24px;text-align:center;background:var(--paper);border-radius:var(--r-md);border:1px dashed var(--rule);color:var(--muted);font-size:12px;font-style:italic}@media (max-width: 900px){.user-management{padding:20px 16px}.role-stat-card{min-width:90px}.staff-form-row{flex-direction:column}}@media (max-width: 640px){.user-management{padding:14px 12px}.voucher-overlay{padding:0;align-items:flex-end}.voucher-modal{max-width:100%;width:100%;border-radius:12px 12px 0 0;margin:0}.voucher-form-row--2col,.role-card,.user-card{flex-direction:column}.page-btn,.voucher-submit-btn,.create-staff-btn{min-height:44px}.user-search-input{width:100%}.user-search-input:focus{width:100%}}:root{--ink: #0a0a0a;--ink-2: #1c1c1c;--ink-3: #3a3a3a;--muted: #7a7a7a;--rule: #e2e2e2;--surface: #f7f7f7;--paper: #ffffff;--ghost: #fafafa;--lift-sm: 0 1px 4px rgba(0, 0, 0, .06);--lift-md: 0 4px 20px rgba(0, 0, 0, .08);--lift-lg: 0 12px 40px rgba(0, 0, 0, .12);--font: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--ease-std: cubic-bezier(.4, 0, .2, 1);--r-sm: 4px;--r-md: 8px}.transactions{display:flex;flex-direction:column;gap:14px;padding:28px 24px;background:var(--surface);min-height:calc(100vh - 52px);font-family:var(--font);color:var(--ink);width:100%;max-width:100%}.transactions-left{display:flex;flex-direction:column;gap:10px;width:100%;max-width:100%}.transactions-controls{display:flex;flex-direction:column;gap:10px;padding:20px 18px;background:var(--paper);border-radius:var(--r-md);border:1px solid var(--rule);border-top:2px solid var(--ink)}.transactions-controls h2{margin:0;font-size:18px;font-weight:700;color:var(--ink);letter-spacing:-.02em}.tab,.tab-active{padding:8px 14px;border-radius:var(--r-sm);font-family:var(--font);font-weight:600;font-size:11px;letter-spacing:.07em;text-transform:uppercase;border:1px solid transparent;background:transparent;cursor:pointer;transition:all .18s var(--ease-std)}.tab:hover{background:var(--ghost);border-color:var(--rule)}.tab-active{background:var(--ink);color:var(--paper);border-color:var(--ink)}.controls-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.transactions-search{flex:1 1 240px;padding:9px 13px;border-radius:var(--r-sm);border:1px solid var(--rule);background:var(--ghost);color:var(--ink);font-family:var(--font);font-size:12px;font-weight:500;transition:border-color .18s,box-shadow .18s,background .18s;outline:none}.transactions-search:focus{border-color:var(--ink);background:var(--paper);box-shadow:0 0 0 3px #0000000f}.controls-row select{padding:9px 13px;border-radius:var(--r-sm);border:1px solid var(--rule);background:var(--ghost);color:var(--ink);font-family:var(--font);font-size:12px;font-weight:600;min-width:140px;appearance:none;cursor:pointer;transition:border-color .18s,background .18s;outline:none}.controls-row select:focus{border-color:var(--ink);background:var(--paper)}.transactions-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:8px;padding:0;width:100%}.transaction-summary{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:16px 18px;background:var(--paper);border-radius:var(--r-md);border:1px solid var(--rule);cursor:pointer;transition:transform .2s var(--ease),border-color .2s,box-shadow .2s var(--ease),background .15s;position:relative;overflow:hidden}.transaction-summary:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--ink);transform:scaleY(0);transform-origin:bottom;transition:transform .25s var(--ease)}.transaction-summary:hover:before,.transaction-summary.active:before{transform:scaleY(1)}.transaction-summary:hover{transform:translateY(-3px);border-color:var(--ink-3);box-shadow:var(--lift-md)}.transaction-summary.active{border-color:var(--ink);background:var(--ghost);box-shadow:var(--lift-sm)}.transaction-summary-left{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.transaction-number{font-family:var(--mono);font-weight:500;color:var(--ink);font-size:12px}.transaction-buyer{color:var(--muted);font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.transaction-summary-right{display:flex;flex-direction:column;align-items:flex-end;gap:6px;min-width:90px}.transaction-total{font-family:var(--mono);font-weight:500;color:var(--ink);font-size:13px;white-space:nowrap}.transaction-status{padding:3px 9px;border-radius:2px;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.07em;display:inline-block;white-space:nowrap}.transaction-status--pending{background:#f5f0e8;color:#7a5a1e}.transaction-status--confirmed{background:#e8f0e8;color:#1e5a1e}.transaction-status--shipping{background:#e8edf5;color:#1e3a6a}.transaction-status--completed{background:#e8f2e8;color:#0f5a3a}.transaction-status--cancelled{background:#f5e8e8;color:#6a1e1e}.transaction-status--refund_requested,.transaction-status--refund-requested{background:#f5ede8;color:#7a3a1e}.transaction-status--refunded{background:#eee8f5;color:#4a1e7a}.transactions-footer{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;background:var(--paper);border-radius:var(--r-md);border:1px solid var(--rule)}.muted{color:var(--muted);font-size:11px;font-weight:500;letter-spacing:.02em;padding:10px}.transactions-pagination{display:flex;gap:5px;align-items:center}.transactions-pagination button{background:var(--paper);border:1px solid var(--rule);padding:7px 14px;border-radius:var(--r-sm);cursor:pointer;color:var(--ink);font-family:var(--font);font-size:11px;font-weight:600;transition:all .15s var(--ease-std);letter-spacing:.04em}.transactions-pagination button:hover:not(:disabled){background:var(--ink);color:var(--paper);border-color:var(--ink)}.transactions-pagination button:disabled{opacity:.35;cursor:not-allowed}.page-info{font-family:var(--mono);font-size:11px;color:var(--muted);min-width:80px;text-align:center}.transactions-right{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);padding:0;background:var(--paper);border-radius:var(--r-md);box-shadow:var(--lift-lg),0 0 0 1px #00000014;max-width:min(640px,calc(100vw - 32px));width:90%;max-height:88vh;overflow-y:auto;z-index:1000;border:1px solid var(--rule);border-top:2px solid var(--ink);display:none;animation:modal-in .28s var(--ease) both}@keyframes modal-in{0%{opacity:0;transform:translate(-50%,-48%) scale(.97)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.transactions-right:has(.transaction-detail){display:block}.modal-close-btn{position:absolute;top:14px;right:14px;background:var(--ghost);border:1px solid var(--rule);width:30px;height:30px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--muted);transition:all .18s var(--ease-std);z-index:10;font-family:var(--font)}.modal-close-btn:hover{background:var(--ink);color:var(--paper);border-color:var(--ink);transform:rotate(90deg)}.transaction-detail{padding:24px}.detail-header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:18px;padding-bottom:16px;border-bottom:1px solid var(--rule);flex-wrap:wrap}.detail-header h3{margin:0;font-size:16px;font-weight:700;color:var(--ink);font-family:var(--mono);letter-spacing:-.01em}.transaction-status.big{padding:5px 12px;font-size:9px}.detail-meta{display:flex;flex-direction:column;gap:5px;font-size:12px;margin-bottom:18px}.detail-meta>div{padding:8px 11px;background:var(--ghost);border-radius:var(--r-sm);border:1px solid var(--rule);color:var(--ink-3);line-height:1.5;transition:border-color .15s}.detail-meta>div:hover{border-color:var(--ink-3)}.detail-meta strong{color:var(--ink);font-weight:600}.detail-items h4{font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:16px 0 10px}.detail-item{display:flex;gap:12px;align-items:center;padding:12px;border-radius:var(--r-sm);background:var(--ghost);border:1px solid var(--rule);margin-bottom:8px;transition:border-color .18s,box-shadow .18s}.detail-item:hover{border-color:var(--ink-3);box-shadow:var(--lift-sm)}.detail-item img{width:64px;height:64px;object-fit:cover;border-radius:var(--r-sm);border:1px solid var(--rule);flex-shrink:0}.it-name{font-weight:600;color:var(--ink);margin-bottom:3px;font-size:12px}.detail-item div p{margin:2px 0;color:var(--muted);font-size:11px}.detail-actions{display:flex;gap:10px;align-items:center;margin-top:18px;padding-top:16px;border-top:1px solid var(--rule)}.detail-actions label{font-size:10px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.detail-actions select{flex:1;padding:9px 13px;border-radius:var(--r-sm);border:1px solid var(--rule);background:var(--ghost);font-family:var(--font);font-size:12px;font-weight:600;color:var(--ink);cursor:pointer;appearance:none;transition:border-color .18s,background .18s;outline:none}.detail-actions select:focus{border-color:var(--ink);background:var(--paper)}.toast{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:var(--r-sm);background:var(--ink);color:var(--paper);border:1px solid var(--ink-3);animation:toast-in .22s var(--ease) both}@keyframes toast-in{0%{transform:translate(20px);opacity:0}to{transform:translate(0);opacity:1}}.toast-message{font-weight:600;font-size:12px;line-height:1.4}.toast-action{padding:5px 10px;border-radius:var(--r-sm);border:1px solid rgba(255,255,255,.2);cursor:pointer;font-family:var(--font);font-weight:600;font-size:11px;letter-spacing:.05em;text-transform:uppercase;transition:all .15s;color:var(--paper);background:transparent}.toast-action.muted{opacity:.6}.toast-action.muted:hover{opacity:1}.toast-action.danger{background:#ff505040;border-color:#ff646466}.toast-action.success{background:#50c87840;border-color:#50c87866}.toast-info{border-left:3px solid #6b8cba}.toast-success{border-left:3px solid #5ab87a}.toast-error{border-left:3px solid #d45a5a}.toast-warning{border-left:3px solid #c4944a}.toast-close{background:transparent;border:none;color:#ffffff80;font-size:13px;cursor:pointer;padding:2px 5px;border-radius:4px;transition:all .12s;font-family:var(--font)}.toast-close:hover{color:var(--paper);background:#ffffff1a}.confirm-modal-backdrop{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.confirm-modal{background:var(--paper);border-radius:var(--r-md);border:1px solid var(--rule);border-top:2px solid var(--ink);padding:24px;max-width:380px;width:90%;box-shadow:var(--lift-lg);animation:modal-in .25s var(--ease) both}.confirm-modal-title{font-size:15px;font-weight:700;color:var(--ink);margin:0 0 9px}.confirm-modal-message{font-size:12px;color:var(--ink-3);margin:0 0 20px;line-height:1.6}.confirm-modal-actions{display:flex;gap:7px;justify-content:flex-end}.confirm-modal-btn{padding:9px 18px;border-radius:var(--r-sm);font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;cursor:pointer;border:1px solid var(--rule);transition:all .18s var(--ease-std)}.confirm-modal-btn.secondary{background:var(--ghost);color:var(--ink)}.confirm-modal-btn.secondary:hover{background:var(--rule)}.confirm-modal-btn.danger{background:var(--ink);color:var(--paper);border-color:var(--ink)}.confirm-modal-btn.danger:hover{background:#d44;border-color:#d44}.empty-msg{padding:40px;text-align:center;color:var(--muted);background:var(--paper);border-radius:var(--r-md);border:1px dashed var(--rule);font-size:12px}@media (max-width:900px){.transactions{padding:20px 16px}.transactions-list{grid-template-columns:1fr}.transactions-right{width:calc(100% - 32px);max-height:92vh}.controls-row{flex-direction:column;align-items:stretch}.transactions-search{width:100%}.transactions-footer{flex-direction:column;gap:8px}}@media (max-width:640px){.transactions{padding:14px 12px}.transactions-right{width:100%;max-width:100%;border-radius:0;max-height:100vh}.detail-item{flex-direction:column;align-items:flex-start}.detail-item img{width:100%;height:140px}.detail-header{flex-direction:column;align-items:flex-start}}:root{--black: #0a0a0a;--dark: #1a1a1a;--mid: #3a3a3a;--muted: #888888;--border: #e8e8e8;--soft: #f5f5f5;--softer: #fafafa;--white: #ffffff;--radius-sm: 6px;--radius-md: 10px;--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .1);--ease: cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}.overview-card{background:var(--white);padding:18px 16px;border-radius:var(--radius-md);border:1px solid var(--border);transition:all .22s var(--ease);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;font-family:var(--font);cursor:default}.overview-card:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2px;background:var(--black);border-radius:0 2px 2px 0;opacity:0;transform:scaleY(.4);transition:all .25s var(--ease)}.overview-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#c8c8c8}.overview-card:hover:before{opacity:1;transform:scaleY(1)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.card-title-group{flex:1;display:flex;flex-direction:column;gap:4px}.card-title{font-size:10px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;margin:0;font-family:var(--font)}.card-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--soft);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:14px;flex-shrink:0;transition:all .22s var(--ease);color:var(--black)}.overview-card:hover .card-icon{background:var(--black);border-color:var(--black);filter:invert(1)}.trend-badge{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-weight:700;padding:2px 6px;border-radius:4px;width:fit-content;font-family:var(--font);letter-spacing:.02em}.trend-badge.trend-up{background:#f0f0f0;color:var(--dark);border:1px solid var(--border)}.trend-badge.trend-down{background:#f0f0f0;color:var(--muted);border:1px solid var(--border)}.card-content{display:flex;flex-direction:column;gap:2px}.card-value{font-size:24px;font-weight:700;color:var(--black);margin:0;line-height:1.1;letter-spacing:-.03em;font-family:var(--font);transition:letter-spacing .22s var(--ease)}.overview-card:hover .card-value{letter-spacing:-.04em}.card-subtitle{font-size:12px;color:var(--muted);margin:0;font-weight:400;font-family:var(--font)}@media (max-width: 768px){.overview-card{padding:14px 12px;gap:8px}.card-value{font-size:20px}.card-icon{width:28px;height:28px;font-size:12px}}:root{--ink: #0a0a0a;--ink-2: #1c1c1c;--ink-3: #3a3a3a;--muted: #7a7a7a;--rule: #e2e2e2;--surface: #f7f7f7;--paper: #ffffff;--ghost: #fafafa;--lift-sm: 0 1px 4px rgba(0, 0, 0, .06);--lift-md: 0 4px 20px rgba(0, 0, 0, .08);--lift-lg: 0 12px 40px rgba(0, 0, 0, .12);--font: "DM Sans", system-ui, sans-serif;--mono: "DM Mono", monospace;--ease: cubic-bezier(.16, 1, .3, 1);--ease-std: cubic-bezier(.4, 0, .2, 1);--r-sm: 4px;--r-md: 8px;--r-lg: 12px}*,*:before,*:after{box-sizing:border-box}.dashboard{padding:28px 24px;max-width:1640px;width:100%;margin:0 auto;font-family:var(--font);background:var(--surface);min-height:100vh;animation:gs-fade .5s var(--ease) both}@keyframes gs-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.dashboard-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:24px;border-bottom:1.5px solid var(--ink);flex-wrap:wrap;gap:16px}.dashboard h1{font-size:22px;font-weight:700;margin:0 0 3px;color:var(--ink);letter-spacing:-.03em;line-height:1.1}.dashboard-subtitle{font-size:12px;color:var(--muted);margin:0;font-weight:400}.details-btn{display:inline-flex;align-items:center;gap:7px;background:var(--ink);color:var(--paper);padding:10px 18px;border:1.5px solid var(--ink);border-radius:var(--r-sm);font-family:var(--font);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:background .18s,transform .18s var(--ease),box-shadow .18s var(--ease);position:relative;overflow:hidden}.details-btn:after{content:"";position:absolute;inset:0;background:#ffffff14;opacity:0;transition:opacity .15s}.details-btn:hover{background:var(--ink-2);transform:translateY(-2px);box-shadow:0 8px 24px #00000038}.details-btn:hover:after{opacity:1}.details-btn:active{transform:translateY(0);box-shadow:none}.details-btn svg{transition:transform .2s var(--ease)}.details-btn:hover svg{transform:translate(4px)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:20px}.spinner{width:24px;height:24px;border:1.5px solid var(--rule);border-top-color:var(--ink);border-radius:50%;animation:spin .65s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-state p{color:var(--muted);font-size:12px;font-weight:500;letter-spacing:.05em;text-transform:uppercase}.overview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}.overview-card{background:var(--paper);padding:18px 16px;border-radius:var(--r-md);border:1px solid var(--rule);display:flex;flex-direction:column;gap:10px;position:relative;overflow:hidden;transition:transform .22s var(--ease),border-color .22s,box-shadow .22s var(--ease);animation:gs-card .5s var(--ease) both}.overview-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.overview-card:hover:before{transform:scaleX(1)}.overview-card:nth-child(1){animation-delay:.04s}.overview-card:nth-child(2){animation-delay:.08s}.overview-card:nth-child(3){animation-delay:.12s}.overview-card:nth-child(4){animation-delay:.16s}@keyframes gs-card{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.overview-card:hover{transform:translateY(-4px);border-color:var(--ink-3);box-shadow:var(--lift-lg)}.charts-container{display:grid;grid-template-columns:2fr 1fr;gap:10px;margin-bottom:16px}.chart-section{background:var(--paper);padding:22px 20px;border-radius:var(--r-md);border:1px solid var(--rule);transition:box-shadow .22s var(--ease)}.chart-section:hover{box-shadow:var(--lift-md)}.main-chart{min-height:360px}.chart-card{background:transparent;padding:0;border-radius:0;box-shadow:none;margin-bottom:0;width:100%;overflow:visible;box-sizing:border-box}.chart-inner{width:100%;height:320px;position:relative}.chart-card h3{font-size:10px;font-weight:600;margin:0 0 18px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.side-chart{display:flex;flex-direction:column;min-height:360px}.sales-chart-card{background:transparent;padding:0;border-radius:0;box-shadow:none;margin:0;overflow:visible;flex:1;display:flex;flex-direction:column}.sales-chart-card h3{font-size:10px;font-weight:600;margin:0 0 18px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}.pie-wrapper{position:relative;width:100%;flex:1;min-height:260px;display:flex;align-items:center;justify-content:center}.insights-section{background:var(--paper);padding:22px 20px;border-radius:var(--r-md);border:1px solid var(--rule);margin-bottom:16px;transition:box-shadow .22s var(--ease)}.insights-section:hover{box-shadow:var(--lift-md)}.insights-section h3{font-size:10px;font-weight:600;color:var(--muted);margin:0 0 16px;letter-spacing:.1em;text-transform:uppercase}.insights-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:8px}.insight-card{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--ghost);border-radius:var(--r-sm);border:1px solid var(--rule);cursor:default;transition:background .2s var(--ease-std),border-color .2s,transform .2s var(--ease)}.insight-card:hover{background:var(--ink);border-color:var(--ink);transform:translate(5px)}.insight-card:hover .insight-content h4,.insight-card:hover .insight-content p{color:var(--paper)!important}.insight-card:hover .insight-icon{background:#ffffff1a!important}.insight-icon{width:34px;height:34px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0;transition:background .2s}.insight-icon.success{background:#eef7f2}.insight-icon.info{background:#eef2f7}.insight-icon.warning{background:#fdf8ee}.insight-content h4{font-size:12px;font-weight:600;color:var(--ink);margin:0 0 2px;transition:color .2s}.insight-content p{font-size:11px;color:var(--muted);margin:0;font-weight:400;transition:color .2s}.table-card{background:var(--paper);padding:22px 20px;border-radius:var(--r-md);border:1px solid var(--rule);margin-bottom:16px;overflow-x:auto}.orders-table{width:100%;border-collapse:collapse}.orders-table th,.orders-table td{padding:10px 12px;border-bottom:1px solid var(--rule);text-align:left;font-size:12px}.orders-table th{font-weight:600;color:var(--muted);font-size:9px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1.5px solid var(--ink);padding-bottom:12px}.orders-table tbody tr{transition:background .1s}.orders-table tbody tr:hover{background:var(--ghost)}.alert-card{background:var(--paper);padding:20px;border-radius:var(--r-md);border-left:3px solid var(--ink);border-top:1px solid var(--rule);border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:16px}.alert-card h3{font-size:10px;font-weight:600;margin:0 0 14px;color:var(--ink);letter-spacing:.1em;text-transform:uppercase}.low-stock-list{list-style:none;padding:0;margin:0}.low-stock-list li{padding:9px 0;font-size:12px;color:var(--ink-3);border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:8px}.low-stock-list li:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--ink);flex-shrink:0}.low-stock-list li:last-child{border-bottom:none}.section-label{font-size:9px;font-weight:600;color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px}@media (max-width: 1280px){.overview-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 1100px){.charts-container{grid-template-columns:1fr}.side-chart{min-height:320px}}@media (max-width: 900px){.dashboard{padding:20px 16px}.dashboard h1{font-size:18px}.dashboard-header{flex-direction:column;gap:12px}.details-btn{width:100%;justify-content:center}.overview-grid{grid-template-columns:1fr 1fr;gap:8px}.charts-container,.insights-grid{grid-template-columns:1fr}.chart-inner{height:240px}}@media (max-width: 640px){.dashboard{padding:14px 12px}.overview-grid{grid-template-columns:1fr 1fr;gap:6px}.overview-card{padding:14px 12px;gap:8px}}@media (max-width: 480px){.overview-grid{grid-template-columns:1fr}}.sku-viewer{width:100%;max-width:1600px;margin:0 auto;padding:28px 24px;background:var(--soft);min-height:100vh;font-family:var(--font);animation:fade-in .4s var(--ease) both}.sku-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid var(--border)}.sku-header h1{font-size:20px;font-weight:700;color:var(--black);margin:0;letter-spacing:-.01em}.header-buttons{display:flex;gap:7px}.page-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.summary-toggle-btn{padding:8px 14px;background:var(--white);color:var(--mid);border:1px solid var(--border);border-radius:var(--radius-sm);font-weight:600;font-size:12px;font-family:var(--font);cursor:pointer;transition:all .18s var(--ease)}.summary-toggle-btn:hover{border-color:var(--black);color:var(--black)}.summary-toggle-btn.active{background:var(--black);color:var(--white);border-color:var(--black)}.sku-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:16px}.stat-box{background:var(--white);border-radius:var(--radius-md);padding:18px 16px;border:1px solid var(--border);transition:all .22s var(--ease);position:relative;overflow:hidden}.stat-box:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--black);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.stat-box:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#d4d4d4}.stat-box:hover:after{transform:scaleX(1)}.stat-value{font-size:24px;font-weight:700;color:var(--black);margin-bottom:3px;line-height:1;letter-spacing:-.03em}.stat-value.available{color:var(--black)}.stat-value.sold{color:var(--mid)}.stat-sub{font-size:11px;color:var(--muted);font-weight:500}.category-breakdown{background:var(--white);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px;display:flex;gap:18px;align-items:center;flex-wrap:wrap;border:1px solid var(--border)}.breakdown-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.breakdown-item{font-size:12px;color:var(--mid);font-weight:500}.breakdown-item strong{color:var(--black);font-weight:700}.summary-table-wrapper{background:var(--white);border-radius:var(--radius-md);padding:18px;margin-bottom:16px;border:1px solid var(--border);animation:fade-in .2s var(--ease)}.summary-table-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.summary-table-header h3{margin:0;font-size:14px;font-weight:700;color:var(--black);letter-spacing:-.01em}.summary-controls{display:flex;gap:7px}.summary-table-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}.summary-table{width:100%;border-collapse:collapse;min-width:640px}.summary-table thead{border-bottom:2px solid var(--black)}.summary-table th{padding:9px 11px;text-align:left;font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.summary-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.summary-table tbody tr:hover{background:var(--softer)}.summary-table td{padding:10px 11px;font-size:12px;color:var(--black);font-weight:500}.summary-brand{font-weight:700;color:var(--mid)}.summary-product{color:var(--black)}.summary-total{font-weight:700}.summary-price{font-weight:600}.summary-product-link{background:none;border:none;padding:0;color:var(--black);font-weight:700;font-size:12px;cursor:pointer;text-align:left;font-family:var(--font);text-decoration:underline;text-underline-offset:3px;text-decoration-color:var(--border);transition:text-decoration-color .15s}.summary-product-link:hover{text-decoration-color:var(--black)}.low-stock{display:inline-block;padding:2px 7px;background:var(--dark);color:var(--white);border-radius:4px;font-weight:700;font-size:10px}.out-stock{display:inline-block;padding:2px 7px;background:var(--soft);color:var(--mid);border-radius:4px;border:1px solid var(--border);font-weight:700;font-size:10px}.sku-controls{display:flex;gap:10px;align-items:center;margin-bottom:20px;flex-wrap:wrap;background:var(--white);padding:14px 18px;border-radius:var(--radius-sm);border:1px solid var(--border)}.search-input{flex:1;min-width:220px;padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font);background:var(--softer);color:var(--black);transition:all .18s var(--ease)}.search-input:focus{outline:none;border-color:var(--black);background:var(--white)}.filter-group{display:flex;gap:7px;align-items:center}.filter-select{padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font);background:var(--white);color:var(--black);cursor:pointer;transition:border-color .15s}.filter-select:focus{outline:none;border-color:var(--black)}.results-badge{margin-left:auto;padding:4px 11px;background:var(--soft);border-radius:20px;font-size:11px;font-weight:700;color:var(--mid);border:1px solid var(--border)}.sku-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:24px}.sku-card{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);transition:all .22s var(--ease);cursor:pointer;position:relative;overflow:hidden}.sku-card:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);border:2px solid var(--black);opacity:0;transition:opacity .22s var(--ease);pointer-events:none}.sku-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.sku-card:hover:after{opacity:1}.sku-card.sold{opacity:.6}.sku-card.sold:hover{transform:translateY(-1px);opacity:.8}.sku-card-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;background:var(--softer);border-bottom:1px solid var(--border)}.sku-number{font-size:11px;font-weight:700;color:var(--black);letter-spacing:.02em;text-transform:uppercase}.sku-status{padding:3px 9px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border)}.sku-status.available{background:var(--black);color:var(--white);border-color:var(--black)}.sku-status.sold{background:var(--soft);color:var(--muted);border-color:var(--border)}.sku-card-body{padding:14px;display:flex;gap:12px}.sku-image{width:88px;height:88px;object-fit:cover;border-radius:var(--radius-sm);background:var(--softer);padding:5px;border:1px solid var(--border);flex-shrink:0;transition:border-color .22s}.sku-card:hover .sku-image{border-color:#d4d4d4}.sku-info{flex:1;display:flex;flex-direction:column;gap:7px}.sku-product-name{font-size:13px;font-weight:700;color:var(--black);line-height:1.3;letter-spacing:-.01em}.sku-meta{display:flex;gap:4px;flex-wrap:wrap}.sku-brand{padding:2px 6px;background:var(--soft);border-radius:4px;font-size:9px;font-weight:700;color:var(--mid);text-transform:uppercase;letter-spacing:.04em;border:1px solid var(--border)}.sku-card-footer{padding:10px 14px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;background:var(--softer)}.sku-price{font-size:12px;font-weight:700;color:var(--black);letter-spacing:-.01em}.no-results{grid-column:1/-1;text-align:center;padding:60px 24px;background:var(--white);border-radius:var(--radius-md);border:1px dashed var(--border)}.no-results-icon{font-size:40px;margin-bottom:12px;opacity:.4}.no-results-text{font-size:14px;font-weight:700;color:var(--mid);margin-bottom:5px}.no-results-sub{font-size:12px;color:var(--muted)}.sku-pagination{display:flex;justify-content:center;align-items:center;gap:14px;padding:18px;background:var(--white);border-radius:var(--radius-sm);border:1px solid var(--border)}.page-info strong{color:var(--black);font-weight:700}.sku-modal-overlay{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s var(--ease)}.sku-modal{background:var(--white);border-radius:var(--radius-md);max-width:min(520px,calc(100vw - 32px));width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000040;position:relative;animation:slide-up .25s var(--ease)}.modal-close{position:absolute;top:14px;right:14px;background:var(--soft);border:1px solid var(--border);width:30px;height:30px;border-radius:var(--radius-sm);font-size:15px;cursor:pointer;transition:all .18s var(--ease);z-index:10;color:var(--muted);display:flex;align-items:center;justify-content:center;font-family:var(--font)}.modal-close:hover{background:var(--black);color:var(--white);border-color:var(--black)}.modal-header{padding:24px 24px 18px;border-bottom:1px solid var(--border)}.modal-header h2{font-size:16px;font-weight:700;color:var(--black);margin:0 0 9px;padding-right:36px;letter-spacing:-.01em;line-height:1.3}.sku-status-large{display:inline-block;padding:4px 11px;border-radius:20px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sku-status-large.available{background:var(--black);color:var(--white)}.sku-status-large.sold{background:var(--soft);color:var(--muted);border:1px solid var(--border)}.modal-image-section{padding:20px;background:var(--softer);display:flex;justify-content:center;border-bottom:1px solid var(--border)}.modal-image{width:100%;max-width:260px;height:auto;object-fit:contain;border-radius:var(--radius-sm);background:var(--white);padding:14px;border:1px solid var(--border)}.modal-body{padding:0}.modal-details{padding:20px 24px}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid var(--border)}.detail-row:last-child{border-bottom:none}.detail-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}.detail-value{font-size:13px;font-weight:600;color:var(--black)}.modal-footer{padding:18px 24px 24px;border-top:1px solid var(--border)}.modal-footer-buttons{display:flex;gap:9px}.btn-mark-sold-large{flex:1;padding:11px 18px;background:var(--black);color:var(--white);border:none;border-radius:var(--radius-sm);font-weight:700;font-size:12px;font-family:var(--font);cursor:pointer;transition:all .18s var(--ease);letter-spacing:.02em}.btn-mark-sold-large:hover{background:var(--dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-view-sizes{padding:7px 13px;background:var(--white);color:var(--black);border:1px solid var(--black);border-radius:var(--radius-sm);font-weight:700;font-size:11px;font-family:var(--font);cursor:pointer;transition:all .15s var(--ease)}.btn-view-sizes:hover{background:var(--black);color:var(--white)}.sizes-modal{background:var(--white);border-radius:var(--radius-md);max-width:min(920px,calc(100vw - 32px));width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 24px 60px #00000040;position:relative;animation:slide-up .25s var(--ease)}.sizes-modal-header{padding:24px 24px 18px;border-bottom:1px solid var(--border)}.sizes-modal-header h2{font-size:16px;font-weight:700;color:var(--black);margin:0 0 4px;padding-right:36px;letter-spacing:-.01em}.sizes-product-name{font-size:12px;font-weight:500;color:var(--muted);margin:0}.sizes-chips{padding:14px 24px;display:flex;gap:5px;flex-wrap:wrap;border-bottom:1px solid var(--border)}.size-chip{padding:5px 11px;border-radius:20px;font-size:10px;font-weight:700;border:1px solid var(--border);background:var(--white);color:var(--muted);cursor:pointer;transition:all .15s var(--ease);font-family:var(--font)}.size-chip.available{color:var(--dark);border-color:var(--mid)}.size-chip.available:hover{background:var(--soft);border-color:var(--black);color:var(--black)}.size-chip.unavailable{opacity:.4}.size-chip.unavailable:hover{opacity:.65}.size-chip.active-size{background:var(--black)!important;color:var(--white)!important;border-color:var(--black)!important}.sizes-search-section{padding:12px 24px;display:flex;gap:8px;border-bottom:1px solid var(--border)}.sizes-search-input{flex:1;padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font);background:var(--softer);color:var(--black);transition:all .18s var(--ease)}.sizes-search-input:focus{outline:none;border-color:var(--black);background:var(--white)}.sizes-table-wrapper{padding:0 24px 8px;overflow-x:auto;-webkit-overflow-scrolling:touch}.sizes-table{width:100%;border-collapse:collapse;min-width:500px}.sizes-table thead{border-bottom:2px solid var(--black)}.sizes-table th{padding:10px 13px;text-align:left;font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em;-webkit-user-select:none;user-select:none}.th-sortable{cursor:pointer;transition:color .12s}.th-sortable:hover{color:var(--black)}.sizes-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s;cursor:pointer}.sizes-table tbody tr:hover{background:var(--softer)}.sizes-table tbody tr.row-sold{opacity:.5}.sizes-table td{padding:11px 13px;font-size:12px;color:var(--black);font-weight:500}.sku-link{font-weight:700;color:var(--black)}.sizes-pagination{display:flex;justify-content:space-between;align-items:center;padding:10px 24px 18px;border-top:1px solid var(--border)}.sizes-page-info{font-size:12px;color:var(--muted);font-weight:500}.sizes-page-controls{display:flex;gap:9px;align-items:center}@media (max-width:900px){.sku-viewer{padding:20px 16px}.sku-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.sku-stats{grid-template-columns:1fr 1fr}}@media (max-width:640px){.sku-viewer{padding:14px 12px}.sku-header{flex-direction:column;gap:12px;align-items:stretch}.header-buttons{flex-direction:column}.sku-stats{grid-template-columns:1fr 1fr}.sku-grid{grid-template-columns:1fr}.sku-card-body{flex-direction:column}.sku-image{width:100%;height:160px}.sku-controls{flex-direction:column;align-items:stretch}.search-input{width:100%}.modal-header,.modal-details,.modal-footer{padding-left:18px;padding-right:18px}.modal-image-section{padding:14px}.sizes-modal-header,.sizes-chips,.sizes-search-section,.sizes-table-wrapper,.sizes-pagination{padding-left:14px;padding-right:14px}.sku-modal-overlay{padding:0}.sku-modal,.sizes-modal{border-radius:0;max-height:100vh}}@media (max-width:480px){.sku-stats{grid-template-columns:1fr}}:root{--black: #0a0a0a;--dark: #1a1a1a;--mid: #3a3a3a;--muted: #888888;--border: #e8e8e8;--soft: #f5f5f5;--softer: #fafafa;--white: #ffffff;--radius-sm: 6px;--radius-md: 10px;--shadow-sm: 0 2px 8px rgba(0, 0, 0, .05);--shadow-md: 0 4px 16px rgba(0, 0, 0, .07);--shadow-lg: 0 12px 36px rgba(0, 0, 0, .1);--ease: cubic-bezier(.4, 0, .2, 1);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif}.product-management{display:flex;flex-direction:column;align-items:center;width:100%;min-height:100vh;padding:28px 24px;background:var(--soft);font-family:var(--font);box-sizing:border-box;color:var(--black);animation:fade-in .4s var(--ease) both}@keyframes fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.panel-header{width:100%;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid var(--border)}.panel-header h1{font-size:20px;font-weight:700;margin:0;color:var(--black);letter-spacing:-.01em}.role-context-banner{font-size:11px;font-weight:600;padding:4px 10px;border-radius:var(--radius-sm);background:var(--soft);border:1px solid var(--border);color:var(--muted)}.role-context-banner.inventory{background:var(--softer);border-color:var(--border);color:var(--mid)}.role-context-banner.admin{background:var(--dark);color:var(--white);border-color:var(--dark)}.role-context-banner.owner{background:var(--black);color:var(--white);border-color:var(--black)}.tab-navigation{display:flex;gap:6px;margin-bottom:22px;width:100%;flex-wrap:wrap}.dashboard-stats{width:100%;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin-bottom:20px}.stat-card{background:var(--white);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border);transition:all .22s var(--ease);position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--black);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}.stat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#d4d4d4}.stat-card:hover:after{transform:scaleX(1)}.stat-label{font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}.stat-value{font-size:22px;font-weight:700;color:var(--black);margin-bottom:3px;letter-spacing:-.03em;line-height:1}.stat-change{font-size:11px;color:var(--muted);font-weight:500}.stat-change.negative{color:var(--mid)}.listproduct-controls{width:100%;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.left-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.right-controls{display:flex;gap:8px;align-items:center}.category-label{font-size:11px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.05em}.category-select{padding:8px 11px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);font-size:12px;font-weight:500;color:var(--black);font-family:var(--font);transition:border-color .15s var(--ease);cursor:pointer}.category-select:focus{outline:none;border-color:var(--black)}.filter-chips{display:flex;gap:5px;flex-wrap:wrap}.filter-chip{padding:6px 12px;border-radius:20px;border:1px solid var(--border);background:var(--white);font-size:11px;font-weight:600;color:var(--muted);font-family:var(--font);cursor:pointer;transition:all .15s var(--ease)}.filter-chip:hover{border-color:var(--mid);color:var(--dark)}.filter-chip.active{background:var(--black);color:var(--white);border-color:var(--black)}.results-count{font-size:11px;color:var(--muted);font-weight:500}.listproduct-allproducts{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:12px;margin-top:4px}.listproduct-item{width:100%}.listproduct-format{background:var(--white);border-radius:var(--radius-md);padding:16px;border:1px solid var(--border);transition:all .22s var(--ease);display:flex;flex-direction:column;gap:12px;position:relative;height:100%;box-sizing:border-box;cursor:default}.listproduct-format:after{content:"";position:absolute;inset:0;border-radius:var(--radius-md);border:2px solid var(--black);opacity:0;transition:opacity .22s var(--ease);pointer-events:none}.listproduct-format:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.listproduct-format:hover:after{opacity:1}.product-card-header{display:flex;gap:12px;align-items:flex-start}.listproduct-product-icon{width:80px;height:80px;object-fit:cover;border-radius:var(--radius-sm);background:var(--softer);padding:6px;border:1px solid var(--border);flex-shrink:0;transition:all .22s var(--ease)}.listproduct-format:hover .listproduct-product-icon{border-color:#d4d4d4}.product-card-info{flex:1;display:flex;flex-direction:column;gap:6px;min-width:0}.prod-title{font-size:13px;font-weight:700;color:var(--black);line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;letter-spacing:-.01em}.product-meta{display:flex;flex-direction:column;gap:5px}.product-prices{display:flex;gap:7px;align-items:baseline}.prod-new{font-size:14px;font-weight:700;color:var(--black);letter-spacing:-.02em}.prod-cat{display:inline-block;padding:2px 7px;background:var(--soft);border-radius:4px;font-size:10px;font-weight:600;color:var(--mid);text-transform:uppercase;letter-spacing:.04em;width:fit-content;border:1px solid var(--border)}.prod-sub{font-size:11px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0}.stock-indicator{display:flex;flex-direction:column;gap:6px;padding:10px 12px;background:var(--softer);border-radius:var(--radius-sm);border:1px solid var(--border)}.stock-label{font-size:9px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.07em}.stock-visual{display:flex;flex-wrap:wrap;gap:4px}.stock-badge{padding:3px 7px;border-radius:4px;font-size:9px;font-weight:700;display:inline-flex;align-items:center;gap:3px;font-family:var(--font)}.stock-badge.high{background:var(--soft);color:var(--dark);border:1px solid var(--border)}.stock-badge.medium{background:var(--soft);color:var(--mid);border:1px solid var(--border)}.stock-badge.low{background:var(--dark);color:var(--white);border:1px solid var(--dark)}.stock-badge.empty{background:var(--soft);color:var(--muted);border:1px solid var(--border);opacity:.5}.stock-dot{width:4px;height:4px;border-radius:50%;background:currentColor}.total-stock{font-size:11px;color:var(--muted);font-weight:600}.total-stock.warning{color:var(--mid)}.total-stock.danger{color:var(--black);font-weight:700}.low-stock-sizes,.out-stock-sizes{font-size:10px;color:var(--mid);display:flex;flex-wrap:wrap;gap:3px;align-items:center}.low-size{background:var(--dark);color:var(--white);padding:2px 5px;border-radius:3px;font-size:9px;font-weight:700}.out-size{background:var(--soft);color:var(--muted);padding:2px 5px;border-radius:3px;font-size:9px;font-weight:600;border:1px solid var(--border)}.readonly-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;background:var(--soft);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:9px;font-weight:700;color:var(--muted);margin-top:auto;width:fit-content;text-transform:uppercase;letter-spacing:.05em}.listproduct-action-icons{position:absolute;top:10px;right:10px;display:flex;gap:5px;opacity:0;transition:opacity .2s var(--ease)}.listproduct-format:hover .listproduct-action-icons{opacity:1}.listproduct-remove-icon,.listproduct-edit-icon{width:28px;height:28px;padding:5px;background:var(--white);border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-md);transition:all .15s var(--ease);border:1px solid var(--border)}.listproduct-edit-icon:hover,.listproduct-remove-icon:hover{background:var(--black);border-color:var(--black);transform:translateY(-1px) scale(1.05);filter:invert(1)}.deleted-badge{position:absolute;top:10px;left:10px;background:var(--black);color:var(--white);font-size:9px;padding:3px 7px;border-radius:4px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.listproduct-item.deleted .listproduct-format{opacity:.55;background:var(--softer);border-color:var(--border)}.restore-btn{padding:8px 12px;border-radius:var(--radius-sm);background:var(--black);color:var(--white);border:none;font-weight:700;cursor:pointer;font-size:11px;font-family:var(--font);transition:all .18s var(--ease);width:100%;margin-top:auto;letter-spacing:.02em}.restore-btn:hover{background:var(--dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.listproduct-pagination{margin-top:24px;display:flex;justify-content:center;gap:10px;align-items:center;width:100%}.page-info{font-size:12px;color:var(--muted);font-weight:500}.page-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--white);color:var(--black);font-weight:600;font-size:12px;font-family:var(--font);cursor:pointer;transition:all .18s var(--ease)}.page-btn:hover:not(:disabled){background:var(--black);color:var(--white);border-color:var(--black);transform:translateY(-1px);box-shadow:var(--shadow-md)}.page-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}.page-btn.active,.page-btn.primary{background:var(--black);color:var(--white);border-color:var(--black)}.page-btn.active:hover,.page-btn.primary:hover:not(:disabled){background:var(--dark)}.page-btn.danger{background:var(--black);color:var(--white);border-color:var(--black)}.no-products{grid-column:1/-1;padding:48px 24px;text-align:center;color:var(--muted);background:var(--white);border-radius:var(--radius-md);border:1px dashed var(--border);font-size:13px}.access-denied{width:100%;padding:40px 24px;text-align:center;color:var(--muted);background:var(--white);border-radius:var(--radius-md);border:1px solid var(--border);font-size:13px;font-weight:500;margin-top:20px}.edit-modal{position:fixed;inset:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:2000;padding:16px;box-sizing:border-box;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:fade-in .2s var(--ease)}.edit-modal-content{width:min(860px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;background:var(--white);border-radius:var(--radius-md);box-shadow:0 24px 60px #00000040;padding:22px;box-sizing:border-box;display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:start;animation:slide-up .25s var(--ease)}@keyframes slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.edit-modal-form{display:grid;gap:10px}.edit-modal-form h2{margin:0 0 6px;font-size:16px;font-weight:700;color:var(--black);letter-spacing:-.01em}.edit-modal-content input[type=text],.edit-modal-content input[type=number],.edit-modal-content select,.edit-modal-content textarea{width:100%;padding:9px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-family:var(--font);color:var(--black);background:var(--white);box-sizing:border-box;transition:border-color .15s var(--ease);font-weight:500}.edit-modal-content input:focus,.edit-modal-content select:focus,.edit-modal-content textarea:focus{outline:none;border-color:var(--black)}.edit-modal-content textarea{resize:vertical;min-height:80px;line-height:1.5}.size-stock-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:8px}.size-input-row{display:flex;flex-direction:column;align-items:center;gap:4px;background:var(--softer);padding:8px 6px;border-radius:var(--radius-sm);border:1px solid var(--border)}.size-input-row label{font-weight:700;color:var(--black);font-size:11px}.size-input-row input[type=number]{width:100%;padding:5px 7px;text-align:center;border-radius:4px;border:1px solid var(--border);background:var(--white);font-size:12px;font-weight:600}.file-input-wrap input[type=file]{font-size:12px;padding:8px;border:1px dashed var(--border);border-radius:var(--radius-sm);background:var(--softer);cursor:pointer;width:100%;font-family:var(--font)}.edit-image-preview{width:100%;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.edit-modal-right{display:flex;flex-direction:column;gap:10px}.quick-info{background:var(--softer);padding:12px;border-radius:var(--radius-sm);border:1px solid var(--border);font-size:11px;color:var(--muted);line-height:1.6}.quick-info strong{color:var(--black);display:block;margin-bottom:6px;font-size:12px}.edit-modal-buttons{display:flex;gap:7px;margin-top:6px}.edit-modal-buttons button{flex:1;padding:9px 12px;border:none;border-radius:var(--radius-sm);cursor:pointer;font-weight:700;font-size:12px;font-family:var(--font);transition:all .15s var(--ease)}.edit-modal-buttons button:first-child{background:var(--black);color:var(--white)}.edit-modal-buttons button:first-child:hover{background:var(--dark);transform:translateY(-1px)}.edit-modal-buttons button:last-child{background:var(--soft);color:var(--black);border:1px solid var(--border)}.edit-modal-buttons button:last-child:hover{background:var(--border)}.edit-readonly-stock{background:var(--softer);border:1px dashed var(--border);border-radius:var(--radius-sm);padding:10px 12px;margin-top:2px}.edit-readonly-label{font-size:10px;font-weight:700;color:var(--mid);display:flex;align-items:center;gap:6px;margin-bottom:8px;text-transform:uppercase;letter-spacing:.05em}.edit-readonly-badge{font-size:9px;font-weight:600;background:var(--soft);color:var(--muted);border:1px solid var(--border);border-radius:20px;padding:2px 7px}.edit-readonly-row{display:flex;gap:14px;flex-wrap:wrap}.edit-readonly-field{display:flex;flex-direction:column;gap:2px}.edit-readonly-key{font-size:9px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.04em}.edit-readonly-value{font-size:14px;font-weight:700;color:var(--black)}.edit-readonly-hint{font-size:10px;color:var(--muted);margin-top:6px;font-style:italic}.edit-readonly-sizes-grid{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:3px}.edit-readonly-size-chip{display:flex;flex-direction:column;align-items:center;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 7px;min-width:48px;gap:1px}.edit-readonly-size-label{font-size:10px;font-weight:700;color:var(--black)}.edit-readonly-size-qty{font-size:9px;font-weight:600;color:var(--mid)}.edit-readonly-size-price{font-size:9px;color:var(--muted)}.addstock-tab{width:100%;margin-top:14px}.addstock-header{margin-bottom:16px}.addstock-title{font-size:16px;font-weight:700;color:var(--black);margin:0 0 4px;letter-spacing:-.01em}.addstock-subtitle{font-size:12px;color:var(--muted);margin:0}.addstock-search{width:100%;max-width:420px;padding:9px 13px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:12px;font-weight:500;font-family:var(--font);background:var(--white);outline:none;margin-bottom:14px;box-sizing:border-box;transition:border-color .15s var(--ease)}.addstock-search:focus{border-color:var(--black)}.addstock-list{display:flex;flex-direction:column;gap:6px;width:100%}.addstock-item{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:10px 14px;cursor:pointer;transition:all .18s var(--ease)}.addstock-item:hover{border-color:var(--black);transform:translate(3px)}.addstock-item-img{width:44px;height:44px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--softer);padding:3px;flex-shrink:0}.addstock-item-info{flex:1;min-width:0}.addstock-item-name{font-size:13px;font-weight:700;color:var(--black);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.addstock-item-meta{display:flex;align-items:center;gap:7px;margin-top:4px}.addstock-stock-count{font-size:11px;font-weight:600;color:var(--mid)}.addstock-stock-count.warning{color:var(--mid)}.addstock-stock-count.danger{color:var(--black);font-weight:700}.addstock-item-arrow{font-size:14px;color:var(--border);transition:color .18s,transform .18s}.addstock-item:hover .addstock-item-arrow{color:var(--black);transform:translate(3px)}.addstock-editor{width:100%}.addstock-back{background:transparent;border:none;color:var(--muted);font-size:12px;font-weight:600;cursor:pointer;padding:0;margin-bottom:14px;display:inline-flex;align-items:center;gap:5px;font-family:var(--font);transition:color .15s}.addstock-back:hover{color:var(--black)}.addstock-editor-header{display:flex;align-items:center;gap:12px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:12px 16px;margin-bottom:16px}.addstock-editor-img{width:56px;height:56px;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--softer);padding:4px}.addstock-editor-name{font-size:14px;font-weight:700;color:var(--black);margin:0 0 4px;letter-spacing:-.01em}.addstock-sizes{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;margin-bottom:14px}.addstock-sizes-title{font-size:11px;font-weight:700;color:var(--black);margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}.addstock-simple{background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);padding:16px;margin-bottom:14px;display:flex;flex-direction:column;gap:8px;max-width:200px}.addstock-size-label{font-size:10px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.05em}.addstock-readonly-qty{font-size:16px;font-weight:700;color:var(--mid);background:var(--softer);border:1px solid var(--border);border-radius:var(--radius-sm);padding:5px 10px;min-width:44px;text-align:center}.addstock-increment-row{display:flex;align-items:center;gap:7px}.addstock-added-count{font-size:16px;font-weight:700;color:var(--black);min-width:22px;text-align:center;transition:color .15s}.addstock-qty-input{padding:8px 11px;border:1px solid var(--border);border-radius:var(--radius-sm);font-size:13px;font-weight:600;text-align:center;outline:none;width:100%;box-sizing:border-box;font-family:var(--font);transition:border-color .15s}.addstock-qty-input:focus{border-color:var(--black)}.addstock-plus-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--muted);font-size:16px;font-weight:300;font-family:Courier New,Courier,monospace;cursor:pointer;transition:border-color .12s,color .12s,background .08s;flex-shrink:0;-webkit-user-select:none;user-select:none}.addstock-plus-btn:hover{border-color:var(--black);color:var(--black)}.addstock-plus-btn:active{background:var(--black);color:var(--white);border-color:var(--black)}.addstock-price-locked{display:flex;align-items:center;gap:4px;background:var(--softer);border:1px solid var(--border);border-radius:var(--radius-sm);padding:4px 9px;min-height:30px}.addstock-price-locked--compact{padding:3px 7px;min-height:auto}.addstock-price-lock-icon{font-size:9px;opacity:.5}.addstock-price-lock-value{font-size:11px;font-weight:600;color:var(--mid)}.addstock-actions{display:flex;gap:8px;align-items:center}.addstock-mode-tabs{display:flex;gap:6px;margin-bottom:16px;padding-bottom:14px;border-bottom:1px solid var(--border)}.addstock-mode-btn{padding:7px 18px;border-radius:var(--radius-sm);font-weight:700;font-size:12px;font-family:var(--font);cursor:pointer;border:1px solid var(--border);background:var(--white);color:var(--muted);transition:all .15s var(--ease)}.addstock-mode-btn:hover{border-color:var(--black);color:var(--black)}.addstock-mode-btn.active{background:var(--black);color:var(--white);border-color:var(--black)}.addstock-mode-hint{font-size:11px;color:var(--mid);margin-bottom:14px;background:var(--softer);border:1px solid var(--border);border-radius:var(--radius-sm);padding:6px 11px;display:inline-block}.addstock-stepper-row{display:flex;align-items:center;gap:5px}.addstock-stepper-count{font-size:13px;font-weight:700;min-width:24px;text-align:center}.addstock-stepper-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--white);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--mid);font-size:16px;font-weight:400;font-family:Courier New,Courier,monospace;cursor:pointer;transition:all .12s var(--ease);flex-shrink:0;-webkit-user-select:none;user-select:none;line-height:1}.addstock-stepper-btn:hover:not(:disabled){border-color:var(--black);color:var(--black)}.addstock-stepper-btn:active:not(:disabled){background:var(--black);color:var(--white);border-color:var(--black)}.addstock-stepper-btn:disabled{opacity:.25;cursor:not-allowed}.addstock-preview-tag{display:inline-block;font-size:10px;font-weight:700;padding:2px 7px;border-radius:4px;margin-top:2px}.toast-root{position:fixed;right:16px;bottom:16px;display:flex;flex-direction:column;gap:7px;z-index:9999;max-width:340px;width:calc(100% - 32px)}.toast{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border-radius:var(--radius-sm);background:var(--white);border:1px solid var(--border);box-shadow:var(--shadow-lg);color:var(--black);animation:toast-in .22s var(--ease);position:relative}@keyframes toast-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:3px solid var(--black)}.toast-error{border-left:3px solid var(--mid)}.toast-warning{border-left:3px solid var(--muted)}.toast-body{flex:1;display:flex;flex-direction:column;gap:6px}.toast-message{font-weight:600;font-size:12px;color:var(--black);line-height:1.4}.toast-actions{display:flex;gap:5px;flex-wrap:wrap}.toast-action{padding:4px 9px;border-radius:4px;border:none;cursor:pointer;font-weight:700;font-size:11px;font-family:var(--font);transition:all .12s var(--ease)}.toast-action.muted{background:var(--soft);color:var(--black);border:1px solid var(--border)}.toast-action.danger{background:var(--black);color:var(--white)}.toast-action.success{background:var(--dark);color:var(--white)}.toast-close{position:absolute;right:7px;top:7px;background:transparent;border:none;color:var(--muted);font-size:13px;cursor:pointer;padding:2px 5px;border-radius:4px;line-height:1;transition:all .12s}.toast-close:hover{background:var(--soft);color:var(--black)}@media (max-width:900px){.product-management{padding:20px 16px}.listproduct-allproducts{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.size-stock-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:640px){.product-management{padding:14px 12px}.listproduct-allproducts{grid-template-columns:1fr}.size-stock-grid{grid-template-columns:repeat(2,1fr)}.edit-modal-content{grid-template-columns:1fr;padding:16px}.page-btn,.filter-chip,.restore-btn{min-height:44px}}.cbm-root{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0 0 24px}@media (max-width:860px){.cbm-root{grid-template-columns:1fr}}.cbm-loading{grid-column:1/-1;padding:40px;text-align:center;color:#9ca3af;font-size:13px}.cbm-section{background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:18px;display:flex;flex-direction:column;gap:16px}.cbm-section-title{font-size:14px;font-weight:700;color:#111827;margin:0;padding-bottom:12px;border-bottom:1px solid #f3f4f6}.cbm-add-form{display:flex;gap:7px;align-items:stretch;flex-wrap:wrap}.cbm-input{flex:1;min-width:0;padding:8px 11px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#111827;outline:none;transition:border-color .2s;height:36px;box-sizing:border-box;font-family:inherit}.cbm-input:focus{border-color:#111827}.cbm-select{padding:8px 11px;border:1.5px solid #d1d5db;border-radius:7px;font-size:13px;color:#111827;outline:none;background:#fff;cursor:pointer;height:36px;box-sizing:border-box;font-family:inherit;min-width:150px;transition:border-color .2s}.cbm-select:focus{border-color:#111827}.cbm-btn-add{padding:0 16px;height:36px;background:#111827;color:#fff;border:none;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap;transition:background .15s;flex-shrink:0}.cbm-btn-add:hover:not(:disabled){background:#374151}.cbm-btn-add:disabled{background:#9ca3af;cursor:not-allowed}.cbm-list{display:flex;flex-direction:column;gap:5px;max-height:400px;overflow-y:auto}.cbm-empty{padding:24px;text-align:center;color:#9ca3af;font-size:12px;border:1.5px dashed #e5e7eb;border-radius:9px}.cbm-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;background:#f9fafb;border:1px solid #f3f4f6;border-radius:8px;transition:background .15s}.cbm-item:hover{background:#f1f5f9}.cbm-item-info{display:flex;align-items:center;gap:7px;flex-wrap:wrap;min-width:0}.cbm-item-name{font-size:13px;font-weight:600;color:#111827;white-space:nowrap}.cbm-item-slug{font-size:10px;font-family:monospace;color:#6b7280;background:#f3f4f6;padding:2px 7px;border-radius:5px;white-space:nowrap}.cbm-item-parent{font-size:10px;color:#7c3aed;background:#ede9fe;padding:2px 7px;border-radius:5px;white-space:nowrap;font-weight:600}.cbm-badge-default{font-size:9px;font-weight:700;padding:2px 7px;border-radius:20px;text-transform:uppercase;letter-spacing:.05em;background:#dbeafe;color:#1d4ed8;white-space:nowrap;flex-shrink:0}.cbm-btn-delete{flex-shrink:0;background:none;border:1.5px solid #fca5a5;color:#dc2626;border-radius:6px;padding:4px 11px;font-size:11px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s;white-space:nowrap}.cbm-btn-delete:hover{background:#fef2f2;border-color:#ef4444}@media (max-width:640px){.cbm-add-form{flex-direction:column}.cbm-select{min-width:unset;width:100%}.cbm-btn-add{width:100%;min-height:44px}}.cp-backdrop{position:fixed;inset:0;background:#0f172a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:9000;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:cpBackdropIn .15s ease}@keyframes cpBackdropIn{0%{opacity:0}to{opacity:1}}.cp-panel{width:92%;max-width:620px;background:#fff;border-radius:16px;box-shadow:0 0 0 1px #0000000f,0 8px 32px #0000002e,0 32px 64px #0000001a;overflow:hidden;animation:cpPanelIn .18s cubic-bezier(.16,1,.3,1)}@keyframes cpPanelIn{0%{opacity:0;transform:scale(.95) translateY(-8px)}to{opacity:1;transform:none}}.cp-input-row{display:flex;align-items:center;gap:12px;padding:16px 20px;border-bottom:1px solid #f1f5f9}.cp-search-icon{font-size:18px;color:#94a3b8;flex-shrink:0;font-family:SF Pro Display,system-ui,sans-serif;font-weight:700;line-height:1}.cp-input{flex:1;border:none;outline:none;font-size:16px;font-weight:500;color:#0f172a;background:transparent;caret-color:#0f172a}.cp-input::placeholder{color:#94a3b8;font-weight:400}.cp-esc{padding:3px 8px;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:5px;font-size:11px;font-weight:700;color:#64748b;cursor:pointer;letter-spacing:.04em;font-family:inherit;transition:background .12s}.cp-esc:hover{background:#e2e8f0}.cp-results{max-height:400px;overflow-y:auto;padding:8px;scrollbar-width:thin;scrollbar-color:#e2e8f0 transparent}.cp-empty{text-align:center;padding:40px 20px;color:#94a3b8;font-size:14px}.cp-group{margin-bottom:4px}.cp-group-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#94a3b8;padding:6px 12px 4px}.cp-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:9px;cursor:pointer;transition:background .08s;position:relative}.cp-item:hover,.cp-item.active{background:#0f172a;color:#fff}.cp-item.active .cp-item-path{color:#94a3b8}.cp-item.active .cp-highlight{background:#fbbf24;color:#0f172a}.cp-item-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#f8fafc;border-radius:8px;font-size:15px;flex-shrink:0;transition:background .08s}.cp-item.active .cp-item-icon{background:#ffffff1f}.cp-item-label{flex:1;font-size:14px;font-weight:500}.cp-item-path{font-size:11px;color:#94a3b8;font-family:Fira Code,monospace}.cp-highlight{background:#fef08a;color:#0f172a;border-radius:2px;padding:0 1px}.cp-footer{display:flex;align-items:center;gap:16px;padding:10px 20px;border-top:1px solid #f1f5f9;font-size:11px;color:#94a3b8;background:#f8fafc}.cp-footer kbd{display:inline-block;padding:2px 6px;background:#fff;border:1px solid #e2e8f0;border-radius:4px;font-size:10px;font-weight:700;color:#374151;font-family:inherit;margin-right:3px}.op-root{padding:28px 32px;max-width:1000px;font-family:DM Sans,Segoe UI,sans-serif}.op-header{margin-bottom:24px}.op-header h1{font-size:26px;font-weight:800;color:#0f172a;margin:0 0 4px}.op-header p{font-size:13px;color:#64748b;margin:0}.op-tabs{display:flex;gap:4px;background:#f1f5f9;border-radius:10px;padding:4px;margin-bottom:24px;width:fit-content}.op-tab-btn{padding:9px 20px;border:none;background:transparent;border-radius:7px;font-size:13px;font-weight:600;color:#64748b;cursor:pointer;transition:all .15s}.op-tab-btn:hover{background:#e2e8f0;color:#0f172a}.op-tab-btn.active{background:#fff;color:#0f172a;box-shadow:0 1px 4px #0000001a}.op-tab-content{animation:opFadeIn .2s ease}@keyframes opFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.op-tab-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:22px;flex-wrap:wrap;gap:12px}.op-tab-header h2{font-size:18px;font-weight:700;color:#0f172a;margin:0 0 4px}.op-tab-header p{font-size:13px;color:#64748b;margin:0;max-width:500px}.op-btn{padding:9px 16px;border:1px solid #e2e8f0;border-radius:8px;background:#fff;color:#0f172a;font-size:13px;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}.op-btn:hover{background:#f8fafc}.op-btn:disabled{opacity:.5;cursor:not-allowed}.op-btn--primary{background:#0f172a;color:#fff;border-color:#0f172a}.op-btn--primary:hover:not(:disabled){background:#1e293b}.op-btn--ghost{background:transparent}.op-btn--sell{background:#059669;color:#fff;border-color:#059669;font-size:14px;padding:11px 24px}.op-btn--sell:hover{background:#047857}.op-btn--danger{background:#fee2e2;color:#dc2626;border-color:#fca5a5}.op-badge{display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;background:#f1f5f9;color:#374151}.op-badge--blue{background:#dbeafe;color:#1e40af}.op-badge--green{background:#d1fae5;color:#065f46}.op-badge--purple{background:#ede9fe;color:#6d28d9}.op-loading{display:flex;align-items:center;gap:12px;padding:40px 0;color:#64748b;font-size:13px}.op-spinner{width:20px;height:20px;border:2px solid #e2e8f0;border-top-color:#0f172a;border-radius:50%;animation:opSpin .7s linear infinite}@keyframes opSpin{to{transform:rotate(360deg)}}.op-empty{text-align:center;padding:48px;color:#94a3b8;font-size:14px}.op-search{padding:9px 14px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;outline:none;width:240px}.op-search:focus{border-color:#94a3b8}.op-section-label{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-bottom:10px}.op-label{font-size:12px;font-weight:600;color:#64748b}.op-scan-form{margin-bottom:20px}.op-scan-input-wrap{display:flex;gap:10px;align-items:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:12px;padding:4px 4px 4px 14px;transition:border-color .15s}.op-scan-input-wrap:focus-within{border-color:#0f172a}.op-scan-icon{font-size:18px;color:#94a3b8}.op-scan-input{flex:1;border:none;outline:none;font-size:16px;background:transparent;color:#0f172a}.op-scan-result{background:#fff;border:2px solid #e2e8f0;border-radius:14px;padding:20px;margin-bottom:20px;animation:opFadeIn .2s ease}.op-result-header{display:flex;gap:16px;margin-bottom:16px;align-items:flex-start}.op-result-img{width:80px;height:80px;object-fit:cover;border-radius:10px;border:1px solid #f1f5f9}.op-result-img-placeholder{width:80px;height:80px;border-radius:10px;background:#f1f5f9;display:flex;align-items:center;justify-content:center;font-size:28px}.op-result-name{font-size:16px;font-weight:800;color:#0f172a;margin-bottom:8px}.op-result-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:8px}.op-result-price{font-size:24px;font-weight:900;color:#059669;margin-bottom:6px}.op-result-status{font-size:14px;font-weight:700}.op-result-status.available{color:#059669}.op-result-status.sold{color:#dc2626}.op-result-actions{display:flex;gap:10px;align-items:center}.op-already-sold{font-size:13px;color:#dc2626;font-weight:600;padding:10px 0}.op-recent-sells{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:12px;padding:16px}.op-recent-row{display:flex;align-items:center;justify-content:space-between;padding:8px 0;border-bottom:1px solid #d1fae5}.op-recent-row:last-child{border-bottom:none}.op-recent-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-recent-name{font-size:13px;font-weight:600;color:#0f172a}.op-recent-size{font-size:11px;color:#64748b}.op-recent-price{font-size:14px;font-weight:700;color:#059669}.op-recent-total{font-size:14px;font-weight:800;color:#059669;text-align:right;padding-top:10px}.op-tag-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:14px;flex-wrap:wrap}.op-tag-style-group{display:flex;align-items:center;gap:6px}.op-style-btn{padding:6px 12px;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:12px;font-weight:600;cursor:pointer;transition:all .12s}.op-style-btn.active{background:#0f172a;color:#fff;border-color:#0f172a}.op-selected-strip{display:flex;align-items:center;justify-content:space-between;background:#dbeafe;color:#1e40af;border:1px solid #93c5fd;border-radius:8px;padding:8px 14px;font-size:13px;font-weight:600;margin-bottom:12px}.op-clear-btn{background:none;border:none;color:#1e40af;cursor:pointer;font-weight:700;font-size:13px;text-decoration:underline}.op-product-pick-list{display:flex;flex-direction:column;gap:4px}.op-pick-row{display:flex;align-items:center;gap:14px;padding:12px 14px;border-radius:10px;border:1.5px solid #f1f5f9;cursor:pointer;transition:all .12s;background:#fff}.op-pick-row:hover{border-color:#94a3b8;background:#f8fafc}.op-pick-row.selected{border-color:#2563eb;background:#eff6ff}.op-pick-check{font-size:18px;color:#94a3b8;flex-shrink:0}.op-pick-row.selected .op-pick-check{color:#2563eb}.op-pick-img{width:48px;height:48px;object-fit:cover;border-radius:8px;flex-shrink:0}.op-pick-info{flex:1;min-width:0}.op-pick-name{font-size:14px;font-weight:600;color:#0f172a}.op-pick-meta{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.op-pick-price{font-size:14px;font-weight:700;color:#059669;flex-shrink:0}.op-date-input{padding:9px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:13px;outline:none}.op-kpi-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px;margin-bottom:28px}.op-kpi-card{background:#fff;border:1px solid #f1f5f9;border-radius:12px;padding:18px;text-align:center}.op-kpi-icon{font-size:28px;margin-bottom:10px}.op-kpi-value{font-size:24px;font-weight:900;color:#0f172a}.op-kpi-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#94a3b8;margin-top:4px}.op-hourly-section{margin-bottom:28px}.op-hourly-bars{display:flex;align-items:flex-end;gap:8px;height:140px;background:#f8fafc;border-radius:12px;padding:16px}.op-hour-col{display:flex;flex-direction:column;align-items:center;flex:1}.op-bar-wrap{height:80px;display:flex;align-items:flex-end;width:100%}.op-bar{width:100%;min-height:4px;background:#0f172a;border-radius:4px 4px 0 0;transition:height .4s ease}.op-hour-label{font-size:10px;color:#94a3b8;margin-top:5px;font-weight:600}.op-hour-sales{font-size:10px;color:#059669;font-weight:700}.op-sales-list{display:flex;flex-direction:column;gap:4px;margin-bottom:14px}.op-sale-row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid #f1f5f9;border-radius:8px}.op-sale-info{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.op-sale-name{font-size:13px;font-weight:600;color:#0f172a}.op-sale-right{text-align:right}.op-sale-price{font-size:14px;font-weight:700;color:#059669}.op-sale-time{font-size:11px;color:#94a3b8;margin-top:2px}.op-top-product{font-size:13px;color:#059669;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 14px}