@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700;800&display=swap";
:root{--color-bg-base:#0b0f1a;--color-bg-surface:#111827;--color-bg-elevated:#1a2235;--color-bg-hover:#1f2d45;--color-border:#ffffff14;--color-border-strong:#ffffff29;--color-accent:#f97316;--color-accent-dim:#f9731626;--color-accent-hover:#ea6c0e;--color-success:#22c55e;--color-success-dim:#22c55e26;--color-warning:#f59e0b;--color-warning-dim:#f59e0b26;--color-danger:#ef4444;--color-danger-dim:#ef444426;--color-info:#3b82f6;--color-info-dim:#3b82f626;--text-primary:#f1f5f9;--text-secondary:#94a3b8;--text-muted:#64748b;--text-on-accent:#fff;--font-body:"Inter", -apple-system, sans-serif;--font-head:"Outfit", "Inter", sans-serif;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--shadow-sm:0 1px 3px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 8px 32px #0009;--shadow-accent:0 0 24px #f9731640;--transition:.15s ease;--transition-slow:.3s ease;--sidebar-width:240px;--sidebar-collapsed:82px;--z-sidebar:100;--z-modal:200;--z-toast:300}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{background:var(--color-bg-base);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;font-size:14px;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-head);color:var(--text-primary);font-weight:700;line-height:1.2}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1rem}p{color:var(--text-secondary)}a{color:var(--color-accent);transition:color var(--transition);text-decoration:none}a:hover{color:var(--color-accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.glass{-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);background:#1a2235b3}.btn{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-family:var(--font-body);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;outline:none;font-size:14px;font-weight:500;display:inline-flex}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-accent);color:var(--text-on-accent);box-shadow:0 0 12px #f973164d}.btn-primary:hover:not(:disabled){background:var(--color-accent-hover);box-shadow:var(--shadow-accent);transform:translateY(-1px)}.btn-ghost{color:var(--text-secondary);border:1px solid var(--color-border);background:0 0}.btn-ghost:hover:not(:disabled){background:var(--color-bg-hover);color:var(--text-primary);border-color:var(--color-border-strong)}.btn-danger{background:var(--color-danger-dim);color:var(--color-danger);border:1px solid #ef444433}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-icon{padding:var(--space-2);border-radius:var(--radius-sm);justify-content:center;width:32px;height:32px}.form-group{gap:var(--space-2);flex-direction:column;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.02em;font-size:13px;font-weight:500}.form-input,.form-select,.form-textarea{background:var(--color-bg-base);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-body);padding:var(--space-3) var(--space-4);transition:border-color var(--transition), box-shadow var(--transition);outline:none;width:100%;font-size:14px}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-dim)}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-muted)}.form-textarea{resize:vertical;min-height:80px}.form-select option{background:var(--color-bg-surface)}.badge{border-radius:var(--radius-full);letter-spacing:.05em;text-transform:uppercase;align-items:center;gap:4px;padding:2px 10px;font-size:11px;font-weight:600;display:inline-flex}.badge-active{background:var(--color-success-dim);color:var(--color-success)}.badge-draft{background:var(--color-warning-dim);color:var(--color-warning)}.badge-archived{color:var(--text-muted);background:#64748b26}.badge-discontinued{background:var(--color-danger-dim);color:var(--color-danger)}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.skeleton{background:linear-gradient(90deg, var(--color-bg-surface) 25%, var(--color-bg-hover) 50%, var(--color-bg-surface) 75%);border-radius:var(--radius-sm);background-size:800px 100%;animation:1.5s linear infinite shimmer}.admin-wrapper{min-height:100vh;display:flex}.admin-content{margin-left:var(--sidebar-width);min-height:100vh;transition:margin-left var(--transition-slow);flex-direction:column;flex:1;display:flex}.page-header{padding:var(--space-6) var(--space-8);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.page-body{padding:var(--space-8);flex:1}.color-swatch{border-radius:var(--radius-full);border:2px solid #ffffff26;flex-shrink:0;width:16px;height:16px;display:inline-block}.divider{background:var(--color-border);height:1px;margin:var(--space-4) 0}@keyframes fadeInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:fadeIn var(--transition-slow) ease both}.animate-fade-in-up{animation:fadeInUp var(--transition-slow) ease both}.animate-slide-in{animation:slideInRight var(--transition-slow) ease both}