@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;0,9..40,800;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--brand: #14817c;--brand-dark: #0f6860;--brand-darker: #0a524d;--brand-light: #ccecea;--brand-bg: #f0faf9;--brand-50: #f0faf9;--brand-100: #ccecea;--brand-200: #99d9d7;--accent: #ed8112;--accent-dark: #c46b0a;--accent-light: #fef0dc;--rail-bg: #0f2d2a;--rail-border: rgba(255,255,255,.07);--rail-text: rgba(255,255,255,.55);--rail-text-hover: rgba(255,255,255,.9);--rail-active-bg: rgba(20,129,124,.25);--rail-active-fg: #4dd4cc;--green-primary: var(--brand);--green-dark: var(--brand-dark);--green-light: var(--brand-light);--green-bg: var(--brand-bg);--green-accent: var(--brand);--green-50: var(--brand-50);--green-100: var(--brand-100);--green-200: var(--brand-200);--green-700: var(--brand-dark);--gray-50: #f8fafc;--gray-100: #f1f5f9;--gray-150: #eaeff6;--gray-200: #e2e8f0;--gray-300: #cbd5e1;--gray-400: #94a3b8;--gray-500: #64748b;--gray-600: #475569;--gray-700: #334155;--gray-800: #1e293b;--gray-900: #0f172a;--red-50: #fff1f2;--red-100: #ffe4e6;--red-500: #ef4444;--red-600: #dc2626;--red-bg: #fff1f2;--red-text: #b91c1c;--blue-50: #eff6ff;--blue-bg: #eff6ff;--blue-text: #1d4ed8;--blue-border: #bfdbfe;--amber-bg: #fffbeb;--amber-text: #92400e;--amber-50: #fffbeb;--orange-bg: #fff7ed;--font: "DM Sans", system-ui, sans-serif;--font-mono: "DM Mono", "Fira Code", monospace;--radius-xs: 3px;--radius-sm: 7px;--radius-md: 11px;--radius-lg: 15px;--radius-xl: 19px;--radius-2xl: 23px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.03);--shadow-md: 0 4px 12px rgba(15,23,42,.08), 0 2px 4px rgba(15,23,42,.04);--shadow-lg: 0 8px 28px rgba(15,23,42,.11), 0 2px 8px rgba(15,23,42,.05);--shadow-xl: 0 20px 48px rgba(15,23,42,.14), 0 4px 16px rgba(15,23,42,.07);--shadow-brand: 0 4px 16px rgba(20,129,124,.28);--shadow-brand-lg: 0 8px 28px rgba(20,129,124,.35);--sidebar-width: 232px;--topbar-height: 56px;--t-fast: .12s ease;--t-base: .18s ease;--t-slow: .28s ease;--surface-0: #ffffff;--surface-1: #f8fafc;--surface-2: #f1f5f9;--border-soft: #e2e8f0;--border-med: #cbd5e1;--text-primary: #0f172a;--text-secondary: #64748b;--text-tertiary: #94a3b8;--surface: var(--surface-0);--text: var(--text-primary);--border: var(--border-soft);--text-muted: var(--text-secondary);--red: var(--red-500);--surface-raised: var(--surface-1)}[data-theme=dark]{--brand: #2dd4b0;--brand-dark: #14b896;--brand-darker: #0d9488;--brand-light: #042d23;--brand-bg: #020f0c;--brand-50: #031a15;--brand-100: #053528;--brand-200: #0a4a39;--green-primary: var(--brand);--green-dark: var(--brand-dark);--green-light: var(--brand-light);--green-bg: var(--brand-bg);--green-accent: var(--brand);--green-50: var(--brand-50);--green-100: var(--brand-100);--green-200: var(--brand-200);--green-700: var(--brand);--accent: #fbbf24;--accent-dark: #f59e0b;--accent-light: #1c1005;--rail-bg: #020808;--rail-border: rgba(255,255,255,.06);--rail-text: rgba(255,255,255,.45);--rail-text-hover: rgba(255,255,255,.85);--rail-active-bg: rgba(45,212,176,.15);--rail-active-fg: #2dd4b0;--gray-50: #111c19;--gray-100: #172320;--gray-150: #1c2c28;--gray-200: #223330;--gray-300: #2e4440;--gray-400: #4d6662;--gray-500: #718d89;--gray-600: #9ab3ae;--gray-700: #c2d4d0;--gray-800: #dce8e5;--gray-900: #eef5f3;--red-50: #1e0909;--red-100: #2c1010;--red-500: #f87171;--red-600: #ef4444;--red-bg: #1e0a0a;--red-text: #fca5a5;--blue-50: #0c1829;--blue-bg: #0c1829;--blue-text: #93c5fd;--blue-border: #1e3a5f;--amber-bg: #1c1205;--amber-text: #fcd34d;--amber-50: #1c1205;--orange-bg: #161005;--shadow-xs: 0 1px 2px rgba(0,0,0,.35);--shadow-sm: 0 1px 3px rgba(0,0,0,.4), 0 1px 2px rgba(0,0,0,.25);--shadow-md: 0 4px 12px rgba(0,0,0,.5), 0 2px 4px rgba(0,0,0,.3);--shadow-lg: 0 8px 28px rgba(0,0,0,.6), 0 2px 8px rgba(0,0,0,.35);--shadow-xl: 0 20px 48px rgba(0,0,0,.7), 0 4px 16px rgba(0,0,0,.4);--shadow-brand: 0 4px 16px rgba(45,212,176,.22);--shadow-brand-lg: 0 8px 28px rgba(45,212,176,.28);--surface-0: #0e1e1a;--surface-1: #111c19;--surface-2: #172320;--border-soft: #223330;--border-med: #2e4440;--text-primary: #eef5f3;--text-secondary: #9ab3ae;--text-tertiary: #4d6662}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:15px}body{font-family:var(--font);background:var(--brand-bg);color:var(--text-primary);line-height:1.55;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background var(--t-slow),color var(--t-slow)}.layout{display:flex;min-height:100vh}.sidebar{width:var(--sidebar-width);flex-shrink:0;background:var(--rail-bg);color:var(--rail-text);padding:1rem .65rem;display:flex;flex-direction:column;gap:.15rem;position:sticky;top:0;height:100vh;overflow-y:auto;z-index:50;border-right:1px solid var(--rail-border);transition:background var(--t-slow)}.sidebar::-webkit-scrollbar{width:3px}.sidebar::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:2px}.brand{font-weight:800;font-size:.88rem;letter-spacing:-.03em;padding:.25rem .6rem 1rem;border-bottom:1px solid var(--rail-border);display:flex;align-items:center;gap:.55rem;color:#fff;margin-bottom:.4rem}.brand-logo{width:32px;height:32px;background:var(--brand);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0;box-shadow:var(--shadow-brand)}.brand-dot{width:7px;height:7px;border-radius:50%;background:#22c55e;flex-shrink:0;animation:pulse-dot 2.5s ease-in-out infinite;box-shadow:0 0 0 3px #22c55e33}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #22c55e33}50%{box-shadow:0 0 0 6px #22c55e14,0 0 14px #22c55e66}}.sidebar nav{display:flex;flex-direction:column;gap:.05rem;flex:1;padding-top:.3rem}.nav{color:var(--rail-text);text-decoration:none;padding:.48rem .65rem;border-radius:var(--radius-sm);font-size:.81rem;font-weight:500;transition:color var(--t-fast),background var(--t-fast),transform var(--t-fast);display:flex;align-items:center;gap:.58rem;position:relative;letter-spacing:-.01em}.nav:hover{color:var(--rail-text-hover);background:#ffffff0f;transform:translate(1px)}.nav.active{background:var(--rail-active-bg);color:var(--rail-active-fg);font-weight:600}.nav.active:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:2.5px;background:var(--rail-active-fg);border-radius:0 2px 2px 0}.nav-icon{display:flex;align-items:center;flex-shrink:0;width:16px;justify-content:center;opacity:.7;transition:opacity var(--t-fast)}.nav:hover .nav-icon,.nav.active .nav-icon{opacity:1}.nav-label{flex:1}.nav-section-label{font-size:.6rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#fff3;padding:.85rem .7rem .28rem;margin-top:.3rem}.theme-toggle{display:flex;align-items:center;gap:.5rem;background:#ffffff0d;color:#ffffff80;border:1px solid var(--rail-border);border-radius:var(--radius-sm);padding:.42rem .65rem;cursor:pointer;font-size:.77rem;font-weight:500;font-family:var(--font);transition:background var(--t-fast),color var(--t-fast);width:100%;margin-bottom:.3rem;letter-spacing:-.01em}.theme-toggle:hover{background:#ffffff1a;color:#ffffffd9}.logout{margin-top:auto;background:#ef444414;color:#ffffff6b;border:1px solid rgba(239,68,68,.15);border-radius:var(--radius-sm);padding:.46rem .65rem;cursor:pointer;font-size:.77rem;font-weight:500;font-family:var(--font);transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast);display:flex;align-items:center;gap:.5rem;letter-spacing:-.01em}.logout:hover{background:#ef44442e;border-color:#ef444466;color:#fca5a5}.content{flex:1;min-width:0;padding:1.75rem 2rem;overflow-x:hidden;background:var(--brand-bg);transition:background var(--t-slow)}.page{max-width:1280px}.page h2{margin:0 0 .2rem;font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.page-meta{color:var(--text-secondary);font-size:.83rem;margin:0 0 1.35rem}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.35rem;flex-wrap:wrap}.page-header h1{margin:0;font-size:1.3rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.page-sub{margin:.2rem 0 0;font-size:.8rem;color:var(--text-secondary)}.page-toolbar{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:1.25rem}.page-toolbar-title{flex:1;min-width:0}.page-toolbar-title h2{margin:0}.filters-row{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem;align-items:center}.filters-bar{display:flex;align-items:center;gap:.65rem;flex-wrap:wrap;margin-bottom:1.1rem}.filters-row .search-input,.filters-bar .search-input,.filters-bar input[type=text],.filters-bar input[type=search]{flex:1;min-width:200px;max-width:300px;padding:.46rem .7rem .46rem 2.15rem;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);font-size:.83rem;font-family:var(--font);background:var(--surface-0) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat .62rem center;color:var(--text-primary);transition:border-color var(--t-fast),box-shadow var(--t-fast);box-shadow:var(--shadow-xs);height:36px}.filters-row .search-input:focus,.filters-bar .search-input:focus,.filters-bar input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}.filters-row .search-input::placeholder,.filters-bar input::placeholder{color:var(--text-tertiary)}.filters-row select,.filters-bar select{padding:.46rem 1.85rem .46rem .65rem;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-0);font-size:.83rem;font-family:var(--font);color:var(--text-primary);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .62rem center;box-shadow:var(--shadow-xs);transition:border-color var(--t-fast),box-shadow var(--t-fast);height:36px}.filters-row select:focus,.filters-bar select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}[data-theme=dark] .filters-row .search-input,[data-theme=dark] .filters-bar .search-input,[data-theme=dark] .filters-bar input,[data-theme=dark] .filters-row select,[data-theme=dark] .filters-bar select{background-color:var(--surface-1);border-color:var(--border-med);color:var(--text-primary)}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.9rem;margin-bottom:1.5rem}.kpi{background:var(--surface-0);border-radius:var(--radius-lg);padding:1.1rem 1.15rem;border:1.5px solid var(--border-soft);display:flex;flex-direction:column;gap:.08rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base),transform var(--t-base),border-color var(--t-base);position:relative;overflow:hidden}.kpi:after{content:"";position:absolute;top:0;left:0;right:0;height:2.5px;background:linear-gradient(90deg,var(--brand),var(--brand-dark));opacity:0;transition:opacity var(--t-base)}.kpi:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--brand-200)}.kpi:hover:after{opacity:1}.kpi-icon{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);background:var(--brand-50);margin-bottom:.6rem;flex-shrink:0;color:var(--brand)}[data-theme=dark] .kpi-icon{background:var(--brand-100)}[data-theme=dark] .kpi{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .kpi:hover{border-color:var(--brand-200)}.kpi svg,.kpi-icon svg{width:17px!important;height:17px!important;display:block;flex-shrink:0}.kpi strong{font-size:1.5rem;font-weight:800;line-height:1.1;letter-spacing:-.035em;color:var(--text-primary)}.kpi-label{display:block;font-size:.78rem;color:var(--text-secondary);font-weight:500;margin-top:.12rem}.kpi-sub{display:block;font-size:.74rem;color:var(--text-tertiary);font-weight:500;margin-top:.12rem}.kpi-sub.positive{color:var(--brand)}.kpi-sub.negative{color:var(--red-text)}.kpi-sub.warning{color:#d97706}.btn{display:inline-flex;align-items:center;gap:.38rem;padding:0 1rem;border-radius:var(--radius-sm);border:none;font-size:.83rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast),border-color var(--t-fast);white-space:nowrap;line-height:1;letter-spacing:-.01em;height:36px}.btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.btn:not(:disabled):active{transform:translateY(1px)}.btn-sm{height:30px;padding:0 .7rem;font-size:.77rem}.btn-lg{height:42px;padding:0 1.4rem;font-size:.9rem}.btn-icon{width:34px;height:34px;padding:0;justify-content:center}.btn-primary{background:var(--brand);color:#fff;box-shadow:var(--shadow-brand)}.btn-primary:hover:not(:disabled){background:var(--brand-dark);box-shadow:var(--shadow-brand-lg)}.btn-secondary{display:inline-flex;align-items:center;gap:.38rem;padding:0 .9rem;height:36px;border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);background:var(--surface-0);color:var(--text-secondary);font-size:.83rem;font-weight:500;font-family:var(--font);cursor:pointer;transition:background var(--t-fast),border-color var(--t-fast);letter-spacing:-.01em}.btn-secondary:hover:not(:disabled){background:var(--surface-1);border-color:var(--border-med);color:var(--text-primary)}.btn-secondary:disabled{opacity:.4;cursor:not-allowed}.btn-ghost{background:var(--surface-0);color:var(--text-secondary);border:1.5px solid var(--border-soft);font-weight:500}.btn-ghost:hover:not(:disabled){background:var(--surface-1);border-color:var(--border-med);color:var(--text-primary)}.btn-blue{background:var(--blue-bg);color:var(--blue-text);border:1.5px solid var(--blue-border)}.btn-blue:hover:not(:disabled){background:#dbeafe;border-color:#93c5fd}.btn-red{background:var(--red-bg);color:var(--red-text);border:1.5px solid var(--red-100)}.btn-red:hover:not(:disabled){background:var(--red-100)}.btn-danger{background:var(--red-600);color:#fff}.btn-danger:hover:not(:disabled){background:#991b1b;box-shadow:0 4px 12px #b91c1c47}.btn-back-link{display:inline-flex;align-items:center;gap:.4rem;background:none;border:none;color:var(--text-secondary);font-size:.82rem;font-weight:500;font-family:var(--font);cursor:pointer;padding:0;transition:color var(--t-fast);letter-spacing:-.01em}.btn-back-link:hover{color:var(--text-primary)}.btn-new-product{display:inline-flex;align-items:center;gap:.5rem;padding:0 1.25rem;height:38px;border-radius:var(--radius-md);border:none;background:var(--brand);color:#fff;font-size:.85rem;font-weight:700;font-family:var(--font);cursor:pointer;letter-spacing:-.01em;box-shadow:var(--shadow-brand);transition:box-shadow var(--t-base),transform var(--t-fast),background var(--t-fast);position:relative;overflow:hidden}.btn-new-product:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.12) 0%,transparent 60%);pointer-events:none}.btn-new-product:hover:not(:disabled){box-shadow:var(--shadow-brand-lg);transform:translateY(-1px);background:var(--brand-dark)}[data-theme=dark] .btn-ghost{background:var(--surface-1);border-color:var(--border-soft);color:var(--text-secondary)}[data-theme=dark] .btn-ghost:hover:not(:disabled){background:var(--surface-2);border-color:var(--border-med);color:var(--text-primary)}[data-theme=dark] .btn-secondary{background:var(--surface-1);border-color:var(--border-med);color:var(--text-secondary)}[data-theme=dark] .btn-secondary:hover:not(:disabled){background:var(--surface-2);color:var(--text-primary)}[data-theme=dark] .btn-blue{background:var(--blue-bg);color:var(--blue-text);border-color:var(--blue-border)}[data-theme=dark] .btn-red{background:var(--red-bg);color:var(--red-text);border-color:#3a1010}.table-wrap,.table-wrapper{overflow:auto;background:var(--surface-0);border-radius:var(--radius-lg);border:1.5px solid var(--border-soft);box-shadow:var(--shadow-sm)}.table,.table-wrapper table{width:100%;border-collapse:collapse;font-size:.83rem}.table thead,.table-wrapper thead{background:var(--surface-1);border-bottom:1.5px solid var(--border-soft)}.table th,.table-wrapper thead th{padding:.62rem 1rem;text-align:left;font-size:.67rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap}.table td,.table-wrapper tbody td{padding:.78rem 1rem;border-bottom:1px solid var(--border-soft);vertical-align:middle;color:var(--text-primary);transition:background var(--t-fast)}.table tbody tr:last-child td,.table-wrapper tbody tr:last-child td{border-bottom:none}.table tbody tr:hover td,.table-wrapper tbody tr:hover{background:var(--brand-50)}[data-theme=dark] .table-wrap,[data-theme=dark] .table-wrapper{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .table thead,[data-theme=dark] .table-wrapper thead{background:var(--surface-1);border-bottom-color:var(--border-soft)}[data-theme=dark] .table td,[data-theme=dark] .table-wrapper tbody td{border-bottom-color:var(--border-soft)}[data-theme=dark] .table tbody tr:hover td,[data-theme=dark] .table-wrapper tbody tr:hover{background:var(--brand-50)}.table-thumb{width:58px;height:58px;object-fit:cover;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-1);display:block;flex-shrink:0;transition:transform var(--t-base),box-shadow var(--t-base)}.table-thumb:hover{transform:scale(1.1);box-shadow:var(--shadow-md)}.table-actions{display:flex;align-items:center;gap:.28rem;justify-content:flex-end}.action-btn{display:inline-flex;align-items:center;gap:.28rem;padding:.3rem .58rem;border-radius:var(--radius-sm);font-size:.74rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;letter-spacing:-.01em;height:28px}.action-btn-view{background:var(--surface-1);color:var(--text-secondary);border:1.5px solid var(--border-soft)}.action-btn-view:hover{background:var(--surface-0);border-color:var(--border-med);color:var(--text-primary);box-shadow:var(--shadow-xs)}.action-btn-edit{background:var(--blue-bg);color:var(--blue-text);border:1.5px solid var(--blue-border)}.action-btn-edit:hover{background:#dbeafe;border-color:#93c5fd}.action-btn-delete{background:var(--red-bg);color:var(--red-text);border:1.5px solid var(--red-100)}.action-btn-delete:hover{background:var(--red-100);border-color:#f87171}[data-theme=dark] .action-btn-view{background:var(--surface-1);color:var(--text-secondary);border-color:var(--border-soft)}[data-theme=dark] .action-btn-view:hover{background:var(--surface-2);border-color:var(--border-med)}[data-theme=dark] .action-btn-edit{background:var(--blue-bg);color:var(--blue-text);border-color:var(--blue-border)}[data-theme=dark] .action-btn-delete{background:var(--red-bg);color:var(--red-text);border-color:#3a1010}.products-toolbar{display:flex;align-items:center;gap:.85rem;flex-wrap:wrap;margin-bottom:1.1rem;background:var(--surface-0);border:1.5px solid var(--border-soft);border-radius:var(--radius-lg);padding:.9rem 1.1rem;box-shadow:var(--shadow-sm)}.products-toolbar-left{display:flex;flex-direction:column;gap:.08rem;flex:1;min-width:0}.products-toolbar-title{font-size:1.2rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);display:flex;align-items:baseline;gap:.45rem}.products-toolbar-count{font-size:.78rem;font-weight:500;color:var(--text-tertiary);background:var(--surface-1);border:1px solid var(--border-soft);border-radius:var(--radius-full);padding:1px 8px}.products-toolbar-subtitle{font-size:.78rem;color:var(--text-secondary)}.products-toolbar-right{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap}[data-theme=dark] .products-toolbar{background:var(--surface-0);border-color:var(--border-soft)}.products-search{padding:.46rem .78rem .46rem 2.15rem;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);font-size:.83rem;font-family:var(--font);background:var(--surface-1) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat .62rem center;color:var(--text-primary);width:250px;transition:border-color var(--t-fast),box-shadow var(--t-fast),background var(--t-fast);height:36px}.products-search:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f;background-color:var(--surface-0)}.products-search::placeholder{color:var(--text-tertiary)}[data-theme=dark] .products-search{background-color:var(--surface-1);border-color:var(--border-soft);color:var(--text-primary)}.badge{display:inline-flex;align-items:center;gap:.28rem;padding:2px 9px;border-radius:var(--radius-full);font-size:.67rem;font-weight:700;white-space:nowrap;line-height:1.65;letter-spacing:.01em}.badge-green{background:var(--brand-50);color:var(--brand-dark);border:1px solid var(--brand-200)}.badge-red{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-100)}.badge-zinc{background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border-soft)}.badge-blue{background:var(--blue-bg);color:var(--blue-text);border:1px solid var(--blue-border)}.badge-orange{background:var(--orange-bg);color:#c2410c;border:1px solid #fed7aa}.badge-amber{background:var(--amber-bg);color:var(--amber-text);border:1px solid #fde68a}[data-theme=dark] .badge-green{background:var(--brand-100);color:var(--brand);border-color:var(--brand-200)}[data-theme=dark] .badge-red{background:var(--red-bg);color:var(--red-text);border-color:#4a1515}[data-theme=dark] .badge-zinc{background:var(--gray-100);color:var(--gray-600);border-color:var(--gray-200)}[data-theme=dark] .badge-blue{background:var(--blue-bg);color:var(--blue-text);border-color:var(--blue-border)}[data-theme=dark] .badge-orange{background:var(--orange-bg);color:#fb923c;border-color:#3a1c08}[data-theme=dark] .badge-amber{background:var(--amber-bg);color:var(--amber-text);border-color:#3a2808}.scanner-modal,.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000007a;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);animation:overlay-in .18s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.scanner-modal-inner,.modal-box{background:var(--surface-0);padding:1.4rem;border-radius:var(--radius-xl);max-width:540px;width:100%;box-shadow:var(--shadow-xl);animation:modal-pop .26s cubic-bezier(.34,1.5,.64,1);border:1px solid var(--border-soft);max-height:92vh;overflow-y:auto}.scanner-modal-inner{max-width:400px}@keyframes modal-pop{0%{opacity:0;transform:scale(.93) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.1rem;padding-bottom:.8rem;border-bottom:1px solid var(--border-soft)}.modal-header h3{margin:0;font-size:.95rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.modal-close{background:var(--surface-1);border:none;border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-secondary);transition:background var(--t-fast),color var(--t-fast);font-family:var(--font)}.modal-close:hover{background:var(--surface-2);color:var(--text-primary)}.modal-footer{display:flex;justify-content:flex-end;gap:.55rem;margin-top:1.1rem;padding-top:.9rem;border-top:1px solid var(--border-soft)}[data-theme=dark] .modal-overlay{background:#000000a6}[data-theme=dark] .modal-box,[data-theme=dark] .scanner-modal-inner{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .modal-header{border-bottom-color:var(--border-soft)}[data-theme=dark] .modal-footer{border-color:var(--border-soft)}[data-theme=dark] .modal-close{background:var(--surface-1)}[data-theme=dark] .modal-close:hover{background:var(--surface-2)}.form-grid{display:grid;gap:.8rem;max-width:500px}.form-grid label{display:flex;flex-direction:column;font-size:.8rem;font-weight:600;gap:.28rem;color:var(--text-secondary)}.form-grid input,.form-grid select,.form-grid textarea,.form-input,.form-textarea,.field input,.field select{padding:.5rem .72rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);font-size:.83rem;font-family:var(--font);color:var(--text-primary);background:var(--surface-0);transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus,.form-input:focus,.form-textarea:focus,.field input:focus,.field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}.form-grid input::placeholder,.form-grid textarea::placeholder,.form-input::placeholder,.form-textarea::placeholder{color:var(--text-tertiary)}.form-grid textarea,.form-textarea{resize:vertical;min-height:80px}.form-grid button{justify-self:start;padding:.5rem 1.2rem;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:700;font-size:.83rem;font-family:var(--font);cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast)}.form-grid button:hover:not(:disabled){background:var(--brand-dark);box-shadow:var(--shadow-brand)}.form-grid button:disabled{opacity:.4;cursor:not-allowed}.form-field,.field{display:flex;flex-direction:column;gap:.28rem;margin-bottom:.85rem}.form-field:last-child,.field:last-child{margin-bottom:0}.form-label,.field label{font-size:.78rem;font-weight:700;color:var(--text-secondary);letter-spacing:.01em}.form-label-required:after{content:" *";color:var(--red-600)}.form-select{padding:.5rem 1.85rem .5rem .72rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);font-size:.83rem;font-family:var(--font);color:var(--text-primary);background:var(--surface-0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .62rem center;cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast);width:100%}.form-select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}[data-theme=dark] .form-grid input,[data-theme=dark] .form-grid select,[data-theme=dark] .form-grid textarea,[data-theme=dark] .form-input,[data-theme=dark] .form-select,[data-theme=dark] .form-textarea,[data-theme=dark] .field input,[data-theme=dark] .field select{background:var(--surface-1);border-color:var(--border-med);color:var(--text-primary)}.form-actions-row{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;padding-top:.25rem}.edit-page-container{display:grid;grid-template-columns:1fr 320px;gap:1.35rem;align-items:start;max-width:940px}.edit-main-card,.edit-sidebar-card{background:var(--surface-0);border-radius:var(--radius-xl);border:1.5px solid var(--border-soft);box-shadow:var(--shadow-sm);overflow:hidden}.edit-card-header{padding:1.1rem 1.35rem;border-bottom:1.5px solid var(--border-soft);background:var(--surface-1);display:flex;align-items:center;gap:.7rem}.edit-card-header-icon{width:35px;height:35px;background:var(--brand-50);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}[data-theme=dark] .edit-card-header-icon{background:var(--brand-100)}.edit-card-header h3{margin:0;font-size:.93rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em}.edit-card-header p{margin:0;font-size:.75rem;color:var(--text-secondary)}.edit-card-body{padding:1.35rem}.edit-actions{display:flex;align-items:center;gap:.6rem;padding:.95rem 1.35rem;border-top:1.5px solid var(--border-soft);background:var(--surface-1)}[data-theme=dark] .edit-main-card,[data-theme=dark] .edit-sidebar-card{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .edit-card-header{background:var(--surface-1);border-bottom-color:var(--border-soft)}[data-theme=dark] .edit-actions{background:var(--surface-1);border-top-color:var(--border-soft)}.image-upload-zone{position:relative;width:100%;aspect-ratio:1;border-radius:var(--radius-lg);border:2px dashed var(--border-med);background:var(--surface-1);overflow:hidden;cursor:pointer;transition:border-color var(--t-fast),background var(--t-fast);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:.5rem}.image-upload-zone:hover{border-color:var(--brand);background:var(--brand-50)}.image-upload-zone.has-image{border-style:solid;border-color:var(--border-soft)}.image-upload-zone img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.image-upload-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0000007a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.35rem;opacity:0;transition:opacity var(--t-fast);color:#fff;font-size:.78rem;font-weight:600}.image-upload-zone:hover .image-upload-overlay{opacity:1}.image-upload-placeholder{display:flex;flex-direction:column;align-items:center;gap:.45rem;color:var(--text-tertiary);text-align:center;padding:1rem}.image-upload-placeholder span{font-size:.78rem;font-weight:600}.image-upload-placeholder small{font-size:.7rem}[data-theme=dark] .image-upload-zone{background:var(--surface-1);border-color:var(--border-med)}.card-block{margin-top:1.35rem;background:var(--surface-0);border-radius:var(--radius-lg);padding:1.1rem 1.25rem;border:1.5px solid var(--border-soft);box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base),border-color var(--t-base)}.card-block:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200)}.card-block h3{margin:0 0 .7rem;font-size:.9rem;font-weight:700;color:var(--text-primary)}.chart-block{background:var(--surface-0);border-radius:var(--radius-lg);padding:1.25rem 1.35rem;border:1.5px solid var(--border-soft);margin-bottom:1.1rem;box-shadow:var(--shadow-sm)}.chart-block h3{margin-top:0;font-size:.9rem;font-weight:700;color:var(--text-primary)}.chart-wrap{width:100%;min-height:260px}[data-theme=dark] .card-block,[data-theme=dark] .chart-block{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .card-block:hover{border-color:var(--brand-200)}.list.cards{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.7rem}.card-li{background:var(--surface-0);border:1.5px solid var(--border-soft);border-radius:var(--radius-md);padding:.85rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--t-base),transform var(--t-base),border-color var(--t-base)}.card-li:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--brand-200)}[data-theme=dark] .card-li{background:var(--surface-0);border-color:var(--border-soft)}.alert-banner{display:flex;align-items:center;gap:.6rem;padding:.62rem .9rem;border-radius:var(--radius-md);font-size:.82rem;font-weight:500;margin-bottom:.9rem;border:1px solid transparent}.alert-banner.warn{background:var(--amber-bg);color:var(--amber-text);border-color:#fde68a}.alert-banner.err{background:var(--red-bg);color:var(--red-text);border-color:var(--red-100)}.alert-banner.ok{background:var(--brand-50);color:var(--brand);border-color:var(--brand-200)}[data-theme=dark] .alert-banner.warn{border-color:#3a2808}[data-theme=dark] .alert-banner.err{border-color:#3a1010}[data-theme=dark] .alert-banner.ok{background:var(--brand-100);border-color:var(--brand-200)}.pagination{display:flex;align-items:center;gap:.25rem;justify-content:center;margin-top:1.25rem;flex-wrap:wrap}.pagination-btn{min-width:34px;height:34px;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);background:var(--surface-0);cursor:pointer;font-weight:600;font-size:.8rem;font-family:var(--font);color:var(--text-secondary);transition:background var(--t-fast),border-color var(--t-fast),color var(--t-fast),transform var(--t-fast);display:inline-flex;align-items:center;justify-content:center}.pagination-btn:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand);color:var(--brand);transform:translateY(-1px)}.pagination-btn.active{background:var(--brand);color:#fff;border-color:var(--brand);box-shadow:var(--shadow-brand)}.pagination-btn:disabled{opacity:.3;cursor:not-allowed}[data-theme=dark] .pagination-btn{background:var(--surface-0);border-color:var(--border-soft);color:var(--text-secondary)}[data-theme=dark] .pagination-btn:hover:not(:disabled){background:var(--brand-100)}[data-theme=dark] .pagination-btn.active{background:var(--brand);color:#fff;border-color:var(--brand)}.muted{color:var(--text-secondary)}.err{color:var(--red-text);font-size:.83rem}.ok{color:var(--brand)}.small{font-size:.78rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;padding:3.5rem 2rem;text-align:center;color:var(--text-tertiary)}.empty-state h3{font-size:.97rem;font-weight:700;color:var(--text-secondary);margin:0}.empty-state p{font-size:.83rem;margin:0;max-width:280px}.spinner{width:20px;height:20px;border:2.5px solid var(--border-soft);border-top-color:var(--brand);border-radius:50%;animation:spin .65s linear infinite;flex-shrink:0}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.anim-fade-up{animation:fade-up .22s ease both}code,.mono{font-family:var(--font-mono);font-size:.82em}.linkish{background:none;border:none;color:var(--blue-text);cursor:pointer;text-decoration:underline;text-decoration-color:#1d4ed84d;font:inherit;padding:0;transition:color var(--t-fast)}.linkish:hover{color:#1e40af}.inline-form{display:flex;flex-wrap:wrap;gap:.45rem;margin-bottom:.9rem;align-items:center}.inline-form input{padding:.46rem .62rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);min-width:160px;font-size:.83rem;font-family:var(--font);transition:border-color var(--t-fast),box-shadow var(--t-fast);background:var(--surface-0);color:var(--text-primary)}.inline-form button{padding:.46rem .85rem;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:700;font-family:var(--font);cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast);font-size:.83rem}.inline-form button:hover{background:var(--brand-dark);box-shadow:var(--shadow-brand)}.auth{max-width:400px;width:100%;margin:3rem auto;padding:2rem 1.85rem;background:var(--surface-0);border-radius:var(--radius-2xl);border:1.5px solid var(--border-soft);box-shadow:var(--shadow-xl)}.auth-logo{width:48px;height:48px;background:var(--brand);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;color:#fff;box-shadow:var(--shadow-brand)}.auth h1{margin:0 0 .2rem;font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary)}.auth .sub{margin:0 0 1.6rem;color:var(--text-secondary);font-size:.88rem}.auth label{display:block;margin-bottom:.9rem;font-size:.83rem;font-weight:600;color:var(--text-secondary)}.auth input{width:100%;margin-top:.28rem;padding:.52rem .72rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);font-size:.83rem;font-family:var(--font);color:var(--text-primary);background:var(--surface-0);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.auth input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}.auth button{width:100%;margin-top:.5rem;padding:.68rem;border-radius:var(--radius-sm);border:none;background:var(--brand);color:#fff;font-weight:700;font-size:.92rem;font-family:var(--font);cursor:pointer;transition:background var(--t-fast),box-shadow var(--t-fast),transform var(--t-fast);box-shadow:var(--shadow-brand);letter-spacing:-.01em}.auth button:hover{background:var(--brand-dark);box-shadow:var(--shadow-brand-lg)}.auth button:active{transform:translateY(1px)}[data-theme=dark] .auth{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .auth input{background:var(--surface-1);border-color:var(--border-med)}.dash-kpi-card{background:var(--surface-0);border-radius:var(--radius-lg);padding:1.1rem 1.15rem;box-shadow:var(--shadow-sm);border:1.5px solid var(--border-soft);display:flex;flex-direction:column;gap:.5rem;position:relative;overflow:hidden;transition:box-shadow var(--t-base),transform var(--t-base),border-color var(--t-base);cursor:default;min-width:0}.dash-kpi-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dash-kpi-card__accent-bar{position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transition:opacity var(--t-base)}.dash-kpi-card__icon-wrap{width:40px;height:40px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-kpi-card__value{display:block;font-size:1.4rem;font-weight:800;letter-spacing:-.03em;color:var(--text-primary);line-height:1.15}.dash-kpi-card__label{font-size:.77rem;font-weight:600;color:var(--text-secondary);display:block;margin-top:.2rem}.dash-kpi-card__sub{font-size:.72rem;color:var(--text-tertiary);font-weight:500}[data-theme=dark] .dash-kpi-card{background:var(--surface-0);border-color:var(--border-soft)}.dash-section-card{background:var(--surface-0);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm);border:1.5px solid var(--border-soft)}.dash-section-card__head{display:flex;align-items:center;justify-content:space-between;padding:.95rem 1.35rem;border-bottom:1.5px solid var(--border-soft);background:var(--surface-1);flex-wrap:wrap;gap:.5rem}.dash-section-card__title-row{display:flex;align-items:center;gap:.5rem}.dash-section-card__icon{width:28px;height:28px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-section-card__title{margin:0;font-size:.9rem;font-weight:700;color:var(--text-primary)}.dash-section-card__body{padding:1.25rem 1.35rem}[data-theme=dark] .dash-section-card{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .dash-section-card__head{background:var(--surface-1);border-bottom-color:var(--border-soft)}.dash-channel-card{background:var(--surface-0);border-radius:var(--radius-md);padding:.9rem 1rem;position:relative;overflow:hidden;border:1.5px solid var(--border-soft)}.dash-channel-card__accent-bar{position:absolute;top:0;left:0;right:0;height:2.5px;border-radius:var(--radius-md) var(--radius-md) 0 0}.dash-channel-card__value{font-size:1.1rem;font-weight:800;color:var(--text-primary);letter-spacing:-.02em;display:block}.dash-channel-card__sub{font-size:.72rem;color:var(--text-tertiary);font-weight:500;margin-top:2px}[data-theme=dark] .dash-channel-card{background:var(--surface-0)}.dash-mm-row{display:flex;align-items:center;gap:.6rem;padding:.52rem .72rem;border-radius:var(--radius-sm);background:var(--surface-1);border:1px solid var(--border-soft);flex-wrap:wrap}.dash-mm-alert{display:flex;align-items:center;gap:.6rem;background:var(--orange-bg);border:1.5px solid #fed7aa;border-radius:var(--radius-sm);padding:.6rem .9rem;margin-bottom:.85rem;font-size:.8rem;font-weight:600;color:#c2410c}[data-theme=dark] .dash-mm-alert{background:var(--orange-bg);border-color:#4a2a0a;color:#fb923c}.dash-mm-badge-ok{font-size:.72rem;font-weight:700;border-radius:99px;padding:1px 7px;background:var(--brand-50);color:var(--brand);border:1px solid var(--brand-200)}.dash-mm-badge-err{font-size:.72rem;font-weight:700;border-radius:99px;padding:1px 7px;background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-100)}.dash-po-alert{display:flex;align-items:center;gap:.6rem;background:var(--amber-bg);border:1.5px solid #fde047;border-radius:var(--radius-sm);padding:.6rem .9rem;font-size:.8rem;font-weight:600;color:var(--amber-text)}[data-theme=dark] .dash-po-alert{border-color:#3a2808}.dash-po-row{display:flex;align-items:center;gap:.6rem;padding:.48rem .7rem;border-radius:var(--radius-xs);background:var(--surface-1);border:1px solid var(--border-soft)}.dash-po-row.action{background:var(--amber-bg);border-color:#fde068}[data-theme=dark] .dash-po-row.action{border-color:#3a2808}.dash-loyalty-metric{border-radius:var(--radius-sm);padding:.7rem .85rem}.dash-loyalty-top-item{display:flex;align-items:center;gap:.6rem;padding:.45rem .65rem;border-radius:var(--radius-xs);background:var(--surface-1);border:1px solid var(--border-soft)}.dash-loyalty-top-item.gold{background:var(--amber-bg);border-color:#fde68a}[data-theme=dark] .dash-loyalty-top-item.gold{border-color:#3a2808}.dash-loyalty-top-rank{font-size:.7rem;font-weight:700;width:18px;height:18px;border-radius:50%;background:var(--surface-2);color:var(--text-secondary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.dash-loyalty-top-rank.gold{background:#f59e0b;color:#fff}.dash-period-selector{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.dash-period-group{display:flex;border-radius:var(--radius-sm);overflow:hidden;border:1.5px solid var(--border-soft);box-shadow:var(--shadow-xs)}.dash-period-btn{padding:.42rem .85rem;font-size:.78rem;font-weight:600;border:none;cursor:pointer;background:var(--surface-0);color:var(--text-secondary);transition:background var(--t-fast),color var(--t-fast);border-right:1px solid var(--border-soft);font-family:var(--font)}.dash-period-btn:last-child{border-right:none}.dash-period-btn:hover:not(.active){background:var(--surface-1)}.dash-period-btn.active{background:#2563eb;color:#fff}.dash-period-date{padding:.38rem .55rem;border-radius:var(--radius-xs);border:1.5px solid var(--border-soft);font-size:.78rem;font-weight:500;color:var(--text-primary);background:var(--surface-0);font-family:var(--font)}.dash-period-date:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 2px #14817c1f}[data-theme=dark] .dash-period-btn{background:var(--surface-0);color:var(--text-secondary);border-right-color:var(--border-soft)}[data-theme=dark] .dash-period-btn:hover:not(.active){background:var(--surface-1)}[data-theme=dark] .dash-period-date{background:var(--surface-1);border-color:var(--border-med);color:var(--text-primary)}.dash-today-pill{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;background:var(--surface-0);border:1.5px solid var(--brand-200);border-radius:var(--radius-sm);box-shadow:var(--shadow-xs)}.dash-trend-pos{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700;color:var(--brand);background:var(--brand-50);border:1px solid var(--brand-200);border-radius:999px;padding:2px 8px}.dash-trend-neg{display:inline-flex;align-items:center;gap:3px;font-size:.72rem;font-weight:700;color:var(--red-text);background:var(--red-bg);border:1px solid var(--red-100);border-radius:999px;padding:2px 8px}.dash-tooltip{background:var(--gray-900);border-radius:var(--radius-sm);padding:.6rem .9rem;box-shadow:var(--shadow-lg);font-size:.8rem;color:#fff}[data-theme=dark] .dash-tooltip{background:var(--surface-2);border:1px solid var(--border-med);color:var(--text-primary)}.dash-count-pill{font-size:.75rem;color:var(--text-tertiary);background:var(--surface-1);padding:2px 8px;border-radius:999px;border:1px solid var(--border-soft)}.dash-loading{display:flex;align-items:center;gap:.75rem;color:var(--text-secondary);padding:2rem 0;font-size:.88rem}.dash-error{color:var(--red-text);background:var(--red-bg);padding:.75rem 1rem;border-radius:var(--radius-sm);border:1px solid var(--red-100);font-size:.88rem}.cat-section{background:var(--surface-0);border-radius:var(--radius-lg);border:1.5px solid var(--border-soft);box-shadow:var(--shadow-sm);overflow:hidden;transition:box-shadow var(--t-base),border-color var(--t-base)}.cat-section:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200)}[data-theme=dark] .cat-section{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .cat-section:hover{border-color:var(--brand-200)}.cat-section-header{display:flex;align-items:center;gap:.65rem;padding:.78rem 1.1rem;background:var(--surface-1);border-bottom:1.5px solid var(--border-soft)}.cat-section-icon{color:var(--brand);display:flex;align-items:center;flex-shrink:0}.cat-section-label{font-weight:700;font-size:.9rem;color:var(--text-primary);flex:1}[data-theme=dark] .cat-section-header{background:var(--surface-1);border-bottom-color:var(--border-soft)}.cat-table-wrap{overflow-x:auto}.cat-table{width:100%;border-collapse:collapse;font-size:.83rem}.cat-th{padding:.55rem .9rem;text-align:left;font-size:.65rem;font-weight:700;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.07em;white-space:nowrap;background:var(--surface-1);border-bottom:1.5px solid var(--border-soft)}.cat-th-toggle{width:36px;padding-left:1rem}.cat-th-price{text-align:right}.cat-th-center{text-align:center}.cat-td{padding:.72rem .9rem;border-bottom:1px solid var(--border-soft);vertical-align:middle;color:var(--text-primary);transition:background var(--t-fast)}.cat-td-muted{color:var(--text-secondary);font-size:.82rem}.cat-td-price{text-align:right;font-weight:600;font-size:.84rem;white-space:nowrap;color:var(--text-primary)}.cat-td-center{text-align:center}.cat-td-toggle{width:36px;padding-left:1rem}.cat-row{transition:background var(--t-fast)}.cat-row:last-child .cat-td{border-bottom:none}.cat-row--expandable{cursor:pointer}.cat-row--expandable:hover .cat-td{background:var(--brand-50)}.cat-row--open .cat-td{background:var(--surface-1)}[data-theme=dark] .cat-row--expandable:hover .cat-td{background:var(--brand-50)}[data-theme=dark] .cat-row--open .cat-td{background:var(--surface-1)}.cat-chevron{display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);transition:transform var(--t-base),color var(--t-fast)}.cat-chevron--open{transform:rotate(90deg);color:var(--brand)}.cat-product-cell{display:flex;align-items:center;gap:.6rem}.cat-thumb{width:34px;height:34px;object-fit:cover;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-1)}.cat-thumb-placeholder{width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--border-soft);background:var(--surface-1);color:var(--brand);display:flex;align-items:center;justify-content:center}.cat-product-name{font-weight:500;font-size:.87rem;color:var(--text-primary)}.cat-sku-list{display:flex;flex-wrap:wrap;gap:.25rem;align-items:center}.cat-sku-badge{font-family:var(--font-mono);font-size:.71rem;background:var(--surface-1);color:var(--text-secondary);border:1px solid var(--border-soft);padding:1px 7px;border-radius:var(--radius-xs);white-space:nowrap}.cat-sku-more{font-size:.72rem;color:var(--text-tertiary);font-weight:500}.cat-dash{color:var(--text-tertiary);font-size:.85rem}.cat-variant-row{background:var(--surface-1)}.cat-variant-row:last-child .cat-td{border-bottom:none}.cat-variant-row .cat-td{padding-top:.52rem;padding-bottom:.52rem}.cat-variant-name{font-size:.82rem;color:var(--text-secondary)}.cat-variant-indent{color:var(--text-tertiary);margin-right:.4rem;font-size:.8rem}.cat-muted{color:var(--text-tertiary);font-style:italic}[data-theme=dark] .cat-variant-row{background:var(--surface-1)}[data-theme=dark] .cat-sku-badge{background:var(--surface-2);border-color:var(--border-med)}.cdlg-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;background:#0000007a;display:flex;align-items:center;justify-content:center;padding:1rem;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:overlay-in .15s ease}.new-cat-modal{background:var(--surface-0);border-radius:var(--radius-xl);width:100%;max-width:480px;box-shadow:var(--shadow-xl);overflow:hidden;border:1px solid var(--border-soft)}.new-cat-modal__header{display:flex;align-items:center;gap:.75rem;padding:1.1rem 1.4rem;border-bottom:1px solid var(--border-soft);background:var(--surface-1)}.new-cat-modal__icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--brand-50);display:flex;align-items:center;justify-content:center;color:var(--brand);flex-shrink:0}.new-cat-modal__body{padding:1.4rem;display:flex;flex-direction:column;gap:1rem}.new-cat-modal__preview{display:flex;align-items:center;gap:.6rem;padding:.7rem .9rem;background:var(--surface-1);border-radius:var(--radius-sm);border:1px solid var(--border-soft)}.new-cat-modal__preview-icon{color:var(--brand)}.cat-card-icon{width:56px;height:56px;border-radius:var(--radius-md);background:var(--brand-50);border:1px solid var(--brand-200);display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--brand)}.cat-product-pill{display:inline-flex;align-items:center;gap:5px;padding:.28rem .6rem;border-radius:999px;border:1px solid var(--border-soft);background:var(--surface-0);color:var(--text-secondary);font-size:.77rem}.cat-product-pill__count{padding:1px 6px;border-radius:999px;background:var(--surface-1);color:var(--text-secondary);font-size:.7rem;font-weight:600}[data-theme=dark] .new-cat-modal{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .new-cat-modal__header{background:var(--surface-1);border-bottom-color:var(--border-soft)}[data-theme=dark] .new-cat-modal__preview{background:var(--surface-1);border-color:var(--border-soft)}.audit-expand-row{background:var(--surface-1)}.audit-payload{margin:0;font-size:11px;background:var(--surface-0);padding:10px;border-radius:var(--radius-xs);overflow:auto;max-height:200px;border:1px solid var(--border-soft);color:var(--text-secondary);font-family:var(--font-mono)}[data-theme=dark] .audit-expand-row{background:var(--surface-1)}[data-theme=dark] .audit-payload{background:var(--surface-0);border-color:var(--border-soft)}.sms-tabs{display:flex;border-bottom:1.5px solid var(--border-soft);flex-shrink:0}.sms-tab{flex:1;padding:.6rem .5rem;background:none;border:none;border-bottom:2.5px solid transparent;margin-bottom:-1.5px;cursor:pointer;font-size:.8rem;font-family:var(--font);font-weight:500;color:var(--text-tertiary);transition:color var(--t-fast),border-color var(--t-fast);letter-spacing:-.01em}.sms-tab:hover{color:var(--text-secondary)}.sms-tab.active{font-weight:700;color:var(--brand);border-bottom-color:var(--brand)}.sms-recipient{padding:.46rem .68rem;background:var(--surface-1);border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);font-size:.83rem;color:var(--text-primary);font-family:var(--font)}.sms-recipient.empty{color:var(--text-tertiary);font-style:italic}.sms-preview{padding:.56rem .72rem;background:var(--brand-50);border:1px solid var(--brand-200);border-radius:var(--radius-sm);font-size:.8rem;color:var(--brand-dark);line-height:1.55}.sms-preview.loading{font-style:italic;color:var(--text-tertiary)}[data-theme=dark] .sms-preview{background:var(--brand-100);border-color:var(--brand-200);color:var(--brand)}.sms-char-count{font-size:.7rem;color:var(--text-tertiary);text-align:right;margin-top:3px}.sms-result{padding:.6rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600}.sms-result.ok{background:var(--brand-50);border:1px solid var(--brand-200);color:var(--brand-dark)}.sms-result.err{background:var(--red-bg);border:1px solid var(--red-100);color:var(--red-text)}[data-theme=dark] .sms-result.ok{background:var(--brand-100);border-color:var(--brand-200);color:var(--brand)}[data-theme=dark] .sms-result.err{background:var(--red-bg);border-color:#3a1010;color:var(--red-text)}.sms-no-phone{margin:.85rem 1.1rem;padding:.62rem .8rem;background:var(--amber-bg);border:1px solid #fde68a;border-radius:var(--radius-sm);font-size:.8rem;color:var(--amber-text);line-height:1.5}[data-theme=dark] .sms-no-phone{background:var(--amber-bg);border-color:#3a2808;color:var(--amber-text)}.sms-log-entry{border-bottom:1px solid var(--border-soft);padding-bottom:.7rem;margin-bottom:.7rem}.sms-log-entry:last-child{border-bottom:none;margin-bottom:0}.sms-log-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.sms-log-status{display:inline-flex;align-items:center;gap:4px;font-size:.68rem;font-weight:700;padding:2px 8px;border-radius:var(--radius-full)}.sms-log-status.sent{background:var(--brand-50);color:var(--brand-dark);border:1px solid var(--brand-200)}.sms-log-status.failed{background:var(--red-bg);color:var(--red-text);border:1px solid var(--red-100)}.sms-log-status.pending{background:var(--amber-bg);color:var(--amber-text);border:1px solid #fde68a}[data-theme=dark] .sms-log-status.sent{background:var(--brand-100);color:var(--brand);border-color:var(--brand-200)}[data-theme=dark] .sms-log-status.failed{background:var(--red-bg);color:var(--red-text);border-color:#3a1010}[data-theme=dark] .sms-log-status.pending{background:var(--amber-bg);color:var(--amber-text);border-color:#3a2808}.sms-log-time{font-size:.68rem;color:var(--text-tertiary)}.sms-log-msg{font-size:.78rem;color:var(--text-primary);line-height:1.45;margin:0}.sms-log-err{font-size:.7rem;color:var(--red-text);margin:3px 0 0}.sms-log-provider{font-size:.68rem;color:var(--text-tertiary);margin:2px 0 0}.sms-modal-body{padding:1.1rem;display:flex;flex-direction:column;gap:.85rem}.sms-modal-body select{width:100%;padding:.5rem 1.8rem .5rem .68rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);font-size:.83rem;font-family:var(--font);color:var(--text-primary);background:var(--surface-0);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' viewBox='0 0 24 24' fill='none' stroke='%2394a3b8' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .62rem center;cursor:pointer;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.sms-modal-body select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}[data-theme=dark] .sms-modal-body select{background-color:var(--surface-1);border-color:var(--border-med);color:var(--text-primary)}.sms-modal-body textarea{width:100%;resize:vertical;font-family:var(--font);font-size:.83rem;border:1.5px solid var(--border-soft);border-radius:var(--radius-sm);padding:.5rem .68rem;background:var(--surface-0);color:var(--text-primary);transition:border-color var(--t-fast),box-shadow var(--t-fast);min-height:90px}.sms-modal-body textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}[data-theme=dark] .sms-modal-body textarea{background:var(--surface-1);border-color:var(--border-med)}.history-panel{position:fixed;top:0;right:0;bottom:0;width:min(520px,100vw);background:var(--surface-0);box-shadow:-8px 0 40px #00000024;z-index:200;display:flex;flex-direction:column;overflow-y:hidden;border-left:1px solid var(--border-soft);animation:panel-slide-in .25s cubic-bezier(.32,.72,0,1)}@keyframes panel-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}[data-theme=dark] .history-panel{background:var(--surface-0);box-shadow:-8px 0 40px #00000080;border-left-color:var(--border-soft)}.history-panel__head{display:flex;align-items:center;gap:.7rem;padding:1rem 1.1rem;border-bottom:1.5px solid var(--border-soft);flex-shrink:0}.history-panel__name{font-weight:800;font-size:.97rem;color:var(--text-primary);margin-bottom:2px;letter-spacing:-.02em}.history-panel__sub{font-size:.75rem;color:var(--text-tertiary)}.history-panel__stats{display:grid;grid-template-columns:1fr 1fr 1fr;gap:.55rem;padding:.85rem 1.1rem;flex-shrink:0;border-bottom:1px solid var(--border-soft);background:var(--surface-1)}[data-theme=dark] .history-panel__stats{background:var(--surface-1);border-bottom-color:var(--border-soft)}.history-stat{text-align:center}.history-stat__val{font-weight:700;font-size:1.05rem;color:var(--text-primary);white-space:nowrap;letter-spacing:-.02em}.history-stat__val.green{color:var(--brand)}.history-stat__label{font-size:.68rem;color:var(--text-tertiary);margin-top:2px}.sale-item{border:1px solid var(--border-soft);border-radius:var(--radius-sm);margin-bottom:.55rem;overflow:hidden;transition:box-shadow var(--t-fast)}.sale-item:hover{box-shadow:var(--shadow-sm)}.sale-item__toggle{width:100%;display:flex;align-items:center;gap:.65rem;padding:.65rem .85rem;background:var(--surface-0);border:none;cursor:pointer;text-align:left;transition:background var(--t-fast)}.sale-item__toggle.open{background:var(--brand-50)}.sale-item__toggle:hover{background:var(--surface-1)}.sale-item__amount{font-weight:700;font-size:.875rem;color:var(--text-primary)}.sale-item__meta{font-size:.72rem;color:var(--text-tertiary);margin-top:2px}.sale-item__chevron{flex-shrink:0;color:var(--text-tertiary);transition:transform var(--t-base)}.sale-item__chevron.open{transform:rotate(180deg)}.sale-item__detail{padding:0 .85rem .85rem;background:var(--surface-1)}.sale-line-row{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-secondary);padding:3px 0;border-bottom:1px solid var(--border-soft)}.sale-line-row:last-child{border-bottom:none}.sale-line-row__name{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sale-line-row__total{font-weight:600;color:var(--text-primary)}.ticket-actions{display:flex;gap:.38rem;margin-top:.65rem;padding-top:.55rem;border-top:1px dashed var(--border-med);flex-wrap:wrap}.btn-ticket{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .62rem;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);background:var(--surface-0);color:var(--text-secondary);font-size:.73rem;font-weight:600;font-family:var(--font);cursor:pointer;transition:all var(--t-fast);white-space:nowrap;height:28px}.btn-ticket:hover:not(:disabled){border-color:var(--brand);color:var(--brand);background:var(--brand-50)}.btn-ticket:disabled{opacity:.4;cursor:not-allowed}[data-theme=dark] .btn-ticket{background:var(--surface-1);border-color:var(--border-soft);color:var(--text-secondary)}[data-theme=dark] .btn-ticket:hover:not(:disabled){background:var(--brand-50);border-color:var(--brand);color:var(--brand)}.view-modal-image{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-1);margin-bottom:.9rem}.view-modal-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-md);border:2px solid var(--border-soft);background:var(--surface-1);flex-shrink:0}@media(max-width:1200px){.kpi-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.edit-page-container{grid-template-columns:1fr}}@media(max-width:900px){.kpi-grid{grid-template-columns:repeat(2,1fr)}.content{padding:1.25rem}}@media(max-width:720px){.layout{flex-direction:column}.sidebar{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:.7rem .85rem}.sidebar nav{flex-direction:row;flex-wrap:wrap;width:100%;padding-top:0}.logout{margin-top:0;width:auto}.kpi-grid{grid-template-columns:repeat(2,1fr)}.content{padding:1rem}.products-search{width:100%}}@media(max-width:480px){.kpi-grid{grid-template-columns:1fr 1fr}.filters-row .search-input{max-width:100%;width:100%}.modal-box{padding:1.1rem}.auth{padding:1.35rem 1.1rem;margin:1.25rem auto}}@media(max-width:900px){[style*="1.65fr 1fr"],[style*="1fr 300px"],[style*="1fr 320px"]{grid-template-columns:1fr!important}}.modal{background:var(--surface-0);padding:1.4rem;border-radius:var(--radius-xl);max-width:540px;width:100%;box-shadow:var(--shadow-xl);animation:modal-pop .26s cubic-bezier(.34,1.5,.64,1);border:1px solid var(--border-soft);max-height:92vh;overflow-y:auto}[data-theme=dark] .modal{background:var(--surface-0);border-color:var(--border-soft)}.modal-body{display:flex;flex-direction:column;gap:.85rem}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border-radius:var(--radius-sm);border:1.5px solid var(--border-soft);background:var(--surface-1);color:var(--text-secondary);cursor:pointer;transition:all var(--t-fast);font-family:var(--font);flex-shrink:0}.btn-icon:hover{background:var(--surface-0);border-color:var(--border-med);color:var(--text-primary);box-shadow:var(--shadow-xs)}.btn-icon.btn-danger{background:var(--red-bg);color:var(--red-text);border-color:var(--red-100)}.btn-icon.btn-danger:hover{background:var(--red-100);border-color:#f87171}[data-theme=dark] .btn-icon{background:var(--surface-1);border-color:var(--border-soft);color:var(--text-secondary)}[data-theme=dark] .btn-icon:hover{background:var(--surface-2);border-color:var(--border-med);color:var(--text-primary)}[data-theme=dark] .btn-icon.btn-danger{background:var(--red-bg);color:var(--red-text);border-color:#3a1010}.modal-box .field input,.modal-box .field select,.modal-box .field textarea,.modal .field input,.modal .field select,.modal .field textarea{background:var(--surface-1);border:1.5px solid var(--border-soft);color:var(--text-primary);border-radius:var(--radius-sm);padding:.5rem .72rem;font-size:.83rem;font-family:var(--font);width:100%;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.modal-box .field input:focus,.modal-box .field select:focus,.modal-box .field textarea:focus,.modal .field input:focus,.modal .field select:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}[data-theme=dark] .modal-box .field input,[data-theme=dark] .modal-box .field select,[data-theme=dark] .modal-box .field textarea,[data-theme=dark] .modal .field input,[data-theme=dark] .modal .field select{background:var(--surface-2);border-color:var(--border-med);color:var(--text-primary)}.inline-form input[type=text],.inline-form input[type=email],.inline-form input[type=tel]{background:var(--surface-0);border:1.5px solid var(--border-soft);color:var(--text-primary);border-radius:var(--radius-md);padding:.46rem .72rem;font-size:.83rem;font-family:var(--font);height:36px;transition:border-color var(--t-fast),box-shadow var(--t-fast)}.inline-form input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}[data-theme=dark] .inline-form input{background:var(--surface-1);border-color:var(--border-med);color:var(--text-primary)}.tab-nav{display:flex;border-bottom:2px solid var(--border-soft);margin-bottom:1.25rem;gap:.1rem}.tab-btn{padding:.55rem 1.1rem;background:none;border:none;border-bottom:2.5px solid transparent;margin-bottom:-2px;cursor:pointer;font-size:.85rem;font-weight:600;font-family:var(--font);color:var(--text-tertiary);transition:color var(--t-fast),border-color var(--t-fast);letter-spacing:-.01em;white-space:nowrap}.tab-btn:hover{color:var(--text-secondary)}.tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}[data-theme=dark] .tab-btn{color:var(--text-tertiary)}[data-theme=dark] .tab-btn.active{color:var(--brand);border-bottom-color:var(--brand)}.cat-card{background:var(--surface-0);border-radius:var(--radius-lg);border:1.5px solid var(--border-soft);box-shadow:var(--shadow-sm);padding:1.1rem;display:flex;flex-direction:column;gap:.75rem;transition:box-shadow var(--t-base),border-color var(--t-base),transform var(--t-base)}.cat-card:hover{box-shadow:var(--shadow-md);border-color:var(--brand-200);transform:translateY(-2px)}[data-theme=dark] .cat-card{background:var(--surface-0);border-color:var(--border-soft)}[data-theme=dark] .cat-card:hover{border-color:var(--brand-200)}[data-theme=dark] .cat-card-icon{background:var(--brand-100);border-color:var(--brand-200);color:var(--brand)}.role-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:var(--radius-full);font-size:.72rem;font-weight:700;border:1px solid currentColor}.supplier-form-inputs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem;align-items:center}.supplier-form-inputs input{flex:1;min-width:140px;height:36px;padding:0 .72rem;border-radius:var(--radius-md);border:1.5px solid var(--border-soft);background:var(--surface-0);color:var(--text-primary);font-size:.83rem;font-family:var(--font);transition:border-color var(--t-fast),box-shadow var(--t-fast)}.supplier-form-inputs input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #14817c1f}.supplier-form-inputs input::placeholder{color:var(--text-tertiary)}[data-theme=dark] .supplier-form-inputs input{background:var(--surface-1);border-color:var(--border-med)}