:root{--pm-primary:#7b1f3b;--pm-primary-dark:#5a162b;--pm-accent:#d2691e;--pm-bg:#f4f6f9;--pm-surface:#fff;--pm-border:#e8ecf1;--pm-text:#1f2937;--pm-muted:#6b7280;--pm-success:#059669;--pm-warning:#d97706;--pm-danger:#dc2626;--pm-radius:14px;--pm-shadow:0 4px 24px #0f172a0f;--pm-font:"Century Gothic","Montserrat",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--pm-heading:"Tenor Sans",Georgia,serif}.product-manager-login{background:linear-gradient(145deg,#5a162b,#3d0f1f 50%,#1a0a12);background:linear-gradient(145deg,var(--pm-primary-dark) 0,#3d0f1f 50%,#1a0a12 100%)}.product-manager-login-card{border-top:4px solid #d2691e;border-top:4px solid var(--pm-accent)}.product-manager-login-btn{background:linear-gradient(135deg,#7b1f3b,#5a162b);background:linear-gradient(135deg,var(--pm-primary) 0,var(--pm-primary-dark) 100%)}.product-manager-login-btn:hover:not(:disabled){background:linear-gradient(135deg,#9b2d4f,#7b1f3b);background:linear-gradient(135deg,#9b2d4f 0,var(--pm-primary) 100%)}.product-manager-panel{background:#f4f6f9;background:var(--pm-bg);color:#1f2937;color:var(--pm-text);display:flex;flex-direction:column;font-family:Century Gothic,Montserrat,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--pm-font);min-height:100vh}.pm-topbar{background:#fff;background:var(--pm-surface);border-bottom:1px solid #e8ecf1;border-bottom:1px solid var(--pm-border);box-shadow:0 1px 0 #0000000a;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:.9rem 1.75rem;position:-webkit-sticky;position:sticky;top:0;z-index:50}.pm-brand,.pm-topbar{align-items:center;display:flex}.pm-brand{gap:.85rem}.pm-brand img{background:#fff;border-radius:10px;box-shadow:0 2px 8px #00000014;height:44px;object-fit:contain;padding:4px;width:44px}.pm-brand-text h1{color:#7b1f3b;color:var(--pm-primary);font-family:Tenor Sans,Georgia,serif;font-family:var(--pm-heading);font-size:1.2rem;font-weight:700;letter-spacing:.02em;margin:0}.pm-brand-text p{color:#6b7280;color:var(--pm-muted);font-size:.78rem;margin:.1rem 0 0}.pm-topbar-actions{align-items:center;display:flex;flex-wrap:wrap;gap:.65rem}.pm-user-chip{align-items:center;background:#f8fafc;border:1px solid #e8ecf1;border:1px solid var(--pm-border);border-radius:999px;color:#6b7280;color:var(--pm-muted);display:flex;font-size:.82rem;gap:.5rem;padding:.4rem .85rem}.pm-btn-ghost,.pm-user-chip strong{color:#1f2937;color:var(--pm-text);font-weight:600}.pm-btn-ghost{background:#fff;background:var(--pm-surface);border:1px solid #e8ecf1;border:1px solid var(--pm-border);border-radius:10px;cursor:pointer;font-size:.82rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.pm-btn-ghost:hover{background:#fdf2f6;border-color:#7b1f3b;border-color:var(--pm-primary);color:#7b1f3b;color:var(--pm-primary)}.pm-btn-logout{background:#fef2f2;border:1px solid #dc262640;border-radius:10px;color:#dc2626;color:var(--pm-danger);cursor:pointer;font-size:.82rem;font-weight:600;padding:.5rem 1rem;transition:all .2s ease}.pm-btn-logout:hover{background:#fee2e2}.pm-content{box-sizing:border-box;flex:1 1;margin:0 auto;max-width:1600px;padding:1.5rem 1.75rem 2.5rem;width:100%}.pm-stats{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(4,1fr);margin-bottom:1.5rem}.pm-stat-card{align-items:center;background:#fff;background:var(--pm-surface);border:1px solid #e8ecf1;border:1px solid var(--pm-border);border-radius:14px;border-radius:var(--pm-radius);box-shadow:0 4px 24px #0f172a0f;box-shadow:var(--pm-shadow);display:flex;gap:.85rem;padding:1rem 1.15rem;transition:transform .2s ease,box-shadow .2s ease}.pm-stat-card:hover{box-shadow:0 8px 28px #0f172a17;transform:translateY(-2px)}.pm-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:44px;justify-content:center;width:44px}.pm-stat-emoji{font-size:1.35rem;line-height:1}.pm-stat-icon.total{background:#ede9fe;color:#6d28d9}.pm-stat-icon.stock{background:#d1fae5;color:#059669;color:var(--pm-success)}.pm-stat-icon.low{background:#fef3c7;color:#d97706;color:var(--pm-warning)}.pm-stat-icon.out{background:#fee2e2;color:#dc2626;color:var(--pm-danger)}.pm-stat-body strong{color:#1f2937;color:var(--pm-text);display:block;font-size:1.6rem;font-weight:700;line-height:1.1}.pm-stat-body span{color:#6b7280;color:var(--pm-muted);font-size:.78rem;font-weight:500}.pm-error{align-items:center;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;color:#991b1b;display:flex;font-size:.88rem;gap:.5rem;margin-bottom:1rem;padding:.85rem 1rem}.pm-products-card{background:#fff;background:var(--pm-surface);border:1px solid #e8ecf1;border:1px solid var(--pm-border);border-radius:14px;border-radius:var(--pm-radius);box-shadow:0 4px 24px #0f172a0f;box-shadow:var(--pm-shadow);overflow:hidden}.pm-toolbar{align-items:flex-end;background:linear-gradient(180deg,#fafbfc,#fff);border-bottom:1px solid #e8ecf1;border-bottom:1px solid var(--pm-border);display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.pm-toolbar-filters{display:flex;flex:1 1;flex-wrap:wrap;gap:.75rem}.pm-field{display:flex;flex-direction:column;gap:.3rem;min-width:140px}.pm-field.search-field{flex:1 1;max-width:320px;min-width:200px}.pm-field label{color:#6b7280;color:var(--pm-muted);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.pm-field input,.pm-field select{background:#fff;background:var(--pm-surface);border:1.5px solid #e8ecf1;border:1.5px solid var(--pm-border);border-radius:10px;color:#1f2937;color:var(--pm-text);font-size:.85rem;padding:.65rem .85rem;transition:border-color .2s,box-shadow .2s}.pm-field input:focus,.pm-field select:focus{border-color:#7b1f3b;border-color:var(--pm-primary);box-shadow:0 0 0 3px #7b1f3b1a;outline:none}.pm-btn-primary{align-items:center;background:linear-gradient(135deg,#7b1f3b,#5a162b);background:linear-gradient(135deg,var(--pm-primary) 0,var(--pm-primary-dark) 100%);border:none;border-radius:10px;box-shadow:0 4px 14px #7b1f3b40;color:#fff;cursor:pointer;display:inline-flex;font-size:.85rem;font-weight:700;gap:.4rem;padding:.7rem 1.25rem;transition:transform .2s,box-shadow .2s;white-space:nowrap}.pm-btn-primary:hover{box-shadow:0 6px 18px #7b1f3b59;transform:translateY(-1px)}.pm-results-bar{align-items:center;background:#f8fafc;border-bottom:1px solid #e8ecf1;border-bottom:1px solid var(--pm-border);color:#6b7280;color:var(--pm-muted);display:flex;font-size:.82rem;justify-content:space-between;padding:.65rem 1.5rem}.pm-results-bar strong{color:#1f2937;color:var(--pm-text)}.pm-loading-dot{animation:pm-pulse 1s ease infinite;background:#d2691e;background:var(--pm-accent);border-radius:50%;display:inline-block;height:6px;margin-left:6px;width:6px}@keyframes pm-pulse{0%,to{opacity:.3}50%{opacity:1}}.pm-table-wrap{max-height:calc(100vh - 340px);overflow-x:auto;overflow-y:auto}.pm-table{border-collapse:collapse;font-size:.84rem;width:100%}.pm-table thead{background:#f1f5f9;position:-webkit-sticky;position:sticky;top:0;z-index:5}.pm-table th{border-bottom:2px solid #e8ecf1;border-bottom:2px solid var(--pm-border);color:#6b7280;color:var(--pm-muted);font-size:.68rem;font-weight:700;letter-spacing:.07em;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.pm-table td{border-bottom:1px solid #f1f5f9;color:#1f2937;color:var(--pm-text);padding:.75rem 1rem;vertical-align:middle}.pm-table tbody tr{transition:background .15s ease}.pm-table tbody tr:hover{background:#fafbfc}.pm-table-img{background:#f8fafc;border:1px solid #e8ecf1;border:1px solid var(--pm-border);border-radius:10px;height:52px;object-fit:cover;width:52px}.pm-product-title{font-weight:600;line-height:1.35;max-width:220px}.pm-tag{background:#f1f5f9;border-radius:6px;color:#475569;display:inline-block;font-size:.72rem;font-weight:600;padding:.2rem .55rem}.pm-price{color:#7b1f3b;color:var(--pm-primary);font-weight:700;white-space:nowrap}.pm-price small{color:#6b7280;color:var(--pm-muted);display:block;font-size:.68rem;font-weight:500}.pm-stock{align-items:center;border-radius:999px;display:inline-flex;font-size:.75rem;font-weight:700;justify-content:center;min-width:2rem;padding:.25rem .6rem}.pm-stock.good{background:#d1fae5;color:#065f46}.pm-stock.low{background:#fef3c7;color:#92400e}.pm-stock.out{background:#fee2e2;color:#991b1b}.pm-status{border:none;border-radius:999px;cursor:pointer;font-size:.72rem;font-weight:700;padding:.35rem .75rem;transition:transform .15s,opacity .15s}.pm-status.active{background:#d1fae5;color:#065f46}.pm-status.inactive{background:#fee2e2;color:#991b1b}.pm-status:hover{opacity:.9;transform:scale(1.04)}.pm-actions{display:flex;gap:.4rem}.pm-btn-icon{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:all .15s ease;width:34px}.pm-btn-icon.edit{background:#eff6ff;color:#1d4ed8}.pm-btn-icon.edit:hover{background:#dbeafe}.pm-btn-icon.delete{background:#fef2f2;color:#b91c1c}.pm-btn-icon.delete:hover{background:#fee2e2}.pm-empty{color:#6b7280;color:var(--pm-muted);padding:3rem 1.5rem!important;text-align:center}.pm-empty-icon{font-size:2rem;margin-bottom:.5rem;opacity:.5}.pm-view-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.25rem}.pm-view-tab{background:#fff;background:var(--pm-surface);border:1.5px solid #e8ecf1;border:1.5px solid var(--pm-border);border-radius:10px;color:#6b7280;color:var(--pm-muted);cursor:pointer;font-size:.88rem;font-weight:600;padding:.6rem 1.15rem;transition:all .2s ease}.pm-view-tab:hover{border-color:#7b1f3b;border-color:var(--pm-primary);color:#7b1f3b;color:var(--pm-primary)}.pm-view-tab.active{background:linear-gradient(135deg,#7b1f3b,#5a162b);background:linear-gradient(135deg,var(--pm-primary) 0,var(--pm-primary-dark) 100%);border-color:#0000;box-shadow:0 4px 14px #7b1f3b40;color:#fff}.pm-csv-import{max-width:none;padding:0}.pm-csv-import .section-header h2{font-size:1.5rem}.pm-csv-import .step-number{background:linear-gradient(135deg,#7b1f3b,#5a162b);background:linear-gradient(135deg,var(--pm-primary) 0,var(--pm-primary-dark) 100%)}@media (max-width:1024px){.pm-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.pm-content{padding:1rem}.pm-topbar{padding:.85rem 1rem}.pm-stats{gap:.65rem;grid-template-columns:1fr 1fr}.pm-stat-card{padding:.85rem}.pm-stat-body strong{font-size:1.3rem}.pm-toolbar{padding:1rem}.pm-field{min-width:100%}.pm-field.search-field{max-width:none}.pm-btn-primary{justify-content:center;width:100%}.pm-table-wrap{max-height:none}}