@import "https://fonts.googleapis.com/css2?family=Cairo:wght@400;600;700;800;900&family=Outfit:wght@400;600;700&display=swap";:root{--primary-green:#00c853;--primary-green-light:#69f0ae;--primary-teal:#008f9b;--accent-orange:#ff9800;--danger-red:#ef4444;--bg-deep:#020617;--bg-card:#0f172abf;--bg-card-hover:#1e293bd9;--border-glass:#ffffff17;--text-main:#f8fafc;--text-muted:#94a3b8;--text-dim:#64748b;--font-arabic:"Cairo", system-ui, -apple-system, sans-serif;--font-latin:"Outfit", sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--shadow-card:0 20px 40px -15px #0009;--shadow-glow:0 0 25px #00c8534d}*{box-sizing:border-box;margin:0;padding:0}body.products-body{font-family:var(--font-arabic);background-color:var(--bg-deep);color:var(--text-main);text-align:right;direction:rtl;min-height:100vh;position:relative;overflow-x:hidden}.bg-glow-wrapper{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bg-orb{filter:blur(140px);opacity:.22;border-radius:50%;animation:12s ease-in-out infinite alternate orbPulse;position:absolute}.orb-green{background:radial-gradient(circle, var(--primary-green) 0%, transparent 70%);width:50vw;height:50vw;top:-15%;right:-10%}.orb-teal{background:radial-gradient(circle, var(--primary-teal) 0%, transparent 70%);width:45vw;height:45vw;animation-delay:-6s;bottom:-15%;left:-10%}@keyframes orbPulse{0%{transform:scale(1)translate(0)}to{transform:scale(1.1)translate(-5%,5%)}}.products-container{max-width:1280px;margin:0 auto;padding:24px 20px 80px}.products-navbar{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#0f172aa6;justify-content:space-between;align-items:center;margin-bottom:32px;padding:16px 24px;display:flex}.brand-section{color:inherit;align-items:center;gap:16px;text-decoration:none;display:flex}.brand-logo{object-fit:contain;filter:drop-shadow(0 4px 12px #00c85340);width:auto;height:46px}.brand-info{flex-direction:column;display:flex}.brand-title{letter-spacing:-.3px;align-items:center;gap:8px;font-size:1.25rem;font-weight:800;display:flex}.brand-badge{color:var(--primary-green-light);background:#00c85326;border:1px solid #00c8534d;border-radius:20px;padding:2px 8px;font-size:.72rem;font-weight:700}.brand-subtitle{color:var(--text-muted);font-size:.82rem}.nav-actions{align-items:center;gap:12px;display:flex}.db-status-pill{border:1px solid var(--border-glass);color:var(--text-muted);background:#ffffff0a;border-radius:30px;align-items:center;gap:8px;padding:6px 14px;font-size:.82rem;font-weight:600;display:inline-flex}.status-dot{background:var(--primary-green);width:8px;height:8px;box-shadow:0 0 10px var(--primary-green);border-radius:50%;animation:2s infinite pulseDot}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.85)}}.btn-home-link{color:var(--text-main);border-radius:var(--radius-sm);border:1px solid var(--border-glass);background:#ffffff0d;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-home-link:hover{color:var(--primary-green-light);background:#ffffff1a}.page-hero{margin-bottom:32px}.hero-tag{color:#26c6da;background:#008f9b26;border:1px solid #008f9b59;border-radius:20px;align-items:center;gap:6px;margin-bottom:12px;padding:4px 14px;font-size:.8rem;font-weight:700;display:inline-flex}.hero-main-title{background:linear-gradient(135deg,#fff 30%,#69f0ae 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:8px;font-size:2.2rem;font-weight:900;line-height:1.3}.hero-desc{color:var(--text-muted);max-width:680px;font-size:1rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:32px;display:grid}.stat-card{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-md);box-shadow:var(--shadow-card);justify-content:space-between;align-items:center;padding:20px 24px;transition:transform .25s,border-color .25s;display:flex}.stat-card:hover{border-color:#00c8534d;transform:translateY(-3px)}.stat-info .stat-label{color:var(--text-muted);margin-bottom:4px;font-size:.85rem}.stat-info .stat-value{font-family:var(--font-latin), var(--font-arabic);color:var(--text-main);font-size:1.8rem;font-weight:800}.stat-icon-wrapper{border:1px solid var(--border-glass);background:#ffffff0a;border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.3rem;display:flex}.stat-card.green .stat-icon-wrapper{color:var(--primary-green-light);background:#00c8531f}.stat-card.teal .stat-icon-wrapper{color:#26c6da;background:#008f9b1f}.stat-card.orange .stat-icon-wrapper{color:var(--accent-orange);background:#ff98001f}.toolbar-section{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-box-wrapper{flex:1;min-width:260px;max-width:450px;position:relative}.search-icon{color:var(--text-dim);pointer-events:none;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.search-input{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-arabic);padding:12px 46px 12px 16px;font-size:.95rem;transition:all .2s}.search-input:focus{border-color:var(--primary-green);background:#0f172af2;outline:none;box-shadow:0 0 16px #00c85340}.search-input::placeholder{color:var(--text-dim)}.toolbar-actions{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sort-select{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-sm);color:var(--text-main);font-family:var(--font-arabic);cursor:pointer;padding:12px 18px;font-size:.9rem;transition:border-color .2s}.sort-select:focus{border-color:var(--primary-green);outline:none}.btn-primary-action{background:linear-gradient(135deg, var(--primary-green) 0%, #00a844 100%);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-arabic);cursor:pointer;border:none;align-items:center;gap:8px;padding:12px 22px;font-size:.95rem;font-weight:700;transition:all .2s cubic-bezier(.34,1.56,.64,1);display:inline-flex;box-shadow:0 8px 24px #00c85359}.btn-primary-action:hover{background:linear-gradient(135deg,#00db5b 0%,#00b84b 100%);transform:translateY(-2px);box-shadow:0 12px 30px #00c85380}.btn-primary-action:active{transform:scale(.98)}.btn-icon-action{background:var(--bg-card);border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:44px;height:44px;color:var(--text-muted);cursor:pointer;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.btn-icon-action:hover{color:var(--primary-green-light);border-color:#00c8534d;transform:rotate(45deg)}.table-container{background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);margin-bottom:24px;position:relative;overflow:hidden}.products-table{border-collapse:collapse;text-align:right;width:100%}.products-table th{color:var(--text-muted);border-bottom:1px solid var(--border-glass);white-space:nowrap;background:#ffffff08;padding:16px 20px;font-size:.85rem;font-weight:700}.products-table td{color:var(--text-main);vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:16px 20px;font-size:.95rem;transition:background-color .15s}.products-table tbody tr{transition:background-color .2s}.products-table tbody tr:hover{background-color:var(--bg-card-hover)}.products-table tbody tr:last-child td{border-bottom:none}.product-cell-main{align-items:center;gap:14px;display:flex}.product-thumb{border:1px solid var(--border-glass);object-fit:cover;background:#1e293b;border-radius:12px;flex-shrink:0;width:50px;height:50px}.product-thumb-placeholder{border:1px solid var(--border-glass);width:50px;height:50px;color:var(--text-dim);background:#ffffff0a;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.product-title-text{color:#fff;margin-bottom:2px;font-size:.98rem;font-weight:700;line-height:1.4}.product-category-text{color:var(--text-dim);font-size:.78rem}.price-tag{align-items:baseline;gap:4px;display:inline-flex}.price-value{font-family:var(--font-latin), var(--font-arabic);color:var(--primary-green-light);font-size:1.2rem;font-weight:800}.price-currency{color:var(--text-muted);font-size:.8rem;font-weight:700}.store-badge{color:var(--text-main);border:1px solid var(--border-glass);background:#ffffff0a;border-radius:8px;align-items:center;gap:6px;padding:4px 10px;font-size:.82rem;font-weight:600;display:inline-flex}.status-badge{border-radius:20px;align-items:center;gap:6px;padding:4px 10px;font-size:.78rem;font-weight:700;display:inline-flex}.status-badge.active{color:var(--primary-green-light);background:#00c8531f;border:1px solid #00c85340}.status-badge.inactive{color:#f87171;background:#ef44441f;border:1px solid #ef444440}.action-buttons-wrap{align-items:center;gap:8px;display:flex}.btn-table-action{border:1px solid var(--border-glass);color:var(--text-muted);font-family:var(--font-arabic);cursor:pointer;background:#ffffff08;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:.82rem;font-weight:600;transition:all .18s;display:inline-flex}.btn-table-action:hover{color:#fff;background:#ffffff14}.btn-table-action.edit-btn:hover{border-color:var(--primary-green);color:var(--primary-green-light)}.btn-table-action.delete-btn:hover{border-color:var(--danger-red);color:#f87171;background:#ef444414}.state-container{text-align:center;color:var(--text-muted);padding:60px 20px}.state-spinner{border:3px solid #00c85326;border-top-color:var(--primary-green);border-radius:50%;width:40px;height:40px;margin:0 auto 16px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.state-title{color:var(--text-main);margin-bottom:6px;font-size:1.15rem;font-weight:700}.modal-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:1000;opacity:0;visibility:hidden;background:#000000bf;justify-content:center;align-items:center;padding:20px;transition:all .25s;display:flex;position:fixed;inset:0}.modal-backdrop.active{opacity:1;visibility:visible}.modal-card{border:1px solid var(--border-glass);border-radius:var(--radius-lg);background:#0f172a;width:100%;max-width:520px;padding:32px;transition:transform .25s cubic-bezier(.34,1.4,.64,1);position:relative;transform:translateY(20px)scale(.96);box-shadow:0 25px 60px #000c}.modal-backdrop.active .modal-card{transform:translateY(0)scale(1)}.modal-header{border-bottom:1px solid var(--border-glass);justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;display:flex}.modal-title{color:#fff;font-size:1.35rem;font-weight:800}.btn-close-modal{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px;font-size:1.2rem;transition:all .2s}.btn-close-modal:hover{color:#fff;background:#ffffff14}.form-group{margin-bottom:18px}.form-label{color:var(--text-main);margin-bottom:8px;font-size:.88rem;font-weight:700;display:block}.form-input,.form-select,.form-textarea{border:1px solid var(--border-glass);border-radius:var(--radius-sm);width:100%;color:var(--text-main);font-family:var(--font-arabic);background:#ffffff0a;padding:12px 14px;font-size:.95rem;transition:border-color .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--primary-green);outline:none;box-shadow:0 0 12px #00c85333}.form-textarea{resize:vertical;min-height:80px}.form-row-2{grid-template-columns:1fr 1fr;gap:12px;display:grid}.modal-footer{border-top:1px solid var(--border-glass);justify-content:flex-end;align-items:center;gap:12px;margin-top:24px;padding-top:16px;display:flex}.btn-secondary-action{border:1px solid var(--border-glass);color:var(--text-muted);border-radius:var(--radius-sm);font-family:var(--font-arabic);cursor:pointer;background:#ffffff0f;padding:11px 20px;font-size:.9rem;font-weight:700;transition:all .2s}.btn-secondary-action:hover{color:#fff;background:#ffffff1a}.toast-container{z-index:2000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:24px;left:24px}.toast{pointer-events:auto;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--border-glass);border-radius:var(--radius-md);color:#fff;background:#0f172af2;align-items:center;gap:12px;padding:14px 20px;font-size:.92rem;font-weight:600;animation:.3s cubic-bezier(.34,1.4,.64,1) forwards toastIn;display:flex;box-shadow:0 15px 35px #00000080}.toast.success{border-color:#00c85366}.toast.error{border-color:#ef444466}@keyframes toastIn{0%{opacity:0;transform:translateY(20px)scale(.9)}to{opacity:1;transform:translateY(0)scale(1)}}@media (width<=768px){.products-container{padding:16px 12px 60px}.products-navbar{flex-direction:column;align-items:flex-start;gap:16px}.nav-actions{justify-content:space-between;width:100%}.toolbar-section{flex-direction:column;align-items:stretch}.search-box-wrapper{max-width:100%}.toolbar-actions{justify-content:space-between}.table-container{overflow-x:auto}.hero-main-title{font-size:1.7rem}}