*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand: #0F766E;--brand-dark: #0B5A54;--brand-50: #ECFDF5;--brand-100: #D1FAE5;--brand-500: #0F766E;--brand-600: #0B5A54;--brand-wash: rgba(15,118,110,.1);--gold: #B5891F;--gold-soft: #E7C66B;--bg-canvas: #F6F7F9;--bg-surface: #FFFFFF;--bg-surface-2:#F9FAFB;--bg-overlay: rgba(15,23,42,.45);--paper: var(--bg-canvas);--text-strong: #0F172A;--text-default: #334155;--text-muted: #64748B;--text-subtle: #94A3B8;--success: #16A34A;--success-bg: #F0FDF4;--warning: #D97706;--warning-bg: #FFFBEB;--danger: #DC2626;--danger-bg: #FEF2F2;--info: #2563EB;--info-bg: #EFF6FF;--purple: #7C3AED;--purple-bg: #F5F3FF;--border-default: #E2E8F0;--border-strong: #CBD5E1;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(15,23,42,.04);--shadow-sm: 0 1px 3px rgba(15,23,42,.06), 0 1px 2px rgba(15,23,42,.04);--shadow-md: 0 4px 12px rgba(15,23,42,.08);--shadow-lg: 0 12px 32px rgba(15,23,42,.12);--shadow-focus: 0 0 0 3px var(--brand-100);--ink: #0E1A2B;--ink-2:#18293E}body{font-family:Vazirmatn,Tahoma,sans-serif;background:var(--bg-canvas);color:var(--text-default);direction:rtl;font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--brand-500);outline-offset:2px;border-radius:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.num{font-variant-numeric:tabular-nums}.sp-loading{display:flex;align-items:center;justify-content:center;min-height:100vh;font-size:16px;color:#64748b}.sp-shell{display:flex;min-height:100vh}.sp-sidebar{width:240px;min-height:100vh;background:var(--bg-surface);border-left:1px solid var(--border-default);display:flex;flex-direction:column;position:fixed;top:0;right:0;bottom:0;z-index:100;transition:transform .3s}.sp-sidebar-logo{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;border-bottom:1px solid var(--border-default)}.sp-sidebar-logo-icon{width:36px;height:36px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--brand),var(--brand-dark));display:flex;align-items:center;justify-content:center;color:#fff}.sp-sidebar-logo-text{font-size:15px;font-weight:800;color:var(--text-strong)}.sp-sidebar-logo-sub{font-size:10px;color:var(--text-muted)}.sp-nav{flex:1;padding:12px 10px;display:flex;flex-direction:column;gap:2px}.sp-nav-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-md);color:var(--text-muted);text-decoration:none;font-size:13px;font-weight:600;transition:all .15s;position:relative}.sp-nav-item:hover{background:var(--bg-surface-2);color:var(--text-strong)}.sp-nav-item.active{background:var(--brand-wash);color:var(--brand-600);font-weight:700}.sp-nav-item.active:before{content:"";position:absolute;inset-inline-start:0;top:7px;bottom:7px;width:3px;border-radius:3px;background:var(--brand-500)}.sp-nav-item svg{width:18px;height:18px;flex-shrink:0}.sp-nav-group{font-size:10px;font-weight:700;letter-spacing:.14em;color:var(--text-subtle);text-transform:uppercase;padding:14px 12px 5px}.sp-nav-group:first-child{padding-top:4px}.sp-sidebar-footer{padding:14px;border-top:1px solid var(--border-default)}.sp-user-row{display:flex;align-items:center;gap:10px}.sp-user-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,var(--brand),var(--brand-dark));display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#fff;flex-shrink:0}.sp-user-name{font-size:12px;font-weight:700;color:var(--text-strong)}.sp-user-role{font-size:10px;color:var(--text-muted)}.sp-logout-btn{margin-right:auto;background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;transition:color .15s}.sp-logout-btn:hover{color:var(--danger)}.sp-main{margin-right:240px;min-height:100vh;display:flex;flex-direction:column;flex:1}.sp-topbar{background:#fff;border-bottom:1px solid #e2e8f0;padding:14px 28px;display:flex;align-items:center;position:sticky;top:0;z-index:50}.sp-topbar-title{font-size:16px;font-weight:800;color:#1e293b}.sp-content{padding:28px;flex:1}.sp-stats-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:16px;margin-bottom:28px}.sp-stat-card{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 4px #0000000f;display:flex;flex-direction:column;gap:8px}.sp-stat-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:18px}.sp-stat-icon.orange{background:#fff7ed;color:#f97316}.sp-stat-icon.blue{background:#eff6ff;color:#3b82f6}.sp-stat-icon.purple{background:var(--brand-wash);color:var(--brand-dark)}.sp-stat-icon.green{background:#f0fdf4;color:#22c55e}.sp-stat-value{font-size:28px;font-weight:800;color:var(--ink)}.sp-stat-label{font-size:12px;color:#64748b}.sp-page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.sp-page-title{font-size:18px;font-weight:800;color:var(--ink)}.sp-card{background:#fff;border-radius:16px;box-shadow:0 1px 4px #0000000f;overflow:hidden}.sp-card-header{padding:16px 20px;border-bottom:1px solid #f1f5f9;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.sp-search{flex:1;min-width:200px;max-width:320px;padding:9px 13px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:13px;background:#f8fafc;outline:none}.sp-search:focus{border-color:var(--brand)}.sp-filter-select{padding:9px 13px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:13px;background:#f8fafc;cursor:pointer;outline:none}.sp-filter-select:focus{border-color:var(--brand)}.sp-table-wrap{overflow-x:auto}table.sp-table{width:100%;border-collapse:collapse}.sp-table th{background:#f8fafc;padding:11px 16px;font-size:11px;font-weight:700;color:#64748b;text-align:right;border-bottom:1px solid #f1f5f9;white-space:nowrap}.sp-table td{padding:13px 16px;font-size:13px;color:#374151;border-bottom:1px solid #f8fafc}.sp-table tr:hover td{background:#f8fafc}.sp-table tr:last-child td{border-bottom:none}.sp-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.sp-badge.open{background:#fef9c3;color:#854d0e}.sp-badge.in_progress{background:#dbeafe;color:#1d4ed8}.sp-badge.resolved{background:#dcfce7;color:#15803d}.sp-badge.closed{background:#f1f5f9;color:#64748b}.sp-badge.pending{background:#fef3c7;color:#92400e}.sp-badge.confirmed{background:#dbeafe;color:#1d4ed8}.sp-badge.shipped{background:#f0fdf4;color:#166534}.sp-badge.delivered{background:#dcfce7;color:#15803d}.sp-badge.cancelled{background:#fee2e2;color:#b91c1c}.sp-badge.customer{background:#ede9fe;color:#6d28d9}.sp-badge.merchant{background:#fdf4ff;color:#a21caf}.sp-badge.verified{background:#dcfce7;color:#15803d}.sp-badge.unverified{background:#f1f5f9;color:#64748b}.sp-badge.kyc_pending{background:#fef3c7;color:#92400e}.sp-badge.pending_review{background:#dbeafe;color:#1d4ed8}.sp-badge.rejected{background:#fee2e2;color:#b91c1c}.sp-badge.suspended{background:#fef3c7;color:#92400e}.sp-badge.approved{background:#dcfce7;color:#15803d}.sp-table tr.clickable{cursor:pointer}.sp-btn{padding:8px 16px;border-radius:10px;font-family:inherit;font-size:13px;font-weight:600;cursor:pointer;border:none;transition:all .15s;display:inline-flex;align-items:center;gap:6px}.sp-btn-primary{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff}.sp-btn-primary:hover{opacity:.9}.sp-btn-danger{background:#fee2e2;color:#b91c1c}.sp-btn-danger:hover{background:#fecaca}.sp-btn-ghost{background:#f1f5f9;color:#475569}.sp-btn-ghost:hover{background:#e2e8f0}.sp-btn-secondary{background:var(--brand-wash);color:var(--brand-dark)}.sp-btn-secondary:hover{background:#0f766e33}.sp-btn-success{background:#dcfce7;color:#15803d}.sp-btn-success:hover{background:#bbf7d0}.sp-btn-orange{background:#ffedd5;color:#c2410c}.sp-btn-orange:hover{background:#fed7aa}.sp-btn:disabled{opacity:.5;cursor:not-allowed}.sp-detail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px;margin-bottom:24px}.sp-detail-block{background:#fff;border-radius:16px;padding:20px;box-shadow:0 1px 4px #0000000f}.sp-detail-block h3{font-size:13px;font-weight:700;color:#64748b;margin-bottom:12px}.sp-kv{display:flex;flex-direction:column;gap:8px}.sp-kv-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.sp-kv-label{font-size:12px;color:#94a3b8}.sp-kv-value{font-size:13px;font-weight:600;color:#1e293b;text-align:left;direction:ltr}.sp-chat{display:flex;flex-direction:column;gap:12px;padding:20px;max-height:500px;overflow-y:auto}.sp-msg{max-width:72%;padding:12px 16px;border-radius:16px;font-size:13px;line-height:1.6}.sp-msg.customer,.sp-msg.merchant{background:#f1f5f9;color:#374151;align-self:flex-end;border-bottom-right-radius:4px}.sp-msg.support{background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;align-self:flex-start;border-bottom-left-radius:4px}.sp-msg-meta{font-size:10px;opacity:.7;margin-top:4px}.sp-reply-box{padding:16px 20px;border-top:1px solid #f1f5f9;display:flex;gap:10px;align-items:flex-end}.sp-reply-textarea{flex:1;padding:10px 14px;border:1.5px solid #e2e8f0;border-radius:12px;font-family:inherit;font-size:13px;resize:none;outline:none;min-height:80px}.sp-reply-textarea:focus{border-color:var(--brand)}.sp-pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px;border-top:1px solid #f1f5f9}.sp-page-btn{padding:6px 14px;border-radius:8px;border:1.5px solid #e2e8f0;background:#fff;font-family:inherit;font-size:13px;cursor:pointer}.sp-page-btn:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}.sp-page-btn:disabled{opacity:.4;cursor:not-allowed}.sp-page-info{font-size:12px;color:#64748b}.sp-empty{text-align:center;padding:48px 20px;color:#94a3b8;font-size:14px}.sp-login-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(800px 480px at 80% -10%,rgba(15,118,110,.3),transparent 60%),radial-gradient(640px 540px at 0% 110%,rgba(181,137,31,.12),transparent 55%),linear-gradient(160deg,var(--ink) 0%,var(--ink-2) 100%)}.sp-login-card{position:relative;overflow:hidden;background:#fff;border-radius:24px;padding:40px 36px;width:100%;max-width:420px;box-shadow:0 24px 80px #0006}.sp-login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gold),var(--gold-soft),var(--gold))}.sp-login-logo{width:48px;height:48px;border-radius:14px;margin:0 auto 16px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));display:flex;align-items:center;justify-content:center;color:#fff}.sp-login-title{font-size:20px;font-weight:800;text-align:center;color:var(--ink);margin-bottom:8px}.sp-login-sub{font-size:13px;color:#64748b;text-align:center;margin-bottom:28px}.sp-field{margin-bottom:16px}.sp-field label{display:block;font-size:13px;font-weight:600;color:#374151;margin-bottom:6px}.sp-input{width:100%;padding:11px 13px;border:1.5px solid #e2e8f0;border-radius:10px;font-family:inherit;font-size:14px;background:#f8fafc;outline:none;box-sizing:border-box}.sp-input:focus{border-color:var(--brand)}.sp-login-btn{width:100%;padding:13px;border:none;border-radius:12px;background:linear-gradient(135deg,var(--brand),var(--brand-dark));color:#fff;font-family:inherit;font-size:15px;font-weight:700;cursor:pointer;margin-top:4px}.sp-login-btn:hover:not(:disabled){opacity:.9}.sp-login-btn:disabled{opacity:.6;cursor:not-allowed}.sp-error-box{background:#fef2f2;border:1px solid #fecaca;color:#dc2626;border-radius:10px;padding:10px 14px;font-size:13px;margin-bottom:16px}.sp-back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:none;color:var(--brand);cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;padding:0;margin-bottom:20px}.sp-back-btn:hover{text-decoration:underline}.sp-ticket-detail-grid{display:grid;grid-template-columns:1fr 300px;gap:20px;align-items:start}.sp-hamburger{display:none;background:none;border:none;cursor:pointer;color:#1e293b;padding:4px;margin-left:8px;border-radius:8px}.sp-hamburger:hover{background:#f1f5f9}.sp-sidebar-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000073;z-index:99}@media (max-width: 768px){.sp-sidebar{transform:translate(100%);transition:transform .25s ease}.sp-sidebar.open{transform:translate(0)}.sp-main{margin-right:0}.sp-hamburger{display:flex;align-items:center}.sp-sidebar-overlay{display:block}.sp-ticket-detail-grid{grid-template-columns:1fr}.sp-content{padding:16px}.sp-stats-grid{grid-template-columns:repeat(2,1fr)}}.sp-badge2{display:inline-flex;align-items:center;padding:2px 9px;border-radius:20px;font-size:11px;font-weight:700;white-space:nowrap}.sp-badge-success{background:#dcfce7;color:#15803d}.sp-badge-danger{background:#fee2e2;color:#b91c1c}.sp-badge-warning{background:#fef3c7;color:#92400e}.sp-badge-orange{background:#ffedd5;color:#c2410c}.sp-badge-info{background:#dbeafe;color:#1d4ed8}.sp-badge-gray{background:#f1f5f9;color:#64748b}.sp-badge-purple{background:#ede9fe;color:#6d28d9}.sp-kpi-strip{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin-bottom:24px}.sp-kpi-card{background:#fff;border-radius:14px;padding:16px 18px;box-shadow:0 1px 4px #0000000f;border-top:3px solid var(--sp-color, var(--brand))}.sp-kpi-label{font-size:11px;color:#64748b;font-weight:600;margin-bottom:6px}.sp-kpi-value{font-size:24px;font-weight:800;color:var(--ink);line-height:1}.sp-kpi-sub{font-size:11px;color:#94a3b8;margin-top:4px;display:flex;align-items:center;gap:4px}.sp-charts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:24px}.sp-chart-card{background:#fff;border-radius:14px;padding:18px;box-shadow:0 1px 4px #0000000f}.sp-chart-full{grid-column:1 / -1}.sp-chart-title{font-size:13px;font-weight:700;color:#374151;margin-bottom:12px}.sp-section{background:#fff;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 1px 4px #0000000f}.sp-section-title{font-size:13px;font-weight:700;color:#374151;margin-bottom:12px;border-bottom:1px solid #f1f5f9;padding-bottom:8px}.sp-tabs{display:flex;gap:4px;margin-bottom:20px;flex-wrap:wrap;border-bottom:2px solid #f1f5f9;padding-bottom:0}.sp-tab{padding:8px 16px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:13px;font-weight:600;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:0;transition:all .15s}.sp-tab:hover{color:var(--brand)}.sp-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.sp-panel-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:200}.sp-panel{position:fixed;top:0;left:0;bottom:0;z-index:201;background:#fff;display:flex;flex-direction:column;box-shadow:-4px 0 24px #0000001f;overflow:hidden}.sp-panel-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #f1f5f9;background:#f8fafc;flex-shrink:0}.sp-panel-title{font-size:14px;font-weight:700;color:var(--ink)}.sp-panel-close{background:none;border:none;cursor:pointer;color:#64748b;padding:4px;border-radius:6px;display:flex}.sp-panel-close:hover{color:#ef4444}.sp-panel-body{flex:1;overflow-y:auto;padding:16px 20px}.sp-panel-tabs{display:flex;gap:2px;flex-wrap:wrap;border-bottom:1px solid #f1f5f9;margin-bottom:14px}.sp-panel-tab{padding:6px 12px;border:none;background:none;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;color:#64748b;border-bottom:2px solid transparent;margin-bottom:-1px}.sp-panel-tab.active{color:var(--brand);border-bottom-color:var(--brand)}.sp-panel-tab-body{padding-top:4px}.sp-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.sp-filter-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.sp-clickable{cursor:pointer}.sp-clickable:hover td{background:var(--brand-wash)!important}.sp-timeline{display:flex;flex-direction:column;gap:0}.sp-tl-item{display:flex;gap:12px;padding-bottom:16px;position:relative}.sp-tl-item:not(:last-child):after{content:"";position:absolute;right:10px;top:22px;bottom:0;width:2px;background:#e2e8f0}.sp-tl-dot{width:20px;height:20px;border-radius:50%;background:var(--brand);display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;flex-shrink:0;z-index:1}.sp-tl-content{flex:1}.sp-tl-title{font-size:13px;font-weight:600;color:#1e293b}.sp-tl-sub{font-size:11px;color:#94a3b8;margin-top:2px}.sp-code{background:var(--ink);color:#e2e8f0;border-radius:10px;padding:14px 16px;font-size:12px;font-family:monospace;overflow-x:auto;line-height:1.6;white-space:pre-wrap}@media (max-width: 768px){.sp-charts-grid{grid-template-columns:1fr}.sp-kpi-strip{grid-template-columns:repeat(2,1fr)}.sp-panel{width:100%!important}.sp-sidebar{transform:translate(100%)}.sp-sidebar.open{transform:translate(0)}.sp-main{margin-right:0}}