@import "https://fonts.googleapis.com/css2?family=Almarai:wght@400;700;800&display=swap";.has-pending-requests[data-v-4bbf19e0]{background:#fff8e8;border-color:#d97706;box-shadow:inset 4px 0 #d97706,0 4px 14px #d977061f}.has-pending-requests[data-v-4bbf19e0]:hover,.has-pending-requests[data-v-4bbf19e0]:focus-visible{background:#fff3d6;border-color:#b45309}.has-pending-requests.active[data-v-4bbf19e0]{border-color:#92400e;box-shadow:inset 4px 0 #92400e,0 0 0 3px #d977062e}.group-selector-heading[data-v-4bbf19e0]{justify-content:space-between;align-items:center;gap:12px;width:100%;display:flex}.pending-requests-badge[data-v-4bbf19e0]{color:#92400e;background:#fffbeb;border:1px solid #d97706;border-radius:999px;flex:none;padding:4px 9px;font-size:.78rem;font-weight:800;line-height:1.35}.recharge-conversation-layout[data-v-c25ef41f]{direction:ltr;grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:16px;display:grid;overflow-x:hidden}.recharge-conversation-sidebar[data-v-c25ef41f],.recharge-conversation-detail[data-v-c25ef41f]{direction:rtl}.recharge-conversation-sidebar[data-v-c25ef41f]{flex-direction:column;gap:10px;max-height:min(78vh,760px);padding-inline-end:4px;display:flex;overflow-y:auto}.recharge-conversation-detail[data-v-c25ef41f]{min-width:0;min-height:460px}.recharge-ticket-card[data-v-c25ef41f]{text-align:right;border-radius:var(--radius);border:1px solid var(--border-soft);background:#fff;flex-direction:column;gap:8px;width:100%;padding:14px;transition:border-color .18s,background .18s,box-shadow .18s;display:flex}.recharge-ticket-card[data-v-c25ef41f]:hover,.recharge-ticket-card.active[data-v-c25ef41f]{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary);border-color:#1a73e86b}.recharge-ticket-card__top[data-v-c25ef41f]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.recharge-ticket-card__title[data-v-c25ef41f]{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.recharge-ticket-card__user[data-v-c25ef41f],.recharge-ticket-card__meta[data-v-c25ef41f],.recharge-ticket-card__snippet[data-v-c25ef41f]{color:var(--muted)}.recharge-ticket-card__user[data-v-c25ef41f]{color:var(--text-strong);font-weight:700}.recharge-ticket-card__snippet[data-v-c25ef41f]{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.recharge-user-pill[data-v-c25ef41f]{text-decoration:none}.recharge-thread[data-v-c25ef41f]{flex-direction:column;gap:14px;display:flex}.recharge-attachment-list[data-v-c25ef41f]{flex-direction:column;gap:10px;display:flex}.recharge-attachment-card[data-v-c25ef41f]{border-radius:var(--radius);border:1px solid var(--border-soft);background:#fff;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.recharge-ticket-sentinel[data-v-c25ef41f]{justify-content:center;padding:8px 0 2px;display:flex}.reply-box[data-v-c25ef41f]{border-top:1px solid var(--border);margin-top:8px;padding-top:12px}@media (width<=900px){.recharge-conversation-layout[data-v-c25ef41f]{grid-template-columns:1fr}.recharge-conversation-sidebar[data-v-c25ef41f]{max-height:none}.recharge-attachment-card[data-v-c25ef41f]{flex-direction:column;align-items:stretch}}:root{color:#202124;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text:#202124;--text-strong:#111827;--muted:#5f6368;--muted-2:#80868b;--bg:#f8fafd;--surface:#fff;--surface-soft:#f1f4f9;--surface-hover:#f6f9fe;--border:#dadce0;--border-soft:#e8eaed;--primary:#1a73e8;--primary-hover:#1558b0;--primary-soft:#e8f0fe;--success:#188038;--success-soft:#e6f4ea;--warning:#f9ab00;--warning-soft:#fef7e0;--danger:#d93025;--danger-soft:#fce8e6;--info:#1967d2;--info-soft:#e8f0fe;--shadow:0 1px 2px #3c404329, 0 1px 3px #3c404314;--radius:8px;--radius-lg:12px;--sidebar-width:292px;background:#f8fafd;font-family:Almarai,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body,#app{min-height:100vh;margin:0}body{background:linear-gradient(90deg, #1a73e809 1px, transparent 1px), linear-gradient(180deg, #fff 0%, var(--bg) 42%, #f1f4f9 100%);direction:rtl;background-size:44px 44px,auto;min-width:320px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled,input:disabled,select:disabled,textarea:disabled{cursor:not-allowed;opacity:.55}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1a73e847}.admin-shell{grid-template-columns:var(--sidebar-width) minmax(0, 1fr);min-height:100vh;display:grid}.sidebar{overscroll-behavior:contain;height:100vh;color:var(--text);border-inline-start:1px solid var(--border-soft);background:#fffffff0;padding:20px 14px;position:sticky;top:0;overflow-y:auto;box-shadow:-1px 0 #dadce047}.brand{align-items:center;gap:12px;padding:8px 10px 18px;display:flex}.brand-mark{color:#fff;background:conic-gradient(from 35deg,#1a73e8,#34a853,#fbbc04,#ea4335,#1a73e8);border-radius:50%;place-items:center;width:44px;height:44px;font-size:1.2rem;font-weight:800;display:grid;box-shadow:inset 0 0 0 2px #ffffffe0}.brand h1,.page-intro h3,.section-heading h3,.topbar h2{color:var(--text-strong);letter-spacing:0;margin:0}.brand h1{font-size:1.05rem}.eyebrow{color:var(--muted);margin:0 0 4px;font-size:.78rem;font-weight:700}.sidebar-nav{flex-direction:column;gap:18px;padding-bottom:16px;display:flex}.sidebar-group{flex-direction:column;gap:4px;display:flex}.sidebar-group-title{color:var(--muted-2);margin:0;padding:0 18px 4px;font-size:.73rem;font-weight:800}.sidebar-link{min-height:44px;color:var(--text);border-radius:999px;align-items:center;gap:12px;padding:10px 14px;transition:background .18s,color .18s,box-shadow .18s;display:flex;position:relative}.sidebar-link:hover{background:var(--surface-hover)}.sidebar-link.active{background:var(--primary-soft);color:var(--primary-hover);font-weight:800}.sidebar-link-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.nav-dot{background:var(--primary);border-radius:50%;flex:none;width:10px;height:10px;box-shadow:0 0 0 4px #1a73e81a}.tone-blue{background:var(--primary);box-shadow:0 0 0 4px #1a73e81a}.tone-green{background:var(--success);box-shadow:0 0 0 4px #1880381a}.tone-yellow{background:var(--warning);box-shadow:0 0 0 4px #f9ab0024}.tone-red{background:var(--danger);box-shadow:0 0 0 4px #d930251a}.admin-main{min-width:0;padding:24px;overflow-x:hidden}.topbar{z-index:10;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex;position:sticky;top:16px}.topbar-actions,.toolbar,.pagination,.inline-checks,.attachments{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.card{background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px}.page{flex-direction:column;gap:18px;width:min(100%,1480px);margin:0 auto;display:flex}.stack{flex-direction:column;gap:16px;display:flex}.page-intro,.section-heading{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.page-intro h3{font-size:clamp(1.25rem,2vw,1.65rem)}.section-heading h3{font-size:1.05rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;display:grid}.stat-card{border-inline-start:4px solid var(--primary);min-height:128px}.stat-card strong{color:var(--text-strong);font-variant-numeric:tabular-nums;margin-top:10px;font-size:2rem;line-height:1.1;display:block}.dashboard-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:16px;display:grid}.dashboard-grid.two-column{grid-template-columns:repeat(2,minmax(0,1fr))}.disputes-grid{grid-template-columns:minmax(280px,360px) minmax(0,1fr)}.detail-grid,.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.detail-grid div{border:1px solid var(--border-soft);border-radius:var(--radius);background:var(--surface-soft);overflow-wrap:anywhere;min-width:0;padding:12px 14px}.detail-grid span{color:var(--muted);margin-bottom:6px;font-size:.82rem;font-weight:700;display:block}.field{flex-direction:column;gap:8px;min-width:0;display:flex}.field span{color:var(--muted);font-size:.9rem;font-weight:700}input,textarea,select{border-radius:var(--radius);border:1px solid var(--border);width:100%;min-height:44px;color:var(--text);background:#fff;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s}textarea{resize:vertical;min-height:110px}input:hover,textarea:hover,select:hover{border-color:#bdc1c6}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #1a73e824}.toolbar>input,.toolbar>select{flex:220px}.file-link,.inline-link{color:var(--primary);text-decoration:none}.file-link{cursor:pointer;transition:color .18s}.file-link:hover,.inline-link:hover{color:var(--primary-hover);text-decoration:underline}.file-link strong{color:inherit}.muted-text,.subtle{color:var(--muted)}.muted-text{margin:0}.file-actions,.inline-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.icon-button{background:var(--primary-soft);border-radius:var(--radius);width:40px;height:40px;color:var(--primary);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:0;text-decoration:none;transition:background .18s,border-color .18s,transform .18s;display:inline-flex}.icon-button:hover{background:#d7e7ff;border-color:#1a73e83d;transform:translateY(-1px)}.primary-button,.ghost-button,.ticket-selector{border-radius:var(--radius);border:1px solid #0000;min-height:44px;padding:10px 16px;transition:background .18s,border-color .18s,box-shadow .18s,color .18s}.primary-button{background:var(--primary);color:#fff;border-color:var(--primary);font-weight:800}.primary-button:hover{background:var(--primary-hover);border-color:var(--primary-hover);box-shadow:0 1px 2px #1a73e847}.ghost-button{border-color:var(--border);color:var(--primary);background:#fff;font-weight:700}.ghost-button:hover{background:var(--primary-soft);border-color:#1a73e84d}.danger-button{background:var(--danger);border-color:var(--danger);color:#fff}.danger-button:hover{background:#b3261e;border-color:#b3261e}.ticket-selector{text-align:right;border-color:var(--border-soft);background:#fff;width:100%}.ticket-selector:hover{background:var(--surface-hover)}.ticket-selector.active{background:var(--primary-soft);box-shadow:inset 3px 0 0 var(--primary);border-color:#1a73e88c}.inline-form{grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:10px;display:grid}.field-label{color:var(--muted);font-size:.86rem;font-weight:700}.error-text,.success-text,.danger-text{font-weight:700}.error-text,.danger-text{color:var(--danger)}.success-text{color:var(--success)}.empty-state{text-align:center;color:var(--muted);padding:34px 18px}.table-wrap{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;width:100%;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:760px}thead th{z-index:1;color:var(--muted);background:#f8fafd;font-size:.84rem;font-weight:800;position:sticky;top:0}th,td{text-align:right;border-bottom:1px solid var(--border-soft);vertical-align:top;overflow-wrap:anywhere;padding:14px 12px}tbody tr:hover{background:var(--surface-hover)}tbody tr:last-child td{border-bottom:0}.actions-cell{flex-wrap:wrap;gap:8px;display:flex}.status-chip,.pill{border:1px solid var(--border-soft);background:var(--surface-soft);min-height:28px;color:var(--muted);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:5px 10px;font-size:.8rem;font-weight:800;display:inline-flex}.status-chip.warning{background:var(--warning-soft);color:#8a5a00;border-color:#f9ab0052}.status-chip.info{background:var(--info-soft);color:var(--info);border-color:#1a73e842}.status-chip.success{background:var(--success-soft);color:var(--success);border-color:#1880383d}.status-chip.danger{background:var(--danger-soft);color:var(--danger);border-color:#d930253d}.list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.list li{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;justify-content:space-between;align-items:flex-start;gap:14px;padding:14px;display:flex}.list li>div{min-width:0}.message-card,.ticket-thread-message{border:1px solid var(--border-soft);border-radius:var(--radius);background:#fff;padding:16px}.ticket-thread-message{overflow-wrap:anywhere}.ticket-thread-body{white-space:pre-wrap;margin:0;line-height:1.7}.message-head{margin-bottom:8px}.modal-backdrop{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#20212457;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal-card{border:1px solid var(--border-soft);border-radius:var(--radius-lg);background:#fff;width:min(480px,100%);padding:24px;box-shadow:0 12px 34px #3c404338}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.divider{border:none;border-top:1px solid var(--border-soft);width:100%}.preview-image{object-fit:cover;border-radius:var(--radius);border:1px solid var(--border-soft);width:100%;max-height:320px}.login-page{background:radial-gradient(circle at 18% 18%,#34a8531f,#0000 26%),radial-gradient(circle at 82% 22%,#1a73e824,#0000 25%),linear-gradient(#fff 0%,#f8fafd 100%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{width:min(520px,100%)}.login-brand{margin-bottom:24px}@media (width<=1280px){.dashboard-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.disputes-grid{grid-template-columns:minmax(260px,340px) minmax(0,1fr)}}@media (width<=980px){.admin-shell{grid-template-columns:1fr}.sidebar{border-inline-start:0;border-bottom:1px solid var(--border-soft);height:auto;max-height:none;padding:14px;position:static}.brand{padding-bottom:10px}.sidebar-nav{direction:rtl;grid-auto-columns:minmax(220px,260px);grid-auto-flow:column;gap:12px;padding-bottom:8px;display:grid;overflow-x:auto}.sidebar-group{min-width:0}.sidebar-link{border-radius:var(--radius)}.admin-main{padding:18px}.topbar{position:static}.dashboard-grid,.dashboard-grid.two-column,.disputes-grid,.detail-grid,.form-grid,.inline-form{grid-template-columns:1fr}.page-intro,.topbar{flex-direction:column;align-items:stretch}}@media (width<=640px){.admin-main{padding:14px}.card{padding:16px}.brand-mark{width:40px;height:40px}.topbar-actions,.toolbar,.pagination,.inline-actions,.attachments,.modal-actions{align-items:stretch}.topbar-actions>*,.toolbar>*,.pagination>*,.inline-actions>*,.modal-actions>*{width:100%}.list li,.recharge-attachment-card{flex-direction:column;align-items:stretch}table{min-width:680px}}
