:root{--admin-bg:#f5f2ee;--admin-card:#fff;--admin-plum:#2b1822;--admin-plum-light:#3d2331;--admin-gold:#b99252;--admin-gold-light:#f5eedf;--admin-border:#2b18221a;--admin-text-main:#1f141a;--admin-text-muted:#6e6167;--admin-success:#15803d;--admin-success-bg:#eaf8ee;--admin-warning:#b45309;--admin-warning-bg:#fef4e6;--admin-info:#1d4ed8;--admin-info-bg:#eff6ff;--admin-danger:#b91c1c;--admin-danger-bg:#fef2f2;--admin-purple:#7e22ce;--admin-purple-bg:#f5f3ff;--admin-shadow:0 4px 20px -2px #2b18220d, 0 2px 6px -1px #2b182208;--admin-shadow-lg:0 16px 36px -4px #2b18221f}.admin-wrapper{background-color:var(--admin-bg);min-height:100vh;color:var(--admin-text-main);direction:rtl;font-family:Tajawal,Cairo Variable,Tahoma,sans-serif}.admin-header{background:var(--admin-plum);color:#fff;z-index:50;padding:16px 24px;position:sticky;top:0;box-shadow:0 4px 18px #00000026}.admin-header-content{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;max-width:1360px;margin:0 auto;display:flex}.admin-brand{align-items:center;gap:12px;display:flex}.admin-brand h1{letter-spacing:-.02em;color:#fffdfb;margin:0;font-size:20px;font-weight:800}.admin-brand span{color:#f7dfbe;background:#b9925240;border:1px solid #b9925266;border-radius:6px;padding:3px 8px;font-size:11px;font-weight:600}.admin-header-actions{align-items:center;gap:12px;display:flex}.db-status-badge{border-radius:999px;align-items:center;gap:6px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.db-status-badge.connected{color:#86efac;background:#22c55e33;border:1px solid #22c55e66}.db-status-badge.local{color:#fde047;background:#eab30833;border:1px solid #eab30866}.db-status-dot{border-radius:50%;width:8px;height:8px}.db-status-badge.connected .db-status-dot{background:#4ade80;box-shadow:0 0 8px #4ade80}.db-status-badge.local .db-status-dot{background:#facc15}.btn-header{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #ffffff26;border-radius:8px;align-items:center;gap:6px;padding:7px 14px;font-size:13px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.btn-header:hover{background:#fff3;transform:translateY(-1px)}.admin-nav{border-bottom:1px solid var(--admin-border);z-index:40;background:#fff;position:sticky;top:68px}.admin-nav-inner{scrollbar-width:thin;gap:4px;max-width:1360px;margin:0 auto;padding:0 24px;display:flex;overflow-x:auto}.admin-tab-btn{color:var(--admin-text-muted);cursor:pointer;white-space:nowrap;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:16px 18px;font-size:14px;font-weight:600;transition:all .2s;display:inline-flex}.admin-tab-btn:hover{color:var(--admin-plum);background:#2b182205}.admin-tab-btn.active{color:var(--admin-plum);border-bottom-color:var(--admin-gold);font-weight:700}.tab-badge{color:var(--admin-plum);background:#f1ebe6;border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.admin-tab-btn.active .tab-badge{background:var(--admin-plum);color:#fff}.admin-main{max-width:1360px;margin:0 auto;padding:28px 24px 60px}.section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.section-title{color:var(--admin-plum);margin:0;font-size:22px;font-weight:800}.section-desc{color:var(--admin-text-muted);margin:4px 0 0;font-size:13px}.metric-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:32px;display:grid}.metric-card{border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);background:#fff;border-radius:16px;justify-content:space-between;align-items:flex-start;gap:14px;padding:20px 22px;transition:transform .2s,box-shadow .2s;display:flex}.metric-card:hover{transform:translateY(-2px);box-shadow:0 8px 24px #2b182214}.metric-info{gap:4px;display:grid}.metric-label{color:var(--admin-text-muted);font-size:12px;font-weight:600}.metric-value{color:var(--admin-plum);font-family:Cairo Variable,Tajawal,sans-serif;font-size:26px;font-weight:800;line-height:1.2}.metric-sub{color:var(--admin-text-muted);align-items:center;gap:4px;font-size:11px;display:flex}.metric-icon-box{border-radius:12px;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.metric-icon-box.gold{color:#b99252;background:#fdf5e8}.metric-icon-box.blue{color:#2563eb;background:#eff6ff}.metric-icon-box.amber{color:#d97706;background:#fffbeb}.metric-icon-box.green{color:#059669;background:#ecfdf5}.metric-icon-box.purple{color:#7c3aed;background:#f5f3ff}.metric-icon-box.rose{color:#e11d48;background:#fff1f2}.admin-card{border:1px solid var(--admin-border);box-shadow:var(--admin-shadow);background:#fff;border-radius:18px;margin-bottom:24px;padding:24px}.admin-card-header{border-bottom:1px solid var(--admin-border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-card-title{color:var(--admin-plum);align-items:center;gap:8px;margin:0;font-size:16px;font-weight:700;display:flex}.admin-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.search-input-wrapper{flex:1;min-width:260px;max-width:420px;position:relative}.search-input-wrapper svg{color:var(--admin-text-muted);pointer-events:none;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.search-input{border:1px solid var(--admin-border);background:#faf8f6;border-radius:10px;outline:none;width:100%;padding:10px 42px 10px 14px;font-size:13px;transition:all .2s}.search-input:focus{border-color:var(--admin-gold);background:#fff;box-shadow:0 0 0 3px #b9925226}.filter-chips{align-items:center;gap:6px;padding-bottom:4px;display:flex;overflow-x:auto}.filter-chip{border:1px solid var(--admin-border);color:var(--admin-text-muted);cursor:pointer;white-space:nowrap;background:#fff;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .2s}.filter-chip:hover{border-color:var(--admin-plum);color:var(--admin-plum)}.filter-chip.active{background:var(--admin-plum);color:#fff;border-color:var(--admin-plum)}.table-responsive{border:1px solid var(--admin-border);border-radius:12px;width:100%;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:right;width:100%;font-size:13px}.admin-table th{color:var(--admin-plum);border-bottom:1px solid var(--admin-border);white-space:nowrap;background:#faf8f6;padding:14px 16px;font-weight:700}.admin-table td{border-bottom:1px solid var(--admin-border);vertical-align:middle;padding:14px 16px}.admin-table tbody tr{transition:background .15s}.admin-table tbody tr:hover{background:#fbf9f7}.admin-table tbody tr:last-child td{border-bottom:none}.status-badge{white-space:nowrap;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;font-weight:700;display:inline-flex}.status-badge.new{background:var(--admin-info-bg);color:var(--admin-info);border:1px solid #1d4ed833}.status-badge.confirmed{background:var(--admin-warning-bg);color:var(--admin-warning);border:1px solid #b4530933}.status-badge.shipping{background:var(--admin-purple-bg);color:var(--admin-purple);border:1px solid #7e22ce33}.status-badge.delivered{background:var(--admin-success-bg);color:var(--admin-success);border:1px solid #15803d33}.status-badge.cancelled{background:var(--admin-danger-bg);color:var(--admin-danger);border:1px solid #b91c1c33}.status-badge.returned{color:#475569;background:#f1f5f9;border:1px solid #cbd5e1}.status-badge.abandoned{color:#c2410c;background:#fff7ed;border:1px solid #fed7aa}.status-badge.contacted{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe}.status-badge.recovered{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.status-badge.ignored{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0}.action-btn-group{align-items:center;gap:6px;display:flex}.btn-action{border:1px solid var(--admin-border);color:var(--admin-text-main);cursor:pointer;background:#fff;border-radius:8px;align-items:center;gap:5px;padding:6px 10px;font-size:12px;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-action:hover{border-color:var(--admin-plum);background:#f5f2ee}.btn-action.whatsapp{color:#fff;background:#25d366;border-color:#22c55e}.btn-action.whatsapp:hover{background:#1eb954}.btn-action.call{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.btn-action.call:hover{background:#dcfce7}.btn-primary-admin{background:var(--admin-plum);color:#fff;cursor:pointer;border:none;border-radius:10px;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary-admin:hover{background:var(--admin-plum-light);transform:translateY(-1px);box-shadow:0 6px 18px #2b182226}.btn-secondary-admin{color:var(--admin-plum);border:1px solid var(--admin-border);cursor:pointer;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:9px 18px;font-size:13px;font-weight:700;transition:all .2s;display:inline-flex}.btn-secondary-admin:hover{border-color:var(--admin-gold);background:#faf8f6}.admin-form-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.admin-field{gap:6px;display:grid}.admin-field label{color:var(--admin-plum);font-size:13px;font-weight:700}.admin-field input,.admin-field select,.admin-field textarea{border:1px solid var(--admin-border);color:var(--admin-text-main);background:#faf8f6;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-size:14px;transition:all .2s}.admin-field input:focus,.admin-field select:focus,.admin-field textarea:focus{border-color:var(--admin-gold);background:#fff;box-shadow:0 0 0 3px #b9925226}.admin-field small{color:var(--admin-text-muted);font-size:11px}.switch-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:13px;font-weight:600;display:inline-flex}.switch-input{appearance:none;cursor:pointer;background:#cbd5e1;border-radius:999px;outline:none;width:44px;height:24px;transition:background .2s;position:relative}.switch-input:before{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:2px;right:2px;box-shadow:0 2px 4px #0003}.switch-input:checked{background:var(--admin-success)}.switch-input:checked:before{transform:translate(-20px)}.sql-code-box{color:#e2e8f0;text-align:left;direction:ltr;background:#1e1e24;border-radius:14px;max-height:320px;padding:18px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.6;position:relative;overflow-y:auto}.copy-code-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:5px;padding:6px 12px;font-size:11px;font-weight:600;transition:background .2s;display:inline-flex;position:absolute;top:12px;right:12px}.copy-code-btn:hover{background:#ffffff4d}.admin-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;background:#2b182299;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.admin-modal-card{width:100%;max-width:600px;max-height:90vh;box-shadow:var(--admin-shadow-lg);background:#fff;border-radius:20px;padding:28px;animation:.2s scale-up;position:relative;overflow-y:auto}.admin-modal-header{border-bottom:1px solid var(--admin-border);justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;display:flex}.admin-modal-title{color:var(--admin-plum);margin:0;font-size:18px;font-weight:800}.admin-modal-close{cursor:pointer;width:34px;height:34px;color:var(--admin-text-muted);background:#f5f2ee;border:none;border-radius:50%;place-items:center;transition:background .2s;display:grid}.admin-modal-close:hover{color:var(--admin-plum);background:#e6dfd8}.admin-toast{z-index:110;background:var(--admin-plum);color:#fff;border-radius:12px;align-items:center;gap:10px;padding:12px 20px;font-size:13px;font-weight:600;animation:.25s slide-in-bottom;display:inline-flex;position:fixed;bottom:24px;left:24px;box-shadow:0 10px 30px #0003}.admin-toast.success{background:#15803d}.admin-toast.error{background:#b91c1c}@media (max-width:768px){.admin-header{padding:12px 16px}.admin-main{padding:18px 16px 40px}.admin-nav-inner{padding:0 16px}.admin-tab-btn{padding:12px 14px;font-size:13px}.metric-grid{grid-template-columns:1fr 1fr;gap:12px}.metric-value{font-size:20px}.admin-toolbar{flex-direction:column;align-items:stretch}.search-input-wrapper{max-width:none}}@media (max-width:480px){.metric-grid{grid-template-columns:1fr}}@keyframes scale-up{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slide-in-bottom{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
