:root{--brand-50:#fffef5;--brand-100:#fefbcc;--brand-200:#fef59a;--brand-300:#feef67;--brand-400:#feda15;--brand-500:#e5c300;--brand-600:#bc9e00;--brand-700:#8a7400;--bg-root:#fff;--bg-primary:#fff;--bg-secondary:#f8f8fa;--bg-tertiary:#f1f1f5;--bg-elevated:#fff;--bg-card:#fff;--bg-card-hover:#fafafa;--bg-input:#f4f4f7;--bg-sidebar:#fafafa;--border-subtle:#f0f0f3;--border-default:#e4e4e9;--border-hover:#d4d4db;--border-focus:#feda15;--text-primary:#111118;--text-secondary:#52525b;--text-muted:#a1a1aa;--text-inverse:#fff;--font-body:"DM Sans",system-ui,-apple-system,sans-serif;--font-heading:"Space Grotesk","DM Sans",sans-serif;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:.9375rem;--text-lg:1.0625rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--accent-primary:#feda15;--accent-primary-dark:#d4b800;--accent-green:#16a34a;--accent-blue:#2563eb;--accent-purple:#7c3aed;--accent-red:#dc2626;--accent-amber:#d97706;--accent-cyan:#0891b2;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 1px 3px #0000000f,0 1px 2px #0000000a;--shadow-md:0 4px 6px -1px #0000000f,0 2px 4px -2px #0000000a;--shadow-lg:0 10px 15px -3px #0000000f,0 4px 6px -4px #0000000a;--shadow-xl:0 20px 25px -5px #00000014,0 8px 10px -6px #0000000a;--shadow-brand:0 4px 14px #feda152e;--shadow-brand-lg:0 8px 30px #feda1540;--shadow-card:0 1px 3px #0000000a,0 0 0 1px #00000005;--sidebar-width:256px;--sidebar-collapsed-width:72px;--mobile-nav-height:64px;--mobile-bottom-bar-height:60px;--mobile-padding:1rem;--mobile-card-radius:14px;--touch-min:44px;--touch-comfortable:48px;--z-base:1;--z-dropdown:10;--z-sticky:20;--z-overlay:40;--z-modal:50;--z-sidebar:60;--z-toast:70;--z-loading:99;--ease-out:cubic-bezier(.22,1,.36,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--duration-fast:.12s;--duration-base:.2s;--duration-slow:.35s}@keyframes pdSlideUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes pdFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pdScaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes pdPulseGold{0%,to{box-shadow:0 0 #feda1573}50%{box-shadow:0 0 0 10px #feda1500}}@keyframes pdShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pdPulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.8)}}@keyframes pdShake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(2px)}}@keyframes pdRipple{0%{opacity:.5;transform:scale(0)}to{opacity:0;transform:scale(4)}}.pd-entrance{animation:pdSlideUp .6s var(--ease-out)both}.pd-entrance-1{animation-delay:0s}.pd-entrance-2{animation-delay:80ms}.pd-entrance-3{animation-delay:.16s}.pd-entrance-4{animation-delay:.24s}.pd-entrance-5{animation-delay:.32s}.pd-entrance-6{animation-delay:.4s}.pd-fade{animation:pdFadeIn .5s var(--ease-out)both}.pd-scale{animation:pdScaleIn .5s var(--ease-out)both}.pd-gold-glow{box-shadow:0 0 0 3px #feda154d,var(--shadow-md)}.pd-gold-ring{box-shadow:0 0 0 2.5px var(--accent-primary),0 0 12px #feda1526}.pd-gold-shimmer{background:linear-gradient(90deg,#0000 0%,#feda1526 50%,#0000 100%) 0 0/200% 100%;animation:2s ease-in-out infinite pdShimmer}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg-root);color:var(--text-primary);font-size:var(--text-base);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.025em;color:var(--text-primary);font-weight:700;line-height:1.25}a{color:inherit;text-decoration:none}::selection{color:var(--text-primary);background:#feda154d}.dashboard-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--bg-sidebar);border-right:1px solid var(--border-default);z-index:50;flex-direction:column;height:100vh;padding:1rem 1rem 1.5rem;display:flex;position:fixed;top:0;left:0;overflow:hidden}.sidebar-brand{align-items:center;gap:.75rem;width:100%;padding:.5rem 0 1.5rem .5rem;display:flex}.sidebar-brand img{object-fit:cover;width:44px;height:44px;box-shadow:var(--shadow-sm);border-radius:12px;transition:all .2s cubic-bezier(.4,0,.2,1)}.sidebar-brand img:hover{transform:scale(1.05)}.brand-text{font-family:var(--font-heading);font-size:var(--text-lg);letter-spacing:-.03em;color:var(--text-primary);white-space:nowrap;font-weight:700}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;width:100%;padding:.5rem 0;display:flex;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{color:var(--text-secondary);cursor:pointer;white-space:nowrap;width:100%;height:44px;font-family:var(--font-body);background:0 0;border:none;border-radius:12px;align-items:center;gap:.875rem;padding:0 1rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.nav-item:hover{color:#111827;background:#feda1526}.nav-item.active,.nav-item.open{color:#111827}.nav-item.active{background:var(--brand-400);font-weight:600;box-shadow:0 4px 14px #feda1540}.nav-item.open{background:#00000008;font-weight:600}.nav-item svg{flex-shrink:0;width:20px;height:20px}.nav-item:hover svg,.nav-item.open svg{color:var(--brand-600)}.nav-item.active svg{color:#111827}.nav-label{font-size:var(--text-sm);white-space:nowrap;text-align:left;flex:1;font-weight:500}.sidebar-section{width:100%;margin-bottom:.25rem}.sidebar-section-header{color:var(--text-secondary);font-weight:600}.sidebar-section-header.open{color:var(--text-primary)}.sidebar-section-chevron{opacity:.5;margin-left:auto}.sidebar-section-items{flex-direction:column;gap:.25rem;width:100%;display:flex;overflow:hidden}.sidebar-section-items.nested{margin-top:.25rem;padding-left:1.5rem}.sub-item{border-radius:8px;height:38px;padding:0 .75rem;font-size:.8125rem}.sub-item.active{box-shadow:none;color:#111827;background:#0000000d;font-weight:600}.sub-item-indicator{background:var(--border-default);border-radius:50%;flex-shrink:0;width:6px;height:6px;transition:all .2s}.sub-item:hover .sub-item-indicator{background:var(--brand-400)}.sub-item.active .sub-item-indicator{background:var(--brand-500);transform:scale(1.2)}.nav-badge{min-width:20px;height:20px;font-size:.625rem;font-weight:700;font-family:var(--font-heading);color:#111;background:var(--brand-400);border-radius:99px;justify-content:center;align-items:center;margin-left:auto;padding:0 6px;line-height:1;display:inline-flex;box-shadow:0 1px 3px #feda154d}.nav-item.active .nav-badge{color:#111;box-shadow:none;background:#00000026}.sidebar-user-info{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:12px;align-items:center;gap:.625rem;width:100%;margin-bottom:.5rem;padding:.75rem;display:flex}.sidebar-user-avatar{background:var(--brand-400);color:#111;width:32px;height:32px;font-size:.75rem;font-weight:700;font-family:var(--font-heading);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-user-details{flex-direction:column;min-width:0;display:flex}.sidebar-user-name{font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.sidebar-user-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.625rem;overflow:hidden}.sidebar-footer{border-top:1px solid var(--border-subtle);flex-direction:column;align-items:stretch;width:100%;margin-top:auto;padding-top:.5rem;display:flex}.signout-btn{color:var(--text-muted)}.signout-btn:hover{color:var(--accent-red)!important;background:#dc26260d!important}.signout-btn:hover svg{color:var(--accent-red)!important}.main-content{margin-left:var(--sidebar-width);background:var(--bg-secondary);flex:1;min-height:100vh;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.page{animation:fadeIn .25s var(--ease-out);padding:1.75rem 2.25rem}.page-header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1.75rem;display:flex}.page-header h1{font-size:var(--text-2xl);font-weight:700}.page-header p{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(195px,1fr));gap:.875rem;margin-bottom:1.75rem;display:grid}.stat-card{background:var(--bg-card);border:1px solid var(--border-default);transition:all var(--duration-base)var(--ease-out);box-shadow:var(--shadow-card);border-radius:14px;align-items:center;gap:.875rem;padding:1.125rem 1.25rem;display:flex}.stat-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.stat-info{flex-direction:column;gap:1px;display:flex}.stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:500}.stat-value{font-family:var(--font-heading);font-size:var(--text-xl);letter-spacing:-.02em;color:var(--text-primary);font-weight:700}.dash-welcome{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.dash-title{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--text-primary);font-size:1.6rem;font-weight:700}.dash-subtitle{font-size:var(--text-sm);color:var(--text-muted);text-transform:capitalize;margin-top:2px}.dash-quick-actions{gap:.5rem;display:flex}.dash-action-btn{font-size:var(--text-sm);transition:all .2s var(--ease-out);border-radius:9px;align-items:center;gap:.375rem;padding:.5rem .875rem;font-weight:600;text-decoration:none;display:flex}.dash-action-primary{background:var(--accent-primary);color:#111;box-shadow:var(--shadow-brand)}.dash-action-primary:hover{background:var(--accent-primary-dark);box-shadow:var(--shadow-brand-lg);transform:translateY(-1px)}.dash-action-ghost{background:var(--bg-secondary);color:var(--text-secondary);border:1px solid var(--border-default)}.dash-action-ghost:hover{border-color:var(--border-hover);background:var(--bg-card-hover)}.dash-stats{grid-template-columns:repeat(auto-fit,minmax(185px,1fr));gap:.75rem;margin-bottom:1.5rem;display:grid}.dash-stat-card{background:var(--bg-card);border:1px solid var(--border-default);--hover-color:var(--brand-400);border-radius:14px;align-items:center;gap:.875rem;padding:1.125rem 1.25rem;transition:all .35s cubic-bezier(.25,1,.5,1);display:flex;position:relative;overflow:hidden;box-shadow:0 1px 3px #0000000a,0 1px 2px #00000005}.dash-stat-card:hover{border-color:var(--hover-color);box-shadow:0 14px 28px #0000000f,0 4px 10px #00000008,0 0 0 1px var(--hover-color);transform:translateY(-2px)}.dash-stat-accent{opacity:0;transform-origin:50%;height:2px;transition:transform .4s cubic-bezier(.25,1,.5,1),opacity .3s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.dash-stat-card:hover .dash-stat-accent{opacity:1;transform:scaleX(1)}.dash-stat-icon{border-radius:11px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);display:flex}.dash-stat-card:hover .dash-stat-icon{transform:scale(1.08)}.dash-stat-body{flex-direction:column;gap:1px;display:flex}.dash-stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:500}.dash-stat-value{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-size:1.35rem;font-weight:700}.dash-stat-value small{color:var(--text-muted);font-size:.7em;font-weight:500}.dash-grid-2{grid-template-columns:1fr 1fr;gap:.875rem;margin-bottom:1rem;display:grid}.dash-card{background:var(--bg-card);border:1px solid var(--border-default);box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.dash-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:.875rem 1.25rem;display:flex}.dash-card-header h2{font-family:var(--font-heading);font-size:var(--text-sm);color:var(--text-primary);align-items:center;gap:.5rem;font-weight:600;display:flex}.dash-card-header h2 svg{color:var(--text-muted)}.dash-link{font-size:var(--text-xs);color:var(--accent-primary-dark);align-items:center;gap:.25rem;font-weight:600;text-decoration:none;transition:gap .2s;display:flex}.dash-link:hover{gap:.5rem}.dash-pipeline{justify-content:space-between;align-items:center;gap:.25rem;padding:1.25rem;display:flex}.dash-pipe-item{flex-direction:column;flex:1;align-items:center;gap:.5rem;display:flex}.dash-pipe-icon{border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dash-pipe-info{text-align:center;flex-direction:column;display:flex}.dash-pipe-count{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);font-weight:700}.dash-pipe-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.625rem;font-weight:500}.dash-pipe-arrow{color:var(--text-muted);opacity:.4;margin-top:-1rem;font-size:.875rem}.dash-perf-grid{grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.25rem;display:grid}.dash-perf-item{flex-direction:column;gap:4px;padding:.625rem 0;display:flex}.dash-perf-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.6875rem;font-weight:500}.dash-perf-value{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);align-items:center;gap:.25rem;font-weight:700;display:flex}.card{background:var(--bg-card);border:1px solid var(--border-default);box-shadow:var(--shadow-card);border-radius:14px;overflow:hidden}.card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.card-header h2{font-size:var(--text-md);font-weight:600}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{text-align:left;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);border-bottom:1px solid var(--border-default);background:var(--bg-secondary);white-space:nowrap;padding:.625rem 1.5rem;font-size:.6875rem;font-weight:600}tbody td{font-size:var(--text-sm);border-bottom:1px solid var(--border-subtle);vertical-align:middle;color:var(--text-primary);padding:.75rem 1.5rem}tbody tr{transition:background var(--duration-fast)var(--ease-out)}tbody tr:hover{background:var(--bg-secondary)}tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;color:var(--text-muted);padding:2.5rem 1.5rem}.empty-state p{margin-top:.5rem}.badge{letter-spacing:.02em;text-transform:capitalize;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:3px 10px;font-size:.6875rem;font-weight:600;display:inline-flex}.badge-pending{color:#92400e;background:#fef3c7}.badge-confirmed{color:#1e40af;background:#dbeafe}.badge-shipped{color:#5b21b6;background:#ede9fe}.badge-delivered{color:#166534;background:#dcfce7}.badge-returned{color:#991b1b;background:#fee2e2}.badge-cancelled{color:#52525b;background:#f4f4f5}.badge-active{color:#166534;background:#dcfce7}.badge-inactive{color:#52525b;background:#f4f4f5}.badge-out_of_stock{color:#991b1b;background:#fee2e2}.badge-admin{color:#854d0e;background:#fef9c3}.btn{font-family:var(--font-body);font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-base)var(--ease-out);white-space:nowrap;border:none;border-radius:9px;justify-content:center;align-items:center;gap:.5rem;padding:.5rem 1.125rem;font-weight:600;line-height:1.4;text-decoration:none;display:inline-flex}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-primary{background:var(--accent-primary);color:#1a1a00;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){box-shadow:var(--shadow-brand-lg);background:#ffdf33;transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--border-default);background:0 0}.btn-ghost:hover:not(:disabled){color:var(--text-primary);border-color:var(--border-hover);background:var(--bg-secondary)}.btn-sm{font-size:var(--text-xs);border-radius:7px;padding:.3125rem .75rem}.btn-lg{font-size:var(--text-md);border-radius:11px;padding:.6875rem 1.75rem}.input-group{flex-direction:column;gap:.375rem;margin-bottom:.25rem;display:flex}.input-label{font-size:var(--text-xs);color:var(--text-secondary);letter-spacing:.01em;font-weight:600}.input{background:var(--bg-input);border:1px solid var(--border-default);width:100%;color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-sm);transition:all var(--duration-base)var(--ease-out);border-radius:9px;outline:none;padding:.5625rem .875rem}.input:focus{border-color:var(--accent-primary);background:#fff;box-shadow:0 0 0 3px #feda1526}.input::placeholder{color:var(--text-muted)}.input:disabled{opacity:.5;cursor:not-allowed}textarea.input{resize:vertical;min-height:80px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23a1a1aa' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right 10px center;background-repeat:no-repeat;background-size:16px;padding-right:36px}.auth-container{background:linear-gradient(-45deg,#fef9c3,#fff,#fef3c7,#f0f9ff) 0 0/400% 400%;justify-content:center;align-items:center;min-height:100vh;padding:1.5rem;animation:15s infinite authGradient;display:flex}@keyframes authGradient{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.auth-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-default);width:100%;max-width:400px;box-shadow:var(--shadow-xl);transition:transform .3s var(--ease-out),box-shadow .3s var(--ease-out);background:#fffffff2;border-radius:18px;padding:2.5rem}.auth-card:hover{transform:translateY(-2px);box-shadow:0 25px 50px -12px #0000001f}.auth-brand{text-align:center;margin-bottom:2rem}.auth-brand img{width:56px;height:56px;box-shadow:var(--shadow-md);border-radius:14px;margin-bottom:1rem}.auth-brand h1{font-size:var(--text-xl);color:var(--text-primary);margin-bottom:.25rem}.auth-brand p{color:var(--text-muted);font-size:var(--text-sm)}.auth-form{flex-direction:column;gap:1rem;display:flex}.auth-message{font-size:var(--text-sm);border-radius:10px;padding:.75rem 1rem}.auth-message.error{color:#dc2626;background:#fef2f2;border:1px solid #fecaca}.auth-message.success{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0}.auth-footer{text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin-top:1.5rem}.auth-footer a{color:var(--text-primary);font-weight:600}.auth-footer a:hover{color:var(--accent-primary-dark)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(255px,1fr));gap:1rem;display:grid}.product-card{transition:all var(--duration-base)var(--ease-out);cursor:pointer;overflow:hidden;padding:0!important}.product-card:hover{border-color:var(--border-hover);box-shadow:var(--shadow-lg);transform:translateY(-3px)}.product-image{background:var(--bg-secondary);height:175px;overflow:hidden}.product-image img{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow)var(--ease-out)}.product-card:hover .product-image img{transform:scale(1.04)}.product-image-placeholder{background:linear-gradient(135deg,#fef9c3 0%,#fef3c7 100%);justify-content:center;align-items:center;height:100%;display:flex}.product-info{padding:1.125rem}.product-info h3{font-size:var(--text-md);color:var(--text-primary);margin-bottom:.375rem;font-weight:600}.product-desc{font-size:var(--text-xs);color:var(--text-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.625rem;line-height:1.5;display:-webkit-box;overflow:hidden}.product-meta{align-items:center;gap:.5rem;margin-bottom:.625rem;display:flex}.stock-label{font-size:var(--text-xs);color:var(--text-muted)}.product-price{border-top:1px solid var(--border-subtle);align-items:baseline;gap:.5rem;padding-top:.625rem;display:flex}.base-price{font-family:var(--font-heading);font-size:var(--text-lg);color:var(--text-primary);font-weight:700}.price-label{font-size:var(--text-xs);color:var(--text-muted)}.pf-layout{grid-template-columns:1fr 1.2fr;align-items:start;gap:1.5rem;display:grid}.pf-gallery-card{overflow:hidden}.pf-hero-wrap{aspect-ratio:1;background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);overflow:hidden}.pf-hero-img{object-fit:contain;width:100%;height:100%;transition:transform .3s var(--ease-out)}.pf-hero-img:hover{transform:scale(1.04)}.pf-hero-empty{width:100%;height:100%;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:.5rem;display:flex}.pf-hero-empty svg{opacity:.15}.pf-hero-empty span{font-size:var(--text-sm)}.pf-thumbs{gap:.375rem;padding:.75rem;display:flex;overflow-x:auto}.pf-thumb{cursor:pointer;width:60px;height:60px;transition:border-color var(--duration-fast);border:2px solid #0000;border-radius:8px;flex-shrink:0;position:relative;overflow:hidden}.pf-thumb.active{border-color:var(--accent-primary)}.pf-thumb:hover{border-color:var(--border-default)}.pf-thumb img{object-fit:cover;width:100%;height:100%}.pf-thumb-actions{opacity:0;transition:opacity var(--duration-fast);background:#00000080;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.pf-thumb:hover .pf-thumb-actions{opacity:1}.pf-thumb-btn{color:#333;cursor:pointer;background:#ffffffd9;border:none;border-radius:4px;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;line-height:1;display:flex}.pf-thumb-del:hover{color:#991b1b;background:#fca5a5}.pf-thumb-primary{text-transform:uppercase;background:var(--accent-primary);color:#1a1a00;letter-spacing:.3px;border-radius:3px;padding:1px 4px;font-size:.5rem;font-weight:700;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.pf-add-image{border-top:1px solid var(--border-subtle);gap:.5rem;padding:.75rem;display:flex}.pf-add-image .input{flex:1;margin:0}.pf-textarea{resize:vertical;min-height:120px;line-height:1.6;font-size:var(--text-sm)}.pf-row{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.pf-actions{gap:.75rem;margin-top:1rem;display:flex}.pf-dropzone{cursor:pointer;transition:all var(--duration-fast)var(--ease-out)}.pf-dropzone:hover,.pf-dropzone.drag-over{background:#fefce8!important}.pf-dropzone.drag-over svg{color:var(--accent-primary);opacity:.5!important}.pf-upload-bar{border-top:1px solid var(--border-subtle);flex-wrap:wrap;align-items:center;gap:.5rem;padding:.75rem;display:flex}.pf-dropzone-mini{border:1.5px dashed var(--border-default);font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);border-radius:8px;align-items:center;gap:.375rem;padding:.375rem .875rem;font-weight:600;display:flex}.pf-dropzone-mini:hover,.pf-dropzone-mini.drag-over{border-color:var(--accent-primary);color:var(--text-primary);background:#fefce8}.pf-url-toggle{font-size:var(--text-xs);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:none;border-radius:6px;align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.pf-url-toggle:hover{color:var(--text-secondary)}.pf-url-input-row{flex:1;gap:.375rem;display:flex}.pf-url-input-row .input{font-size:var(--text-xs);flex:1;margin:0}.spin{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width:768px){.pf-layout{grid-template-columns:1fr}}.import-dropzone{border:2px dashed var(--border-default);text-align:center;cursor:pointer;transition:all var(--duration-fast)var(--ease-out);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;padding:3rem 2rem;display:flex}.import-dropzone:hover,.import-dropzone.drag-over{border-color:var(--accent-primary);background:#fefce8}.import-dropzone.drag-over svg{color:var(--accent-primary);opacity:1!important}.bulk-bar{background:var(--bg-primary);border:1.5px solid var(--accent-primary);border-radius:10px;align-items:center;gap:.5rem;margin-bottom:.75rem;padding:.625rem 1rem;display:flex;box-shadow:0 2px 8px #feda1526}.bulk-bar-count{font-size:var(--text-sm);color:var(--text-primary);margin-right:auto;font-weight:700}.bulk-checkbox{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}tr.row-selected{background:#feda150f!important}.pagination-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-top:.75rem;padding:.75rem 0;display:flex}.pagination-info{font-size:var(--text-xs);color:var(--text-muted)}.pagination-controls{align-items:center;gap:.75rem;display:flex}.pagination-select{border:1px solid var(--border-default);font-size:var(--text-xs);background:var(--bg-primary);color:var(--text-primary);cursor:pointer;border-radius:6px;padding:.25rem .5rem}.pagination-pages{align-items:center;gap:2px;display:flex}.pagination-page{min-width:28px;height:28px;font-size:var(--text-xs);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;font-weight:600;display:flex}.pagination-page:hover{background:var(--bg-tertiary)}.pagination-page.active{background:var(--accent-primary);color:#1a1a1a}.pagination-dots{font-size:var(--text-xs);color:var(--text-muted);padding:0 4px}@keyframes oxSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes oxRowIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ox-page{animation:fadeIn .3s var(--ease-out)}.ox-stats{grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:32px;display:grid}.ox-stat{background:var(--bg-card);border:1px solid var(--border-default);animation:oxSlideUp .5s var(--ease-out)both;transition:transform .2s var(--ease-out),box-shadow .2s var(--ease-out);will-change:transform;border-radius:16px;flex-direction:column;gap:12px;padding:20px 24px;display:flex}.ox-stat:hover{transform:translateY(-2px);box-shadow:0 8px 24px #0000000f}.ox-stat-top{justify-content:space-between;align-items:flex-start;display:flex}.ox-stat-label{color:var(--text-muted);font-size:.8rem;font-weight:500}.ox-stat-icon{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.ox-stat-bottom{align-items:baseline;gap:12px;display:flex}.ox-stat-value{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;font-size:2rem;font-weight:700;line-height:1}.ox-stat-trend{border-radius:99px;align-items:center;gap:3px;padding:3px 8px;font-size:.7rem;font-weight:700;display:inline-flex}.ox-trend-up{color:#15803d;background:#f0fdf4}.ox-trend-down{color:#dc2626;background:#fef2f2}.ox-stat-sub{color:var(--text-muted);margin-top:-4px;font-size:.65rem;font-weight:500}.ox-section{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.ox-section-left{flex-direction:column;gap:4px;display:flex}.ox-section-title{font-family:var(--font-heading);font-size:var(--text-xl);color:var(--text-primary);letter-spacing:-.02em;font-weight:700}.ox-section-sub{font-size:var(--text-sm);color:var(--text-muted);margin:0;font-weight:400}.ox-section-right{flex-shrink:0;align-items:center;gap:10px;display:flex}.ox-search{width:260px;position:relative}.ox-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.ox-search-input{border:1px solid var(--border-default);width:100%;height:40px;font-size:var(--text-sm);font-family:var(--font-body);color:var(--text-primary);background:var(--bg-card);border-radius:10px;outline:none;padding:0 36px 0 40px;transition:all .15s}.ox-search-input::placeholder{color:var(--text-muted)}.ox-search-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #feda151f}.ox-search-clear{background:var(--bg-tertiary);cursor:pointer;color:var(--text-muted);border:none;border-radius:4px;padding:2px 6px;font-size:.65rem;line-height:1;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.ox-search-clear:hover{background:var(--border-default);color:var(--text-primary)}.ox-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:24px;display:grid}@media (min-width:640px){.ox-chips{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:768px){.ox-chips{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (min-width:1024px){.ox-chips{grid-template-columns:repeat(5,minmax(0,1fr))}}@media (min-width:1280px){.ox-chips{grid-template-columns:repeat(6,minmax(0,1fr))}}.ox-chip{border:1px solid var(--border-default);background:var(--bg-primary,#fff);color:var(--text-secondary,#374151);cursor:pointer;font-family:var(--font-body);transition:all .2s var(--ease-out);box-shadow:none;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:.8125rem;font-weight:500;display:flex}.ox-chip:hover{border-color:var(--border-hover,#d1d5db);transform:translateY(-2px);box-shadow:0 4px 6px -1px #0000000d}.ox-chip-active{background:var(--c);color:#fff;box-shadow:0 10px 15px -3px color-mix(in srgb,var(--c)40%,transparent);border-color:#0000}.ox-chip svg{color:var(--c);flex-shrink:0}.ox-chip-active svg{color:#fff}.ox-chip-label{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.ox-chip-count{color:var(--text-secondary,#4b5563);background:var(--bg-tertiary,#f3f4f6);font-variant-numeric:tabular-nums;border-radius:9999px;flex-shrink:0;padding:2px 8px;font-size:.7rem;font-weight:700}.ox-chip-active .ox-chip-count{color:#fff;background:#ffffff40}.ox-bulk{animation:oxSlideUp .25s var(--ease-out)both;background:#111118;border-radius:12px;align-items:center;gap:10px;margin-bottom:16px;padding:10px 20px;display:flex;box-shadow:0 8px 24px #1111181f}.ox-bulk-count{font-size:var(--text-sm);color:#fff;flex:1;font-weight:600}.ox-bulk-btn{cursor:pointer;color:#fff;background:#ffffff1a;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 14px;font-size:.72rem;font-weight:600;transition:all .15s;display:inline-flex}.ox-bulk-btn:hover{background:#fff3}.ox-bulk-danger{background:#ef4444}.ox-bulk-danger:hover:not(:disabled){background:#dc2626}.ox-bulk-danger:disabled{opacity:.5;cursor:not-allowed}.ox-filterbar{align-items:center;gap:10px;margin-bottom:0;display:flex}.ox-filterbar-search{flex:1;align-items:center;display:flex;position:relative}.ox-filterbar-search-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.ox-filterbar-input{border:1px solid var(--border-default);background:var(--bg-card);width:100%;color:var(--text-primary);border-radius:10px;outline:none;padding:10px 36px 10px 40px;font-size:.82rem;transition:border-color .2s,box-shadow .2s}.ox-filterbar-input::placeholder{color:var(--text-muted)}.ox-filterbar-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px #feda151f}.ox-filterbar-clear{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px;font-size:.8rem;position:absolute;right:10px}.ox-filterbar-clear:hover{color:var(--text-primary);background:var(--bg-tertiary)}.ox-filterbar-toggle{border:1px solid var(--border-default);background:var(--bg-card);cursor:pointer;width:40px;height:40px;color:var(--text-secondary);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;gap:0;transition:all .2s;display:flex;position:relative}.ox-filterbar-toggle:hover{border-color:var(--text-muted);color:var(--text-primary)}.ox-filterbar-toggle-active{background:var(--accent-primary);border-color:var(--accent-primary-dark);color:#111118}.ox-filterbar-badge{color:#fff;background:#ef4444;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;font-size:.6rem;font-weight:700;line-height:1;display:flex;position:absolute;top:-4px;right:-4px}.ox-filters{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;align-items:flex-end;gap:16px;margin-bottom:0;padding:14px 16px;animation:.3s cubic-bezier(.22,1,.36,1) oxSlideUp;display:flex}.ox-filter-group{flex-direction:column;gap:5px;min-width:160px;display:flex}.ox-filter-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:5px;font-size:.7rem;font-weight:600;display:flex}.ox-filter-select,.ox-filter-date{border:1px solid var(--border-default);background:var(--bg-main);color:var(--text-primary);cursor:pointer;border-radius:8px;outline:none;padding:8px 12px;font-size:.8rem;transition:border-color .2s}.ox-filter-select:focus,.ox-filter-date:focus{border-color:var(--accent-primary)}.ox-filter-clear{border:1px solid var(--border-default);color:#ef4444;cursor:pointer;background:0 0;border-radius:8px;align-self:flex-end;align-items:center;gap:5px;margin-left:auto;padding:8px 14px;font-size:.78rem;font-weight:500;transition:all .2s;display:flex}.ox-filter-clear:hover{background:#fef2f2;border-color:#ef4444}.ox-filter-tag{border:1px solid color-mix(in srgb,var(--tag-color)30%,var(--border-default));background:color-mix(in srgb,var(--tag-color)8%,var(--bg-card));color:var(--text-primary);white-space:nowrap;border-radius:8px;align-self:flex-end;align-items:center;gap:6px;padding:6px 10px;font-size:.78rem;font-weight:500;display:flex}.ox-filter-tag-dot{background:var(--tag-color);border-radius:50%;flex-shrink:0;width:7px;height:7px}.ox-filter-tag-x{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:3px;margin-left:2px;padding:0 2px;font-size:.7rem;transition:all .15s}.ox-filter-tag-x:hover{color:#ef4444;background:#ef44441a}.ox-table-wrap{background:var(--bg-card);border:1px solid var(--border-default);border-radius:16px;overflow:hidden}.ox-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.ox-table thead{background:var(--bg-secondary)}.ox-table th{text-align:left;color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;white-space:nowrap;-webkit-user-select:none;user-select:none;font-size:.65rem;font-weight:700;font-family:var(--font-body);border-bottom:1px solid var(--border-default);padding:14px 20px}.ox-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:14px 20px}.ox-table tbody tr:last-child td{border-bottom:none}.ox-row{animation:oxRowIn .35s var(--ease-out)both;transition:background .15s}.ox-row:hover{background:#00000004}.ox-row-sel{background:#feda150a!important}.ox-checkbox{border:1.5px solid var(--border-default);background:var(--bg-card);cursor:pointer;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.ox-checkbox:hover{border-color:var(--text-muted);box-shadow:0 0 0 3px #6366f114}.ox-checked{background:#22c55e;border-color:#22c55e;animation:.25s cubic-bezier(.22,1,.36,1) oxCheckPop}.ox-checked:hover{background:#16a34a;border-color:#16a34a;box-shadow:0 0 0 3px #22c55e26}@keyframes oxCheckPop{0%{transform:scale(.85)}50%{transform:scale(1.1)}to{transform:scale(1)}}.ox-order-id{font-family:var(--font-heading);color:var(--text-primary);font-weight:700;font-size:var(--text-sm);letter-spacing:-.01em}.ox-customer-name{color:var(--text-primary);font-weight:600;font-size:var(--text-sm)}.ox-cell-secondary{color:var(--text-secondary);font-size:var(--text-sm)}.ox-customer-cell{flex-direction:column;gap:2px;display:flex}.ox-customer-phone{color:var(--text-muted);font-size:.72rem;font-weight:400}.ox-id-cell,.ox-address-cell{flex-direction:column;gap:2px;display:flex}.ox-address-wilaya{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.ox-amount-cell{text-align:right;flex-direction:column;gap:2px;display:flex}.ox-amount{color:var(--text-primary);font-weight:700;font-size:var(--text-sm);white-space:nowrap}.ox-amount-method{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:600}.ox-sd{display:inline-flex;position:relative}.ox-sd-trigger{border:1px solid var(--border-default);background:var(--sd-bg);color:var(--sd-c);font-size:.75rem;font-weight:600;font-family:var(--font-body);cursor:pointer;white-space:nowrap;transition:all .2s var(--ease-out);border-radius:8px;align-items:center;gap:6px;min-width:0;padding:5px 10px 5px 8px;display:inline-flex}.ox-sd-trigger:hover{border-color:var(--sd-c);box-shadow:0 2px 8px color-mix(in srgb,var(--sd-c)15%,transparent)}.ox-sd-trigger:disabled{opacity:.6;cursor:not-allowed}.ox-sd-chevron{opacity:.5;transition:transform .2s var(--ease-out);flex-shrink:0}.ox-sd-chevron-open{transform:rotate(180deg)}.ox-sd-spin{animation:.8s linear infinite oxSpin}@keyframes oxSpin{to{transform:rotate(360deg)}}.ox-sd-backdrop{z-index:999;background:0 0;position:fixed;inset:0}.ox-sd-menu{z-index:1000;background:var(--bg-card);border:1px solid var(--border-default);border-radius:14px;width:260px;animation:.2s cubic-bezier(.22,1,.36,1) oxSDIn;position:fixed;overflow:hidden;box-shadow:0 12px 48px #0000001f,0 2px 8px #0000000f}@keyframes oxSDIn{0%{opacity:0;transform:translateY(-6px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.ox-sd-scroll{max-height:380px;padding:6px;overflow-y:auto}.ox-sd-scroll::-webkit-scrollbar{width:4px}.ox-sd-scroll::-webkit-scrollbar-track{background:0 0}.ox-sd-scroll::-webkit-scrollbar-thumb{background:var(--border-default);border-radius:99px}.ox-sd-group{margin-bottom:2px}.ox-sd-group-header{text-transform:uppercase;letter-spacing:.05em;-webkit-user-select:none;user-select:none;align-items:center;gap:6px;padding:8px 10px 4px;font-size:.68rem;font-weight:800;display:flex}.ox-sd-option{width:100%;color:var(--text-primary);cursor:pointer;font-size:.8rem;font-weight:500;font-family:var(--font-body);text-align:left;background:0 0;border:none;border-radius:8px;align-items:center;gap:8px;padding:7px 10px;transition:background .15s;display:flex}.ox-sd-option:hover{background:var(--bg-secondary)}.ox-sd-option-active{background:var(--accent-primary);color:#111118;font-weight:700}.ox-sd-option-active:hover{background:var(--accent-primary)}.ox-sd-check{color:inherit;flex-shrink:0;margin-left:auto}.ox-action-group{align-items:center;gap:2px;display:flex}.ox-action-qv,.ox-action-edit{width:32px;height:32px;color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;text-decoration:none;transition:all .2s cubic-bezier(.22,1,.36,1);display:flex}.ox-action-qv:hover{color:#6366f1;background:#6366f11a;transform:scale(1.08)}.ox-action-edit:hover{background:var(--accent-primary);color:#111118;transform:scale(1.08);box-shadow:0 2px 8px #feda1540}.qv-overlay{-webkit-backdrop-filter:blur(2px);z-index:9998;background:#0000004d;animation:.25s ease-out qvFadeIn;position:fixed;inset:0}.qv-sidebar{background:var(--bg-card,#fff);border-left:1px solid var(--border-default,#e5e7eb);z-index:9999;flex-direction:column;width:420px;max-width:90vw;height:100vh;animation:.3s cubic-bezier(.22,1,.36,1) qvSlideIn;display:flex;position:fixed;top:0;right:0;overflow:hidden;box-shadow:-8px 0 40px #00000014}.qv-header{border-bottom:1px solid var(--border-subtle,#f0f0f0);justify-content:space-between;align-items:flex-start;padding:20px 24px 16px;display:flex}.qv-title{font-family:var(--font-heading,"Inter",sans-serif);color:var(--text-primary,#111);letter-spacing:-.02em;margin:0 0 2px;font-size:1.05rem;font-weight:800}.qv-date{color:var(--text-muted,#999);font-size:.72rem;font-weight:500}.qv-badge{white-space:nowrap;border-radius:20px;align-items:center;gap:4px;padding:4px 10px;font-size:.68rem;font-weight:700;display:inline-flex}.qv-close{width:32px;height:32px;color:var(--text-muted,#999);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;transition:all .15s;display:flex}.qv-close:hover{background:var(--bg-tertiary,#f3f3f3);color:var(--text-primary,#111)}.qv-sidebar>.qv-section:first-of-type{margin-top:0}.qv-section{margin-top:20px;padding:0 24px}.qv-section-title{color:var(--text-muted,#888);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;margin-bottom:10px;font-size:.72rem;font-weight:700;display:flex}.qv-card{background:var(--bg-secondary,#fafafa);border:1px solid var(--border-subtle,#f0f0f0);border-radius:12px;padding:4px 0}.qv-row{justify-content:space-between;align-items:center;padding:10px 16px;display:flex}.qv-label{color:var(--text-muted,#888);font-size:.78rem;font-weight:500}.qv-value{color:var(--text-primary,#111);text-align:right;font-size:.82rem;font-weight:600}.qv-divider{background:var(--border-subtle,#f0f0f0);height:1px;margin:2px 16px}.qv-footer{border-top:1px solid var(--border-subtle,#f0f0f0);margin-top:auto;padding:16px 24px 20px}.qv-btn-full{background:var(--accent-primary,#feda15);color:#111118;cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:8px;width:100%;padding:11px 0;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;display:flex}.qv-btn-full:hover{background:#e5c400;transform:translateY(-1px);box-shadow:0 4px 12px #feda154d}@keyframes qvSlideIn{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes qvFadeIn{0%{opacity:0}to{opacity:1}}.ox-empty{text-align:center;padding:4rem 1rem!important}.ox-empty-inner{color:var(--text-muted);flex-direction:column;align-items:center;gap:12px;display:flex}.ox-empty-inner svg{opacity:.1}.ox-empty-inner p{font-size:var(--text-sm);margin:0}.ox-pagination{justify-content:space-between;align-items:center;margin-top:4px;padding:16px 0;display:flex}.ox-pg-btn{border:1px solid var(--border-default);background:var(--bg-card);color:var(--text-secondary);font-size:.78rem;font-weight:600;font-family:var(--font-body);cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;transition:all .15s;display:inline-flex}.ox-pg-btn:hover:not(:disabled){border-color:var(--border-hover);color:var(--text-primary);background:var(--bg-secondary)}.ox-pg-btn:disabled{opacity:.35;cursor:not-allowed}.ox-pg-center{align-items:center;gap:12px;display:flex}.ox-pg-info{color:var(--text-muted);font-size:.75rem}.ox-pg-select{border:1px solid var(--border-default);font-size:.72rem;font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-card);cursor:pointer;border-radius:6px;outline:none;padding:4px 8px}@media (max-width:1200px){.ox-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.ox-stats{grid-template-columns:1fr;gap:12px}.ox-section{flex-direction:column}.ox-search{width:100%}.ox-table-wrap{overflow-x:auto}.ox-table{min-width:700px}.ox-pagination{flex-direction:column;gap:12px}.ox-chips{gap:6px}.ox-chip{padding:8px 10px;font-size:.75rem}.ox-chip-label{font-size:.7rem}}.wlt-tabs{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:10px;gap:.375rem;padding:4px;display:flex}.wlt-tab{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s var(--ease-out);background:0 0;border:none;border-radius:7px;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.wlt-tab:hover{color:var(--text-primary)}.wlt-tab.active{color:var(--text-primary);background:var(--bg-card);box-shadow:var(--shadow-sm);font-weight:600}.wlt-empty{text-align:center;color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;padding:3rem 1.5rem;display:flex}.wlt-empty svg{opacity:.15;margin-bottom:.75rem}.wlt-empty p{color:var(--text-secondary);margin-bottom:.25rem;font-weight:600}.modal-backdrop{z-index:60;background:#0000004d;position:fixed;inset:0}.modal{border:1px solid var(--border-default);width:100%;max-width:440px;box-shadow:var(--shadow-xl);z-index:70;animation:fadeIn .2s var(--ease-out);background:#fff;border-radius:16px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.125rem 1.5rem;display:flex}.modal-header h2{font-size:var(--text-md);font-weight:700}.modal-close{width:32px;height:32px;color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast);background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;display:flex}.modal-close:hover{background:var(--bg-tertiary);color:var(--text-primary)}.modal-body{padding:1.25rem 1.5rem}.modal-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;gap:.5rem;padding:1rem 1.5rem;display:flex}.wallet-tabs{border-bottom:1px solid var(--border-default);gap:.25rem;margin-bottom:1rem;display:flex}.wallet-tab{font-family:var(--font-body);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast)var(--ease-out);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.375rem;padding:.5rem 1rem;font-weight:500;display:inline-flex}.wallet-tab:hover{color:var(--text-primary)}.wallet-tab.active{color:var(--text-primary);border-bottom-color:var(--accent-primary);font-weight:600}.wallet-modal-balance{background:var(--bg-secondary);border:1px solid var(--border-default);font-size:var(--text-sm);color:var(--text-secondary);border-radius:10px;justify-content:space-between;align-items:center;margin-bottom:1rem;padding:.875rem 1rem;display:flex}.wallet-modal-balance strong{font-family:var(--font-heading);font-size:var(--text-lg);color:#15803d}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#a1a1aa}@media (max-width:1024px){.sidebar{display:none}.main-content{margin-left:0}.page{padding:1.25rem}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.page-header{flex-direction:column}.products-grid{grid-template-columns:1fr}}.s9-loader{z-index:99999;background:#fafafa radial-gradient(600px 400px at 50% 45%,#feda150f 0%,#0000 70%);flex-direction:column;justify-content:center;align-items:center;gap:0;display:flex;position:fixed;inset:0}.s9-loader-logo-wrap{justify-content:center;align-items:center;width:100px;height:100px;animation:2.4s cubic-bezier(.45,0,.55,1) infinite s9Breathe,3.2s ease-in-out infinite s9Float;display:flex;position:relative}.s9-loader-logo{object-fit:contain;z-index:2;filter:drop-shadow(0 4px 20px #feda154d);width:72px;height:72px;position:relative}.s9-loader-glow{z-index:0;background:radial-gradient(circle,#feda1533 0%,#0000 70%);border-radius:50%;animation:2.4s ease-in-out infinite alternate s9Glow;position:absolute;inset:-12px}.s9-loader-shine{z-index:3;pointer-events:none;border-radius:50%;position:absolute;inset:0;overflow:hidden}.s9-loader-shine:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff59 45%,#ffffff8c 50%,#ffffff59 55%,#0000 60%);width:40%;height:200%;animation:3.5s ease-in-out .8s infinite s9Shine;position:absolute;top:-50%;left:-80%}.s9-loader-ring{z-index:1;border-radius:50%;position:absolute;inset:-8px}.s9-loader-ring svg{width:100%;height:100%;animation:1.8s linear infinite s9RingSpin}.s9-loader-ring circle{fill:none;stroke:#feda1580;stroke-width:2px;stroke-linecap:round;stroke-dasharray:220;stroke-dashoffset:60px;filter:drop-shadow(0 0 4px #feda154d)}.s9-loader-text{flex-direction:column;align-items:center;gap:6px;margin-top:28px;animation:.8s cubic-bezier(.22,1,.36,1) .3s both s9FadeUp;display:flex}.s9-loader-brand{letter-spacing:.06em;background:linear-gradient(135deg,#1a1a2e 0%,#454570 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-family:Inter,SF Pro Display,-apple-system,sans-serif;font-size:1.15rem;font-weight:700}.s9-loader-sub{color:#a0a0b0;letter-spacing:.12em;text-transform:uppercase;font-family:Inter,-apple-system,sans-serif;font-size:.7rem;font-weight:500}.s9-loader-dots{gap:5px;margin-top:18px;animation:.8s cubic-bezier(.22,1,.36,1) .6s both s9FadeUp;display:flex}.s9-loader-dot{background:#feda15b3;border-radius:50%;width:5px;height:5px;animation:1.2s ease-in-out infinite s9DotPulse}.s9-loader-dot:nth-child(2){animation-delay:.15s}.s9-loader-dot:nth-child(3){animation-delay:.3s}@keyframes s9Breathe{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}@keyframes s9Float{0%,to{translate:0}50%{translate:0 -8px}}@keyframes s9Glow{0%{opacity:.5;transform:scale(.95);box-shadow:0 0 20px 8px #feda1514}to{opacity:1;transform:scale(1.1);box-shadow:0 0 40px 16px #feda1526}}@keyframes s9Shine{0%,to{left:-80%}50%{left:160%}}@keyframes s9RingSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes s9FadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes s9DotPulse{0%,to{opacity:.4;transform:scale(.8)}50%{opacity:1;transform:scale(1.3)}}.od-page{animation:pdFadeIn .3s var(--ease-out);max-width:1440px;margin:0 auto;padding:0 2rem}.od-breadcrumb{color:var(--text-muted);align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8125rem;font-weight:500;display:flex}.od-breadcrumb-link{color:var(--text-secondary);transition:color .15s}.od-breadcrumb-link:hover{color:var(--text-primary)}.od-breadcrumb-current{color:var(--text-primary);font-weight:600}.od-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:2rem;display:flex}.od-header-left{flex-direction:column;gap:.25rem;display:flex}.od-title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-size:1.75rem;font-weight:700}.od-subtitle{color:var(--text-muted);font-size:.875rem}.od-header-actions{align-items:center;gap:.5rem;display:flex}.od-btn{cursor:pointer;transition:all .2s var(--ease-out);border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .875rem;font-size:.875rem;font-weight:600;display:inline-flex}.od-btn:disabled{opacity:.6;cursor:not-allowed}.od-btn-ghost{color:var(--text-secondary);border-color:var(--border-default);background:0 0}.od-btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--border-hover)}.od-btn-primary{background:var(--brand-400);color:#111}.od-btn-primary:hover:not(:disabled){background:var(--brand-500);transform:translateY(-1px)}.od-btn-full{width:100%}.od-btn-sm{padding:.375rem .75rem;font-size:.8125rem}.od-grid{grid-template-columns:1.5fr 1fr;align-items:start;gap:1.5rem;display:grid}@media (max-width:1024px){.od-grid{grid-template-columns:1fr}}.od-col-left,.od-col-right{flex-direction:column;gap:1.5rem;display:flex}.od-card{background:var(--bg-card);border:1px solid var(--border-default);box-shadow:var(--shadow-sm);transition:box-shadow .3s var(--ease-out),border-color .3s var(--ease-out);border-radius:16px;overflow:hidden}.od-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover)}.od-card-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1.25rem;display:flex}.od-card-header h2{font-family:var(--font-heading);align-items:center;gap:.5rem;margin:0;font-size:.9375rem;font-weight:700;display:flex}.od-card-header h2 svg{color:var(--text-muted)}.od-count{font-size:.75rem;font-family:var(--font-body);color:var(--text-muted);background:var(--bg-tertiary);border-radius:999px;padding:.125rem .5rem;font-weight:500}.od-card-body{padding:1.25rem}.od-items-list{padding:.5rem 1.25rem}.od-item-row{border-bottom:1px dashed var(--border-subtle);align-items:center;gap:1rem;padding:.875rem 0;display:flex}.od-item-row:last-child{border-bottom:none}.od-item-img{background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:8px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;overflow:hidden}.od-item-img img{object-fit:cover;width:100%;height:100%}.od-item-info{flex-direction:column;flex:1;display:flex}.od-item-name{color:var(--text-primary);font-size:.875rem;font-weight:600}.od-item-meta{color:var(--text-secondary);margin-top:2px;font-size:.8125rem}.od-item-sku{color:var(--text-muted);margin-left:.5rem;font-family:monospace}.od-item-total{font-weight:700;font-family:var(--font-heading);white-space:nowrap}.od-items-summary{background:var(--bg-secondary);border-top:1px solid var(--border-subtle);flex-direction:column;gap:.5rem;padding:1.25rem;display:flex}.od-summary-row{color:var(--text-secondary);justify-content:space-between;font-size:.875rem;display:flex}.od-summary-total{border-top:1px solid var(--border-default);color:var(--text-primary);margin-top:.5rem;padding-top:.5rem;font-size:1rem;font-weight:700}.od-timeline{flex-direction:column;gap:0;padding:1.5rem;display:flex}.od-timeline-step{gap:1rem;display:flex}.od-timeline-indicator{flex-direction:column;align-items:center;display:flex}.od-timeline-dot{background:var(--bg-tertiary);width:32px;height:32px;color:var(--text-muted);z-index:2;transition:all .3s var(--ease-out);border-radius:50%;justify-content:center;align-items:center;display:flex}.od-dot-completed{background:var(--accent-green);color:#fff;box-shadow:0 0 0 4px #16a34a1a}.od-dot-active{background:var(--brand-400);color:#111;border:2px solid var(--brand-500);animation:2s infinite pdPulseGold;box-shadow:0 0 0 4px #feda1533}.od-dot-failed{background:var(--accent-red);color:#fff;box-shadow:0 0 0 4px #dc26261a}.od-timeline-line{background:var(--border-default);width:2px;min-height:24px;transition:background .3s var(--ease-out);flex:1;margin:4px 0}.od-line-completed{background:var(--accent-green)}.od-timeline-content{flex-direction:column;flex:1;padding-bottom:1.5rem;display:flex}.od-timeline-step:last-child .od-timeline-content{padding-bottom:0}.od-timeline-label{color:var(--text-secondary);align-items:center;gap:.5rem;font-weight:700;display:flex}.od-timeline-completed .od-timeline-label,.od-timeline-active .od-timeline-label{color:var(--text-primary)}.od-timeline-failed .od-timeline-label{color:var(--accent-red)}.od-timeline-badge{box-shadow:var(--shadow-sm);border-radius:999px;padding:.125rem .625rem;font-size:.6875rem;font-weight:700}.od-timeline-desc{color:var(--text-muted);margin-top:2px;font-size:.8125rem}.od-timeline-time{color:var(--text-muted);margin-top:4px;font-size:.75rem;font-weight:500}.od-label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.8125rem;font-weight:600;display:block}.od-label-sm{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);margin-bottom:.25rem;font-size:.6875rem;font-weight:700;display:block}.od-select,.od-textarea{border:1px solid var(--border-default);background:var(--bg-primary);width:100%;color:var(--text-primary);border-radius:8px;outline:none;padding:.625rem .875rem;font-family:inherit;font-size:.875rem;transition:all .2s}.od-select:focus,.od-textarea:focus{border-color:var(--text-primary);box-shadow:0 0 0 3px #0000000d}.od-textarea{resize:vertical;min-height:80px}.od-confirm-bar{background:var(--bg-secondary);border:1px solid var(--border-subtle);animation:pdSlideUp .2s var(--ease-out);border-radius:8px;flex-direction:column;gap:.75rem;margin-top:1rem;padding:.875rem;display:flex}.od-confirm-bar span{color:var(--text-secondary);font-size:.8125rem;font-weight:500}.od-lock-badge{background:var(--bg-tertiary);color:var(--text-muted);border-radius:4px;padding:.25rem .5rem;font-size:.6875rem;font-weight:600}.od-customer-row{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.od-customer-avatar{background:var(--bg-tertiary);border:1px solid var(--border-default);width:40px;height:40px;font-family:var(--font-heading);color:var(--text-secondary);border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex}.od-customer-name{color:var(--text-primary);font-weight:700;display:block}.od-customer-role{color:var(--text-muted);font-size:.75rem;display:block}.od-info-rows{flex-direction:column;gap:.5rem;display:flex}.od-info-row{color:var(--text-secondary);align-items:center;gap:.5rem;font-size:.875rem;display:flex}.od-phone-link{color:var(--text-primary);font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:text-decoration-color .2s}.od-phone-link:hover{text-decoration-color:currentColor}.od-address-name{margin-bottom:.25rem;font-weight:600}.od-address-line{color:var(--text-secondary);font-size:.875rem}.od-address-wilaya{color:var(--text-primary);align-items:center;gap:.5rem;margin:.25rem 0;font-weight:600;display:flex}.od-ar{color:var(--text-muted);font-family:system-ui;font-size:.8125rem;font-weight:400}.od-delivery-badge-row{margin-top:.75rem;display:flex}.od-delivery-type-badge{border-radius:6px;align-items:center;gap:.375rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.od-dtype-home{color:#2563eb;background:#3b82f61a}.od-dtype-desk{color:#7c3aed;background:#8b5cf61a}.od-company-row{border-top:1px dashed var(--border-subtle);align-items:center;gap:.5rem;margin-top:1rem;padding-top:1rem;font-size:.875rem;font-weight:600;display:flex}.od-company-logo{object-fit:contain;width:24px;height:24px}.od-tracking{background:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:8px;margin-top:1rem;padding:.75rem}.od-tracking-code{color:var(--text-primary);letter-spacing:.1em;margin-top:.25rem;font-family:monospace;font-size:1rem;font-weight:700;display:block}.od-notes-input-row{margin-bottom:1rem;position:relative}.od-btn-send{background:var(--brand-400);color:#111;cursor:pointer;width:32px;height:32px;transition:all .2s var(--ease-out);border:none;border-radius:6px;justify-content:center;align-items:center;display:flex;position:absolute;bottom:.5rem;right:.5rem}.od-btn-send:hover{background:var(--brand-500);transform:scale(1.05)}.od-btn-send:disabled{opacity:.5;background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed;transform:none}.od-client-note{border-left:3px solid var(--accent-amber);background:#f59e0b0d;border-radius:0 4px 4px 0;padding:.75rem}.od-client-note p{color:var(--text-secondary);margin-top:.25rem;font-size:.875rem;font-style:italic}.od-activity-list{flex-direction:column;gap:1rem;display:flex}.od-activity-item{gap:.75rem;display:flex}.od-activity-dot{background:var(--border-default);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:.375rem}.od-activity-content{flex-direction:column;flex:1;display:flex}.od-activity-text{color:var(--text-secondary);font-size:.8125rem}.od-activity-text strong{color:var(--text-primary);display:block}.od-activity-status{color:var(--text-primary);font-weight:600}.od-activity-note{color:var(--text-muted);background:var(--bg-tertiary);border:1px solid var(--border-subtle);border-radius:4px;width:fit-content;margin-top:.375rem;padding:.375rem .5rem;font-size:.75rem;display:inline-block}.od-activity-time{color:var(--text-muted);margin-top:.375rem;font-size:.6875rem}.od-empty-state{color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:2rem 1rem;display:flex}.od-empty-state p{color:var(--text-secondary);margin:.5rem 0 .125rem;font-weight:600}.od-empty-state span{font-size:.75rem}.od-empty-sm{padding:1.5rem 1rem}.od-payment-rows{flex-direction:column;gap:.75rem;margin-bottom:1.25rem;display:flex}.od-payment-row{justify-content:space-between;align-items:center;display:flex}.od-payment-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.od-payment-value{color:var(--text-primary);font-size:.875rem;font-weight:600}.od-payment-status{text-transform:uppercase;border:1px solid;border-radius:4px;padding:.125rem .375rem;font-size:.6875rem;font-weight:700}.od-paid{color:var(--accent-green);background:#16a34a1a;border-color:#16a34a33}.od-pending{color:var(--accent-amber);background:#f59e0b1a;border-color:#f59e0b33}.od-payment-amount{font-family:var(--font-heading);color:var(--text-primary);font-size:1.125rem;font-weight:700}.od-profit-section{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:8px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.od-profit-row{color:var(--text-secondary);justify-content:space-between;font-size:.8125rem;display:flex}.od-profit-highlight{border-top:1px dashed var(--border-subtle);color:var(--accent-green);margin-top:.25rem;padding-top:.5rem;font-size:.875rem;font-weight:700}.od-affiliate-tag{background:var(--brand-50);border:1px solid var(--brand-200);width:fit-content;color:var(--brand-700);border-radius:6px;align-items:center;gap:.375rem;margin-top:.5rem;padding:.25rem .5rem;font-size:.75rem;font-weight:600;display:inline-flex}.od-affiliate-id{color:var(--brand-600);font-family:monospace}.od-toast{z-index:100;box-shadow:var(--shadow-lg);cursor:pointer;animation:odToastIn .3s var(--ease-spring),odToastOut .3s 3.6s ease-in forwards;border-radius:8px;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.875rem;font-weight:600;display:flex;position:fixed;top:1.5rem;right:1.5rem}.od-toast-success{color:var(--accent-green);border:1px solid var(--accent-green);background:#fff}.od-toast-error{color:var(--accent-red);border:1px solid var(--accent-red);background:#fff}@keyframes odToastIn{0%{opacity:0;transform:translateY(-12px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes odToastOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;pointer-events:none;transform:translateY(-8px)}}.od-phase-accent{border-radius:99px;height:3px;margin-bottom:1.25rem}.od-title-row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.od-status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:.25rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.od-status-badge-sm{padding:.125rem .5rem;font-size:.6875rem}.od-status-icon{opacity:.8}.od-muted-text{color:var(--text-muted);font-size:.875rem;line-height:1.5}.od-mb-md{margin-bottom:.75rem}.od-mt-md{margin-top:.75rem}.od-fw-bold{font-weight:700}.od-confirm-actions{gap:.5rem;display:flex}@keyframes odSpin{to{transform:rotate(360deg)}}.od-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;animation:.6s linear infinite odSpin;display:inline-block}.od-card-dispatch{border-color:#3b82f640}.od-card-dispatched{border-color:#16a34a40}.od-dispatch-summary{flex-direction:column;gap:.35rem;margin-bottom:.75rem;display:flex}.od-dispatch-row{justify-content:space-between;align-items:center;display:flex}.od-dispatch-label{color:var(--text-muted);font-size:.8rem}.od-dispatch-value{color:var(--text-primary);font-size:.85rem}.od-dispatch-btn{color:#fff;transition:all .2s var(--ease-out);background:#3b82f6;border:none;justify-content:center;align-items:center;gap:.5rem;font-weight:600;display:flex}.od-dispatch-btn:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.od-dispatch-btn-loading{background:#6b7280}.od-dispatch-info{color:var(--text-muted);margin-top:.5rem;font-size:.72rem;line-height:1.4}.od-dispatched-badge{color:#16a34a;background:#16a34a1a;border-radius:6px;padding:2px 8px;font-size:.7rem;font-weight:600}.od-dispatch-success{text-align:center;padding:.5rem 0}.od-dispatch-success-icon{color:#16a34a;margin:0 auto .5rem;display:block}.od-dispatch-success-text{color:#16a34a;margin-bottom:.25rem;font-weight:600}.od-dispatch-success-code{color:#16a34a;letter-spacing:.5px;background:#16a34a14;border-radius:6px;padding:4px 12px;font-size:.9rem;font-weight:700;display:inline-block}.od-dispatch-error{background:#dc26260f;border-radius:8px;margin-bottom:.5rem;padding:.5rem}.od-dispatch-error p{color:#dc2626;align-items:center;gap:4px;margin:0;font-size:.8rem;display:flex}.od-dispatch-error-icon{vertical-align:middle;flex-shrink:0}.od-tracking-block{margin-bottom:.75rem}.od-tracking-block-code{color:#16a34a;letter-spacing:.5px;background:#16a34a0f;border-radius:6px;margin-top:.25rem;padding:6px 10px;font-size:.9rem;font-weight:700;display:block}.od-carrier-status{color:#3b82f6;text-transform:capitalize;background:#3b82f614;border-radius:6px;padding:2px 8px;font-size:.78rem;font-weight:600}.od-carrier-actions{gap:.5rem;display:flex}.od-carrier-action-btn{flex:1;justify-content:center;align-items:center;gap:4px;font-size:.8rem;display:flex}.od-card-body-flush{padding:0}.od-history-count{color:#3b82f6;font-size:.7rem;font-weight:700;font-family:var(--font-heading);background:#3b82f614;border-radius:10px;padding:2px 8px}.od-history-list{padding:1rem 1.25rem}.od-history-entry{gap:.75rem;display:flex;position:relative}.od-history-line{background:linear-gradient(to bottom,var(--border-subtle),transparent);width:2px;position:absolute;top:28px;bottom:0;left:15px}.od-history-dot{width:32px;height:32px;box-shadow:0 0 0 3px var(--bg-card,#fff);z-index:1;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.od-history-body{flex:1;min-width:0}.od-history-body-spaced{padding-bottom:1.25rem}.od-history-header{justify-content:space-between;align-items:flex-start;gap:.5rem;display:flex}.od-history-meta{min-width:0}.od-history-action{margin:0;font-size:.8rem;font-weight:700}.od-history-actor-row{align-items:center;gap:6px;margin-top:3px;display:flex}.od-history-actor{border:1px solid;border-radius:4px;align-items:center;gap:3px;padding:1px 6px;font-size:.62rem;font-weight:600;display:inline-flex}.od-history-actor-name{color:var(--text-muted);font-size:.72rem;font-weight:500}.od-history-time{color:var(--text-muted);white-space:nowrap;font-size:.62rem;font-family:var(--font-mono,monospace);margin-top:2px}.od-history-status-change{align-items:center;gap:6px;margin-top:6px;font-size:.72rem;display:flex}.od-history-status-pill{border-radius:4px;padding:1px 6px;font-weight:600}.od-history-arrow{color:var(--text-muted)}.od-history-note-preview{color:var(--text-secondary);background:#8b5cf60d;border-left:3px solid #8b5cf6;border-radius:6px;max-height:2.5rem;margin-top:6px;padding:5px 10px;font-size:.72rem;font-style:italic;overflow:hidden}.od-history-carrier-info{color:var(--text-secondary);margin-top:6px;font-size:.72rem}.od-history-carrier-name{color:#16a34a}.od-history-carrier-code{color:#16a34a;background:#16a34a14;border-radius:4px;margin-left:8px;padding:1px 6px;font-size:.7rem;font-weight:700}.od-history-toggle{color:var(--text-muted);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding-top:.25rem;padding-left:2.5rem;font-size:.72rem;transition:color .2s;display:flex}.od-history-toggle:hover{color:var(--text-primary)}.mobile-topbar{height:var(--mobile-nav-height);background:var(--bg-primary);border-bottom:1px solid var(--border-default);z-index:var(--z-sticky);-webkit-backdrop-filter:blur(12px);align-items:center;gap:.75rem;padding:0 1rem;display:flex;position:fixed;top:0;left:0;right:0}.mobile-hamburger{width:var(--touch-min);height:var(--touch-min);color:var(--text-primary);cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;transition:background .15s;display:flex}.mobile-hamburger:hover{background:var(--bg-tertiary)}.mobile-topbar-brand{align-items:center;gap:.5rem;display:flex}.mobile-topbar-logo{object-fit:cover;border-radius:8px;width:32px;height:32px}.mobile-topbar-title{font-family:var(--font-heading);color:var(--text-primary);font-size:1.125rem;font-weight:700}.mobile-topbar-spacer{flex:1}.mobile-drawer-overlay{-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-sidebar) - 1);animation:fadeIn .2s var(--ease-out);background:#00000080;position:fixed;inset:0}.mobile-drawer{background:var(--bg-primary);width:min(300px,85vw);z-index:var(--z-sidebar);transition:transform .3s var(--ease-out);box-shadow:var(--shadow-xl);flex-direction:column;display:flex;position:fixed;top:0;bottom:0;left:0;overflow:hidden;transform:translate(-100%)}.mobile-drawer-open{transform:translate(0)}.mobile-drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:1rem 1.25rem;display:flex}.mobile-drawer-brand{align-items:center;gap:.625rem;display:flex}.mobile-drawer-brand img{object-fit:cover;border-radius:10px;width:36px;height:36px}.mobile-drawer-brand h2{font-family:var(--font-heading);color:var(--text-primary);font-size:1.125rem;font-weight:700}.mobile-drawer-close{background:var(--bg-tertiary);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;transition:all .15s;display:flex}.mobile-drawer-close:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-drawer-nav{flex:1;padding:.75rem 0;overflow-y:auto}.mobile-drawer-section{margin-bottom:.25rem}.mobile-drawer-section-header{width:100%;color:var(--text-secondary);font-family:var(--font-body);cursor:pointer;text-transform:uppercase;letter-spacing:.03em;background:0 0;border:none;align-items:center;gap:.625rem;padding:.625rem 1.25rem;font-size:.8125rem;font-weight:600;transition:all .15s;display:flex}.mobile-drawer-section-header:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-drawer-items{padding:0 .75rem}.mobile-drawer-item{color:var(--text-secondary);min-height:var(--touch-min);border-radius:10px;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.mobile-drawer-item:hover{background:var(--bg-secondary);color:var(--text-primary)}.mobile-drawer-item.active{background:var(--brand-50);color:var(--brand-700);font-weight:600}.mobile-drawer-badge{background:var(--accent-red);color:#fff;text-align:center;border-radius:99px;min-width:18px;margin-left:auto;padding:2px 6px;font-size:.625rem;font-weight:700}.mobile-drawer-footer{border-top:1px solid var(--border-subtle);padding:1rem 1.25rem}.mobile-drawer-user{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.mobile-drawer-avatar{background:linear-gradient(135deg,var(--brand-200),var(--brand-400));width:40px;height:40px;color:var(--brand-700);border-radius:50%;justify-content:center;align-items:center;font-size:.875rem;font-weight:700;display:flex}.mobile-drawer-username{color:var(--text-primary);font-size:.875rem;font-weight:600}.mobile-drawer-email{color:var(--text-muted);font-size:.6875rem}.mobile-drawer-signout{border:1px solid var(--border-default);width:100%;color:var(--text-secondary);cursor:pointer;min-height:var(--touch-min);font-size:.8125rem;font-weight:500;font-family:var(--font-body);background:0 0;border-radius:10px;align-items:center;gap:.625rem;padding:.625rem .75rem;transition:all .15s;display:flex}.mobile-drawer-signout:hover{color:var(--accent-red);background:#fef2f2;border-color:#dc262633}.mobile-bottombar{height:var(--mobile-bottom-bar-height);background:var(--bg-primary);border-top:1px solid var(--border-default);z-index:var(--z-sticky);padding-bottom:env(safe-area-inset-bottom,0px);-webkit-backdrop-filter:blur(12px);justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0}.mobile-bottombar-item{color:var(--text-muted);cursor:pointer;min-height:var(--touch-min);-webkit-tap-highlight-color:transparent;font-family:var(--font-body);background:0 0;border:none;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:2px;padding:6px 0;text-decoration:none;transition:color .15s;display:flex}.mobile-bottombar-item.active{color:var(--brand-600)}.mobile-bottombar-icon-wrap{justify-content:center;align-items:center;display:flex;position:relative}.mobile-bottombar-badge{background:var(--accent-red);color:#fff;text-align:center;border-radius:99px;min-width:14px;padding:1px 4px;font-size:.5rem;font-weight:800;line-height:1.2;position:absolute;top:-4px;right:-8px}.mobile-bottombar-label{letter-spacing:.01em;font-size:.5625rem;font-weight:600}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary)25%,var(--bg-secondary)37%,var(--bg-tertiary)63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite skeletonShimmer}.skeleton-rounded{border-radius:50%}.skeleton-pulse{animation:1.5s ease-in-out infinite skeletonPulse}@keyframes skeletonShimmer{0%{background-position:100%}to{background-position:0%}}@keyframes skeletonPulse{0%,to{opacity:1}50%{opacity:.6}}.page{animation:pageEnter .35s var(--ease-out)both}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}:focus-visible{outline:2px solid var(--brand-400);outline-offset:2px;border-radius:4px}.stagger-1{animation-delay:50ms}.stagger-2{animation-delay:.1s}.stagger-3{animation-delay:.15s}.stagger-4{animation-delay:.2s}.glass-card{-webkit-backdrop-filter:blur(12px);background:#ffffffb3;border:1px solid #ffffff4d}.dash-stat-value,.ox-stat-value{font-variant-numeric:tabular-nums}.dash-stat-accent{transition:width .3s var(--ease-out)}.dash-stat-card:hover .dash-stat-accent{width:5px}.show-mobile{display:none}@media (min-width:1025px){.hide-desktop{display:none!important}}@media (max-width:1024px){.show-mobile{display:flex}.hide-mobile{display:none!important}.dashboard-layout{flex-direction:column}.main-content{padding-bottom:var(--mobile-bottom-bar-height,60px);width:100%;padding-top:var(--mobile-nav-height)!important;margin-left:0!important}.ord-table-wrap,.ox-table-wrap{-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:0 -1rem;padding:0 1rem;overflow-x:auto}.ord-table-wrap::-webkit-scrollbar{display:none}.ox-table-wrap::-webkit-scrollbar{display:none}}@media (max-width:479px){.page{padding:.75rem}.dash-title{font-size:1.25rem}.dash-subtitle{font-size:.75rem}.dash-stats{grid-template-columns:repeat(2,1fr);gap:.5rem}.dash-stat-card{padding:.75rem}.dash-stat-value{font-size:1.125rem}.dash-grid-2{grid-template-columns:1fr;gap:.75rem}.dash-card-header h2{font-size:.8125rem}}@media (min-width:480px) and (max-width:767px){.page{padding:1rem}.dash-stats{grid-template-columns:repeat(2,1fr);gap:.625rem}.dash-grid-2{grid-template-columns:1fr}}@media (min-width:768px) and (max-width:1023px){.page{padding:1.25rem}.dash-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.dash-pipeline{flex-direction:column;gap:.75rem}.dash-pipe-arrow{font-size:1rem;transform:rotate(90deg)}.dash-pipe-item{background:var(--bg-secondary);border:1px solid var(--border-subtle);border-radius:10px;flex-direction:row;gap:.75rem;padding:.75rem}.dash-perf-grid{grid-template-columns:repeat(2,1fr)}.dash-recent-table{display:none}.dash-recent-cards{flex-direction:column;gap:.5rem;padding:.75rem;display:flex}.dash-recent-card{background:var(--bg-secondary);border:1px solid var(--border-subtle);color:inherit;border-radius:10px;align-items:center;gap:.75rem;padding:.75rem;text-decoration:none;transition:all .15s;display:flex}.dash-recent-card:active{background:var(--bg-tertiary);transform:scale(.98)}.dash-recent-card-info{flex:1;min-width:0}.dash-recent-card-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:600;overflow:hidden}.dash-recent-card-meta{color:var(--text-muted);margin-top:2px;font-size:.6875rem}.dash-recent-card-amount{font-family:var(--font-heading);color:var(--text-primary);white-space:nowrap;font-size:.875rem;font-weight:700}.dash-recent-card-status{white-space:nowrap;border-radius:6px;padding:3px 8px;font-size:.625rem;font-weight:700}}@media (min-width:769px){.dash-recent-cards{display:none}}@media (max-width:768px){.ox-page{padding:.75rem}.ox-stat{border-radius:10px;padding:.75rem}.ox-stat-value{font-size:1.25rem}.ox-stat-label{font-size:.625rem}.ox-chips{-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:6px;margin:0 -.75rem;padding-bottom:8px;padding-left:.75rem;padding-right:.75rem;overflow-x:auto;grid-template-columns:unset!important;display:flex!important}.ox-chips::-webkit-scrollbar{display:none}.ox-chip{flex-shrink:0;min-width:auto;padding:8px 12px}.ox-filterbar{flex-direction:column;gap:8px}.ox-filterbar-search{width:100%}.ox-filterbar-toggle{justify-content:center;width:100%}.ox-filters{flex-direction:column;gap:8px}.ox-filter-group{width:100%}.ox-table thead{display:none}.ox-table,.ox-table tbody,.ox-table tr,.ox-table td{width:100%;display:block}.ox-table-wrap{margin:0;padding:0;overflow-x:visible}.ox-table{min-width:unset;border-collapse:separate;border-spacing:0 6px}.ox-row{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;grid-template-rows:auto auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:4px 10px;margin-bottom:.5rem;padding:.75rem;animation:none!important;display:grid!important}.ox-row td{border:none!important;padding:0!important}.ox-row td:first-child{grid-area:1/1/3}.ox-row td:nth-child(2){grid-area:1/2}.ox-row td:nth-child(3){grid-area:2/2}.ox-row td:nth-child(4){display:none}.ox-row td:nth-child(5){text-align:right;grid-area:1/3}.ox-row td:nth-child(6){grid-area:3/1/auto/3;padding-top:6px!important}.ox-row td:nth-child(7){display:none}.ox-row td:nth-child(8){grid-area:2/3/4;justify-self:end}.ox-order-id{font-size:.75rem}.ox-customer-name{font-size:.8125rem}.ox-customer-phone{font-size:.625rem}.ox-pagination{gap:8px}.ox-pg-btn{min-height:var(--touch-min);padding:8px 12px;font-size:.75rem}.ox-pg-info{font-size:.625rem}.qv-sidebar{border-radius:0!important;width:100%!important;max-width:100%!important}.qv-overlay{z-index:var(--z-overlay)}.ox-bulk{flex-wrap:wrap;gap:6px;padding:8px 12px}.ox-bulk-btn{min-height:var(--touch-min);flex:1;justify-content:center}.products-grid{gap:.5rem;grid-template-columns:1fr!important}.pf-layout{gap:1rem;grid-template-columns:1fr!important}.pf-header-right{flex-direction:column;gap:.5rem}.pf-header-right button{width:100%;min-height:var(--touch-min);justify-content:center}.ord-table thead{display:none}.ord-table,.ord-table tbody,.ord-table tr,.ord-table td{width:100%;display:block}.ord-table tr{background:var(--bg-card);border:1px solid var(--border-default);border-radius:12px;margin-bottom:.5rem;padding:.75rem}.ord-table td{border:none!important;padding:4px 0!important}.ord-toolbar{flex-direction:column;gap:8px}.ord-search{width:100%}.ord-pagination{flex-direction:column;align-items:center;gap:8px}.ord-pg-nav{flex-wrap:wrap;justify-content:center;gap:4px}.ord-pg-btn{min-height:var(--touch-min);min-width:var(--touch-min)}.dash-grid-2{grid-template-columns:1fr;gap:.75rem}.dash-perf-grid{grid-template-columns:repeat(2,1fr);gap:.5rem}.dash-perf-item{border-radius:8px;padding:.625rem}.dash-card{border-radius:var(--mobile-card-radius)}.dash-card-header{padding:.75rem 1rem}.dash-card-header h2{font-size:.8125rem}.od-page{padding:0 1rem}.od-grid{grid-template-columns:1fr;gap:.75rem}.od-header{flex-direction:column;align-items:flex-start;gap:.75rem}.od-title{font-size:1.35rem}.od-title-row{gap:.5rem}.od-header-actions{gap:6px;width:100%;display:flex}.od-header-actions button{min-height:var(--touch-min);flex:1;justify-content:center}.od-breadcrumb{font-size:.75rem}.od-card{border-radius:var(--mobile-card-radius)}.od-timeline-step{padding:.625rem 0}.od-kpi-value{font-size:1.5rem}.od-dispatch-summary{font-size:.78rem}.od-carrier-actions{flex-direction:column}.od-carrier-action-btn{flex:unset;width:100%}.od-history-list{padding:.75rem 1rem}.od-history-header{flex-direction:column;gap:.25rem}.od-history-time{align-self:flex-start}.od-items-summary{padding:1rem}.od-payment-amount{font-size:1rem}.od-profit-section{padding:.75rem}.wlt-tabs{flex-wrap:wrap;gap:4px}.wlt-tab{text-align:center;flex:auto;min-width:0;padding:.5rem .625rem;font-size:.75rem}.modal{border-radius:var(--mobile-card-radius);max-width:calc(100vw - 2rem)}.wallet-modal-balance strong{font-size:var(--text-md)}.dc-header{flex-direction:column;align-items:flex-start;gap:.75rem}.dc-actions{width:100%}.dc-actions button{width:100%;min-height:var(--touch-min);justify-content:center}.settings-grid{grid-template-columns:1fr}.import-dropzone{padding:2rem 1rem}.import-dropzone svg{width:40px;height:40px}}@media print{.sidebar,.od-header-actions,.od-breadcrumb,.od-phase-accent,.od-no-print,.od-toast{display:none!important}.main-content{margin-left:0!important}.od-grid{grid-template-columns:1fr;gap:1rem}.od-card{box-shadow:none;break-inside:avoid;border:1px solid #ccc}body{background:#fff}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.adm-dash-page{flex-direction:column;gap:22px;padding:24px 28px 56px;display:flex}.adm-dash-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.adm-dash-title{color:var(--text-primary,#111118);font-family:Plus Jakarta Sans,sans-serif;font-size:22px;font-weight:800}.adm-dash-date{color:var(--text-muted,#a1a1aa);margin-top:2px;font-size:13px;font-weight:500}.adm-dash-actions{flex-wrap:wrap;gap:10px;display:flex}.adm-dash-btn{border:1.5px solid var(--border-default,#e4e4e9);background:var(--bg-secondary,#f8f8fa);height:36px;color:var(--text-secondary,#52525b);border-radius:100px;align-items:center;gap:6px;padding:0 16px;font-size:13px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.adm-dash-btn:hover{border-color:var(--border-hover,#d4d4db);color:var(--text-primary,#111118);background:#fff}.adm-dash-btn-primary{background:var(--brand-400,#fcd914);border-color:var(--brand-400,#fcd914);color:#000}.adm-dash-btn-primary:hover{background:var(--brand-500,#e5c300);border-color:var(--brand-500,#e5c300)}.adm-dash-kpi-row{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.adm-kpi-card{border:1px solid var(--border-default,#e4e4e9);box-shadow:var(--shadow-sm,0 1px 3px #0000000f);background:#fff;border-radius:16px;padding:20px 22px;transition:all .2s;position:relative;overflow:hidden}.adm-kpi-card:hover{box-shadow:var(--shadow-md,0 4px 12px #00000014);transform:translateY(-2px)}.adm-kpi-card:after{content:"";border-radius:0 0 16px 16px;height:3px;position:absolute;bottom:0;left:0;right:0}.adm-kpi-yellow:after{background:var(--brand-400,#fcd914)}.adm-kpi-blue:after{background:var(--accent-blue,#2563eb)}.adm-kpi-purple:after{background:var(--accent-purple,#7c3aed)}.adm-kpi-green:after{background:var(--accent-green,#16a34a)}.adm-kpi-icon{border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:14px;display:grid}.adm-kpi-yellow .adm-kpi-icon{color:#92400e;background:#fcd91429}.adm-kpi-blue .adm-kpi-icon{color:#2563eb;background:#2563eb1a}.adm-kpi-purple .adm-kpi-icon{color:#7c3aed;background:#7c3aed1a}.adm-kpi-green .adm-kpi-icon{color:#16a34a;background:#16a34a1a}.adm-kpi-label{color:var(--text-muted,#a1a1aa);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:5px;margin-bottom:6px;font-size:11.5px;font-weight:700;display:flex}.adm-kpi-value{color:var(--text-primary,#111118);margin-bottom:10px;font-family:Plus Jakarta Sans,sans-serif;font-size:30px;font-weight:800;line-height:1}.adm-kpi-delta-row{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.adm-kpi-delta{border-radius:100px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;font-weight:700;display:inline-flex}.adm-kpi-delta.up{color:#16a34a;background:#f0fdf4}.adm-kpi-delta.down{color:#dc2626;background:#fef2f2}.adm-kpi-delta.neutral{background:var(--bg-secondary,#f8f8fa);color:var(--text-muted,#a1a1aa)}.adm-kpi-sub{color:var(--text-muted,#a1a1aa);font-size:11px;font-weight:500}.adm-dash-grid-main{grid-template-columns:1fr 360px;gap:20px;display:grid}.adm-dash-card{border:1px solid var(--border-default,#e4e4e9);box-shadow:var(--shadow-sm,0 1px 3px #0000000f);background:#fff;border-radius:16px;overflow:hidden}.adm-card-header{border-bottom:1px solid var(--border-subtle,#f0f0f3);justify-content:space-between;align-items:center;padding:18px 22px 14px;display:flex}.adm-card-title{color:var(--text-primary,#111118);align-items:center;gap:7px;font-family:Plus Jakarta Sans,sans-serif;font-size:14.5px;font-weight:800;display:flex}.adm-card-title svg{opacity:.65;width:15px;height:15px}.adm-card-link{color:var(--text-secondary,#52525b);align-items:center;gap:3px;font-size:12px;font-weight:600;text-decoration:none;transition:color .15s;display:flex}.adm-card-link:hover{color:var(--text-primary,#111118)}.adm-card-period{background:var(--bg-secondary,#f8f8fa);border:1px solid var(--border-default,#e4e4e9);color:var(--text-secondary,#52525b);border-radius:100px;align-items:center;gap:5px;padding:4px 11px;font-size:11px;font-weight:600;display:flex}.adm-chart-wrap{padding:18px 22px 14px}.adm-chart-legend{gap:18px;margin-bottom:14px;display:flex}.adm-legend-item{color:var(--text-secondary,#52525b);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.adm-legend-dot{border-radius:50%;width:10px;height:10px}.adm-chart-summary{border-top:1px solid var(--border-subtle,#f0f0f3);gap:10px;padding:12px 22px;display:flex}.adm-chart-pill{background:var(--bg-secondary,#f8f8fa);border:1px solid var(--border-default,#e4e4e9);border-radius:10px;flex:1;padding:10px 12px}.adm-chart-pill-label{color:var(--text-muted,#a1a1aa);text-transform:uppercase;letter-spacing:.04em;margin-bottom:3px;font-size:10px;font-weight:600}.adm-chart-pill-val{color:var(--text-primary,#111118);font-family:Plus Jakarta Sans,sans-serif;font-size:18px;font-weight:800}.adm-chart-pill-val span{color:var(--text-muted,#a1a1aa);font-size:11px;font-weight:600}.adm-aff-list{flex-direction:column;display:flex}.adm-aff-item{border-bottom:1px solid var(--border-subtle,#f0f0f3);cursor:pointer;align-items:center;gap:10px;padding:12px 22px;text-decoration:none;transition:background .12s;display:flex}.adm-aff-item:last-child{border-bottom:none}.adm-aff-item:hover{background:var(--bg-secondary,#f8f8fa)}.adm-aff-rank{width:22px;height:22px;color:var(--text-muted,#a1a1aa);background:var(--bg-secondary,#f8f8fa);border:1px solid var(--border-default,#e4e4e9);border-radius:50%;flex-shrink:0;place-items:center;font-size:10px;font-weight:800;display:grid}.adm-aff-rank.top3{background:var(--brand-400,#fcd914);color:#000;border-color:var(--brand-400,#fcd914)}.adm-aff-avatar{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800;display:grid}.adm-aff-info{flex:1;min-width:0}.adm-aff-name{color:var(--text-primary,#111118);white-space:nowrap;text-overflow:ellipsis;font-size:13px;font-weight:700;overflow:hidden}.adm-aff-meta{color:var(--text-muted,#a1a1aa);margin-top:1px;font-size:11px;font-weight:500}.adm-aff-commission{color:#16a34a;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800}.adm-aff-orders{color:var(--text-muted,#a1a1aa);text-align:right;margin-top:1px;font-size:11px}.adm-dash-grid-bottom{grid-template-columns:300px 1fr;gap:20px;display:grid}.adm-prod-list{flex-direction:column;display:flex}.adm-prod-item{border-bottom:1px solid var(--border-subtle,#f0f0f3);align-items:center;gap:10px;padding:12px 22px;display:flex}.adm-prod-item:last-child{border-bottom:none}.adm-prod-bar{border-radius:2px;flex-shrink:0;width:3px;height:32px}.adm-prod-img{object-fit:cover;border:1px solid var(--border-default,#e4e4e9);background:var(--bg-secondary,#f8f8fa);border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:16px;display:grid}.adm-prod-info{flex:1;min-width:0}.adm-prod-name{color:var(--text-primary,#111118);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;font-weight:700;overflow:hidden}.adm-prod-cat{color:var(--text-muted,#a1a1aa);margin-top:2px;font-size:10.5px}.adm-prod-price{color:var(--text-primary,#111118);text-align:right;white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:800}.adm-prod-sold{color:#16a34a;text-align:right;margin-top:2px;font-size:10.5px;font-weight:700}.adm-orders-wrap{overflow-x:auto}.adm-orders-table{border-collapse:collapse;width:100%;font-size:13px}.adm-orders-table th{text-align:left;color:var(--text-muted,#a1a1aa);text-transform:uppercase;letter-spacing:.05em;background:var(--bg-secondary,#f8f8fa);border-bottom:1px solid var(--border-default,#e4e4e9);white-space:nowrap;padding:9px 16px;font-size:10.5px;font-weight:700}.adm-orders-table td{border-bottom:1px solid var(--border-subtle,#f0f0f3);vertical-align:middle;padding:11px 16px}.adm-orders-table tr:last-child td{border-bottom:none}.adm-orders-table tr:hover td{background:var(--bg-secondary,#f8f8fa)}.adm-ord-num{color:var(--accent-blue,#2563eb);font-family:Plus Jakarta Sans,sans-serif;font-size:12px;font-weight:700;text-decoration:none}.adm-ord-num:hover{text-decoration:underline}.adm-ord-customer-name{color:var(--text-primary,#111118);font-size:13px;font-weight:600}.adm-ord-customer-phone{color:var(--text-muted,#a1a1aa);margin-top:1px;font-size:11px}.adm-ord-affiliate{align-items:center;gap:5px;display:flex}.adm-ord-aff-dot{color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;font-size:10px;font-weight:800;display:grid}.adm-ord-aff-name{color:var(--text-secondary,#52525b);font-size:12px;font-weight:500}.adm-ord-amount{color:var(--text-primary,#111118);white-space:nowrap;font-family:Plus Jakarta Sans,sans-serif;font-size:13px;font-weight:800}.adm-ord-profit{color:#16a34a;margin-top:1px;font-size:11px;font-weight:700}.adm-ord-status{white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:4px 9px;font-size:11px;font-weight:700;display:inline-flex}.adm-ord-date{color:var(--text-muted,#a1a1aa);white-space:nowrap;font-size:11px}.adm-ord-view{background:var(--bg-secondary,#f8f8fa);border:1px solid var(--border-default,#e4e4e9);width:28px;height:28px;color:var(--text-secondary,#52525b);border-radius:7px;place-items:center;text-decoration:none;transition:all .15s;display:grid}.adm-ord-view:hover{background:var(--border-default,#e4e4e9);color:var(--text-primary,#111118)}@media (max-width:1280px){.adm-dash-kpi-row{grid-template-columns:repeat(2,1fr)}.adm-dash-grid-main,.adm-dash-grid-bottom{grid-template-columns:1fr}}@media (max-width:768px){.adm-dash-kpi-row{grid-template-columns:1fr 1fr}.adm-dash-page{padding:16px}}@media (max-width:480px){.adm-dash-kpi-row{grid-template-columns:1fr}.adm-kpi-value{font-size:26px}}.adm-dash-kpi-row{animation:.4s cubic-bezier(.22,1,.36,1) both adm-slide-up}.adm-dash-grid-main{animation:.4s cubic-bezier(.22,1,.36,1) 70ms both adm-slide-up}.adm-dash-grid-bottom{animation:.4s cubic-bezier(.22,1,.36,1) .13s both adm-slide-up}@keyframes adm-slide-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.qam-wrapper{z-index:900;-webkit-user-select:none;user-select:none;touch-action:none;cursor:grab;position:fixed}.qam-wrapper:active{cursor:grabbing}.qam-fab{cursor:pointer;z-index:10;background:linear-gradient(135deg,#fcd914 0%,#e6c200 100%);border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;transition:transform .25s cubic-bezier(.34,1.56,.64,1),background .25s,box-shadow .25s;display:flex;position:relative;box-shadow:0 8px 32px #fcd91480,0 2px 8px #0000001f}.qam-fab:hover{transform:scale(1.08);box-shadow:0 12px 40px #fcd91499,0 4px 12px #00000026}.qam-fab--open{background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%)!important;transform:rotate(45deg)scale(1.05)!important;box-shadow:0 8px 32px #00000040!important}.qam-fab-icon{pointer-events:none;flex-direction:column;align-items:center;gap:4px;display:flex}.qam-fab-icon span{background:#0f172a;border-radius:2px;width:20px;height:2.5px;transition:transform .25s,opacity .25s,background .25s;display:block}.qam-fab--open .qam-fab-icon span{background:#fff}.qam-fab--open .qam-fab-icon span:first-child{transform:translateY(6.5px)rotate(45deg)}.qam-fab--open .qam-fab-icon span:nth-child(2){opacity:0;transform:scaleX(0)}.qam-fab--open .qam-fab-icon span:nth-child(3){transform:translateY(-6.5px)rotate(-45deg)}.qam-item{opacity:0;pointer-events:none;transition:opacity .2s,transform .35s cubic-bezier(.34,1.56,.64,1);position:absolute;transform:scale(.5)}.qam-item--open{opacity:1;pointer-events:all;transform:scale(1)}.qam-item-btn{cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:46px;height:46px;transition:all .18s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;box-shadow:0 4px 16px #0000001a,0 1px 4px #0000000f}.qam-item-btn:hover{background:#fcd914;border-color:#fcd914;transform:scale(1.15);box-shadow:0 6px 24px #fcd91459,0 2px 8px #0000001a}.qam-item-emoji{pointer-events:none;font-size:20px;line-height:1;transition:transform .18s}.qam-item-btn:hover .qam-item-emoji{transform:scale(1.1)}.qam-item-label{color:#fff;white-space:nowrap;opacity:0;pointer-events:none;background:#0f172a;border-radius:8px;padding:5px 10px;font-size:11px;font-weight:600;transition:opacity .15s;position:absolute;top:50%;right:calc(100% + 10px);transform:translateY(-50%)}.qam-item-label:after{content:"";border:5px solid #0000;border-left-color:#0f172a;position:absolute;top:50%;left:100%;transform:translateY(-50%)}.qam-item-btn:hover .qam-item-label{opacity:1}.qam-item-btn.qam-settings-btn{background:#f1f5f9;border-color:#cbd5e1}.qam-item-btn.qam-settings-btn:hover{background:#e2e8f0;border-color:#94a3b8;transform:scale(1.15)rotate(20deg)}.qam-backdrop{z-index:899;position:fixed;inset:0}.qam-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;background:#0f172a66;justify-content:center;align-items:center;animation:.2s qam-fade-in;display:flex;position:fixed;inset:0}.qam-modal{background:#fff;border-radius:24px;flex-direction:column;width:440px;max-width:95vw;max-height:88vh;animation:.3s cubic-bezier(.34,1.56,.64,1) qam-scale-in;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000026,0 4px 20px #00000014}@keyframes qam-fade-in{0%{opacity:0}to{opacity:1}}@keyframes qam-scale-in{0%{opacity:0;transform:scale(.92)translateY(16px)}to{opacity:1;transform:scale(1)translateY(0)}}.qam-modal-header{flex-shrink:0;justify-content:space-between;align-items:center;padding:24px 24px 0;display:flex}.qam-modal-title{color:#0f172a;margin:0;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:17px;font-weight:800}.qam-modal-close{cursor:pointer;color:#94a3b8;background:#f8fafc;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:14px;transition:all .15s;display:flex}.qam-modal-close:hover{color:#ef4444;background:#fee2e2}.qam-modal-sub{color:#94a3b8;flex-shrink:0;padding:6px 24px 0;font-size:12px}.qam-modal-section-label{color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;padding:16px 24px 8px;font-size:11px;font-weight:700}.qam-modal-divider{background:#e2e8f0;flex-shrink:0;height:1px;margin:0 24px}.qam-slots{flex-wrap:wrap;flex-shrink:0;gap:8px;padding:0 24px 16px;display:flex}.qam-slot{color:#334155;background:#fffdf0;border:1.5px solid #fcd914;border-radius:99px;align-items:center;gap:6px;padding:6px 10px 6px 8px;font-size:12px;font-weight:600;display:inline-flex}.qam-slot-emoji{font-size:15px}.qam-slot-remove{color:#ef4444;cursor:pointer;background:#fee2e2;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:16px;height:16px;font-size:9px;font-weight:800;line-height:1;transition:all .12s;display:inline-flex}.qam-slot-remove:hover{color:#fff;background:#ef4444}.qam-slot-empty{color:#cbd5e1;border:1.5px dashed #e2e8f0;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:300;display:inline-flex}.qam-available-grid{flex:1;grid-template-columns:repeat(3,1fr);gap:8px;min-height:0;padding:0 24px;display:grid;overflow-y:auto}.qam-avail-item{cursor:pointer;text-align:left;background:#fff;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:8px;padding:9px 10px;font-family:inherit;transition:all .15s;display:flex}.qam-avail-item:hover:not(:disabled){background:#fffdf0;border-color:#fcd914;transform:translateY(-1px);box-shadow:0 4px 12px #fcd91433}.qam-avail-item--used{opacity:.45;cursor:default}.qam-avail-item--full{opacity:.35;cursor:not-allowed}.qam-avail-emoji{flex-shrink:0;font-size:19px}.qam-avail-name{color:#334155;flex:1;font-size:12px;font-weight:600;line-height:1.2}.qam-avail-check{color:#22c55e;flex-shrink:0;font-size:12px;font-weight:700}.qam-avail-plus{color:#94a3b8;background:#f1f5f9;border:1.5px solid #e2e8f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;font-size:12px;font-weight:700;transition:all .15s;display:flex}.qam-avail-item:hover:not(:disabled) .qam-avail-plus{color:#0f172a;background:#fcd914;border-color:#fcd914}.qam-modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;flex-shrink:0;justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.qam-modal-hint{color:#94a3b8;font-size:11px}.qam-save-btn{color:#0f172a;cursor:pointer;background:linear-gradient(135deg,#fcd914 0%,#e6c200 100%);border:none;border-radius:99px;padding:8px 22px;font-family:inherit;font-size:13px;font-weight:700;transition:all .18s;box-shadow:0 2px 8px #fcd91466}.qam-save-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 16px #fcd91480}.qam-save-btn:disabled{opacity:.6;cursor:not-allowed}.qam-toast{color:#fff;z-index:2000;pointer-events:none;background:#0f172a;border-radius:99px;padding:8px 16px;font-size:12px;font-weight:600;animation:.25s qam-toast-in,.25s 1.95s forwards qam-toast-out;position:fixed;bottom:108px;right:36px;box-shadow:0 4px 16px #0003}@keyframes qam-toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes qam-toast-out{0%{opacity:1}to{opacity:0}}