@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";
:root{--primary:#e8590c;--primary-dark:#c2410c;--primary-light:#fff7ed;--primary-gradient:linear-gradient(135deg, #ff6b00 0%, #e8590c 100%);--primary-glow:#e8590c2e;--secondary:#0d5c3a;--secondary-dark:#073b24;--secondary-light:#f0fdf4;--secondary-gradient:linear-gradient(135deg, #15803d 0%, #0d5c3a 100%);--accent-gold:#d97706;--accent-gold-light:#fef3c7;--accent-gold-gradient:linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--bg-base:#faf8f5;--bg-surface:#fff;--bg-card:#fff;--bg-elevated:#f4efea;--bg-glass:#ffffffe0;--bg-glass-card:#fffffff0;--bg-input:#f8f6f2;--text-primary:#1a1d20;--text-secondary:#3e464f;--text-muted:#6b7785;--text-placeholder:#9ca7b4;--text-gold:#b45309;--border:#ebe5dc;--border-strong:#d8cebf;--border-accent:#e8590c;--border-glass:#e8590c1f;--success:#15803d;--warning:#d97706;--error:#dc2626;--info:#0284c7;--accent:#0d9488;--shadow-sm:0 2px 4px #e8590c08, 0 1px 2px #00000008;--shadow-md:0 6px 18px -2px #e8590c0f, 0 2px 6px -1px #0000000a;--shadow-lg:0 14px 30px -4px #e8590c14, 0 4px 12px -2px #0000000d;--shadow-xl:0 24px 48px -6px #e8590c1f, 0 8px 18px -4px #0000000f;--shadow-saffron:0 4px 20px #e8590c47;--shadow-emerald:0 4px 20px #0d5c3a38;--shadow-gold:0 4px 20px #d9770640;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .35s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;background-image:radial-gradient(at 0 0,#e8590c08 0,#0000 50%),radial-gradient(at 100% 100%,#0d5c3a08 0,#0000 50%);background-attachment:fixed;font-family:Plus Jakarta Sans,Inter,system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:inherit}input,select,textarea{font-family:inherit}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulseGlow{0%,to{box-shadow:0 0 #e8590c66}50%{box-shadow:0 0 0 8px #e8590c00}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.container{max-width:1280px;margin:0 auto;padding:0 1.5rem}.section-title{color:var(--text-primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:1.85rem;font-weight:800;line-height:1.25}.section-subtitle{color:var(--text-muted);margin-top:.35rem;font-size:.95rem;font-weight:400}.btn{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;text-align:center;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.65rem 1.4rem;font-size:.875rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--primary-gradient);color:#fff;box-shadow:0 4px 14px #e8590c47}.btn-primary:hover{filter:brightness(1.05);transform:translateY(-2px);box-shadow:0 6px 20px #e8590c5c}.btn-primary:active{transform:translateY(0)}.btn-secondary{color:var(--text-secondary);border:1.5px solid var(--border-strong);box-shadow:var(--shadow-sm);background:#fff}.btn-secondary:hover{background:var(--bg-elevated);border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.btn-success{background:var(--secondary-gradient);color:#fff;box-shadow:0 4px 14px #0d5c3a3d}.btn-success:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0d5c3a52}.btn-danger{color:var(--error);background:#fff;border:1.5px solid #fecaca}.btn-danger:hover{background:var(--error);color:#fff;border-color:var(--error);transform:translateY(-1px)}.btn-danger-solid{box-shadow:0 4px 12px #dc262640;color:#fff!important;background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%)!important;border:1.5px solid #dc2626!important}.btn-danger-solid:hover{transform:translateY(-1px);box-shadow:0 6px 18px #dc262659}.btn-outline{color:var(--primary);border:1.75px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light);transform:translateY(-1px)}.btn-gold{background:var(--accent-gold-gradient);color:#fff;box-shadow:0 4px 14px #d9770640}.btn-gold:hover{transform:translateY(-2px);box-shadow:0 6px 20px #d9770659}.btn-sm{border-radius:var(--radius-sm);padding:.4rem .9rem;font-size:.8rem}.btn-lg{border-radius:var(--radius-lg);padding:.85rem 2.2rem;font-size:1rem}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.form-group{flex-direction:column;gap:.4rem;display:flex}.form-label{color:var(--text-secondary);letter-spacing:.01em;font-size:.82rem;font-weight:600}.form-input,.form-select,.form-textarea{border:1.5px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);background:#fff;outline:none;padding:.7rem .95rem;font-size:.88rem;box-shadow:0 1px 2px #00000005}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3.5px #e8590c1f}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-placeholder)}.form-textarea{resize:vertical;min-height:100px}.form-error{color:var(--error);font-size:.78rem;font-weight:500}.badge{border-radius:var(--radius-full);letter-spacing:.02em;background:var(--bg-elevated);color:var(--text-secondary);border:1px solid var(--border);white-space:nowrap;align-items:center;gap:.35rem;padding:.25rem .7rem;font-size:.74rem;font-weight:700;display:inline-flex}.badge-sale{color:#c2410c;background:#fff7ed;border-color:#fed7aa}.badge-active{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.badge-pending{color:#b45309;background:#fef3c7;border-color:#fde68a}.badge-rejected,.badge-blocked{color:#dc2626;background:#fef2f2;border-color:#fecaca}.badge-seller{color:#ea580c;background:#fff7ed;border-color:#fed7aa}.badge-buyer{color:#0284c7;background:#eff6ff;border-color:#bae6fd}.badge-admin{color:#7c3aed;background:#f5f3ff;border-color:#ddd6fe}.badge-pinned{color:#b45309;background:#fef3c7;border-color:#fde68a}.badge-gold{color:#b45309;background:#fef3c7;border-color:#fcd34d}.alert{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);border:1.5px solid #0000;padding:.95rem 1.25rem;font-size:.88rem;line-height:1.5}.alert-error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.alert-success{color:#14532d;background:#f0fdf4;border-color:#bbf7d0}.alert-warning{color:#92400e;background:#fffbeb;border-color:#fde68a}.alert-info{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.stat-card{border:1.5px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:var(--transition);background:#fff;padding:1.5rem;position:relative;overflow:hidden}.stat-card:after{content:"";background:var(--primary-gradient);opacity:0;height:3.5px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#e8590c66;transform:translateY(-2px)}.stat-card:hover:after{opacity:1}.stat-value{color:var(--primary);letter-spacing:-.02em;font-family:Outfit,sans-serif;font-size:2.15rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);margin-top:.4rem;font-size:.85rem;font-weight:500}.price-display{flex-wrap:wrap;align-items:baseline;gap:.5rem;display:flex}.price-sale{color:var(--primary);font-family:Outfit,sans-serif;font-size:1.15rem;font-weight:800}.price-original{color:var(--text-secondary);font-family:Outfit,sans-serif;font-size:.95rem;font-weight:600}.strikethrough{font-size:.85rem;text-decoration:line-through;color:var(--text-muted)!important}.discount-badge{color:#c2410c;border-radius:var(--radius-full);background:#fff7ed;border:1px solid #fed7aa;padding:.15rem .55rem;font-size:.72rem;font-weight:700}.grid-cols-4{grid-template-columns:repeat(4,1fr);gap:1.35rem;display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr);gap:1.35rem;display:grid}.grid-cols-2{grid-template-columns:repeat(2,1fr);gap:1.35rem;display:grid}@media (max-width:1100px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.modal-overlay{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;background:#0f172a66;justify-content:center;align-items:center;padding:1rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal-content{border-radius:var(--radius-xl);width:100%;max-width:490px;box-shadow:var(--shadow-xl);border:1.5px solid var(--border);background:#fff;max-height:92vh;padding:2rem;animation:.25s cubic-bezier(.16,1,.3,1) fadeInUp;overflow-y:auto}@media (max-width:640px){.modal-content{border-radius:var(--radius-lg);padding:1.35rem}}.modal-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:1.35rem;padding-bottom:1rem;display:flex}.modal-title{color:var(--text-primary);font-family:Outfit,sans-serif;font-size:1.2rem;font-weight:700}.modal-close{background:var(--bg-elevated);color:var(--text-muted);cursor:pointer;width:32px;height:32px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;font-size:.9rem;display:flex}.modal-close:hover{color:var(--error);background:#fef2f2}.data-table{border-collapse:separate;border-spacing:0;width:100%;font-size:.875rem}.data-table thead{background:var(--bg-elevated)}.data-table th{text-align:left;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);border-bottom:1.5px solid var(--border);white-space:nowrap;padding:.85rem 1rem;font-size:.74rem;font-weight:700}.data-table td{border-bottom:1px solid var(--border);color:var(--text-secondary);vertical-align:middle;transition:var(--transition);background:#fff;padding:.95rem 1rem}.data-table tbody tr:hover td{background:#fffdf9}.data-table tbody tr:last-child td{border-bottom:none}.page-loading{justify-content:center;align-items:center;padding:4rem;display:flex}.spinner{border:3.5px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:38px;height:38px;animation:.7s linear infinite spin}.empty-state{text-align:center;color:var(--text-muted);padding:4.5rem 2rem}.empty-state-icon{margin-bottom:1rem;font-size:3.8rem}.empty-state h3{color:var(--text-primary);margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.3rem;font-weight:700}.empty-state p{font-size:.92rem}.category-icon-wrapper{vertical-align:middle;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;position:relative}.category-icon-wrapper svg{object-fit:contain;flex-shrink:0;width:100%!important;max-width:100%!important;height:100%!important;max-height:100%!important;display:block!important}