.login-page[data-v-007949d2]{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#0f172a}.login-card[data-v-007949d2]{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:40px;width:380px;text-align:center}.login-logo[data-v-007949d2]{width:200px;margin-bottom:16px}.logo[data-v-007949d2]{font-size:1.8rem;font-weight:700;color:#38bdf8;margin-bottom:4px}.subtitle[data-v-007949d2]{color:#94a3b8;margin-bottom:32px}.form-group[data-v-007949d2]{margin-bottom:16px;text-align:right}.form-group label[data-v-007949d2]{display:block;margin-bottom:6px;font-size:.85rem;color:#94a3b8}.form-group input[data-v-007949d2]{width:100%;padding:12px;background:#0f172a;border:1px solid #334155;border-radius:8px;color:#e2e8f0;font-family:Tajawal,sans-serif;font-size:1rem}.login-btn[data-v-007949d2]{width:100%;padding:14px;background:#0ea5e9;color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:1rem;font-weight:500;margin-top:8px}.login-btn[data-v-007949d2]:disabled{opacity:.5}.error-msg[data-v-007949d2]{background:#ef444426;color:#ef4444;padding:10px;border-radius:8px;margin-bottom:16px;font-size:.9rem}.app-layout{display:flex;min-height:100vh;direction:rtl}.sidebar{width:240px;background:#1e293b;border-left:1px solid #334155;display:flex;flex-direction:column;position:fixed;height:100vh;right:0}.sidebar-header{padding:24px 20px;border-bottom:1px solid #334155}.logo{font-size:1.5rem;font-weight:700;color:#38bdf8}.logo-sub{font-size:.85rem;color:#94a3b8;margin-top:4px}.client-selector{padding:12px 20px;border-bottom:1px solid #334155}.selector-label{display:block;font-size:.75rem;color:#94a3b8;margin-bottom:6px}.selector-dropdown{width:100%;padding:8px 10px;background:#0f172a;border:1px solid #334155;border-radius:6px;color:#e2e8f0;font-family:Tajawal,sans-serif;font-size:.85rem}.nav-links{list-style:none;padding:12px 0;flex:1;overflow-y:auto}.nav-link{display:flex;align-items:center;gap:12px;padding:12px 20px;color:#94a3b8;text-decoration:none;transition:all .2s;font-size:.95rem}.nav-link:hover{background:#334155;color:#e2e8f0}.nav-link.active{background:#0ea5e9;color:#fff;font-weight:500}.nav-icon{font-size:1.2rem;width:24px;text-align:center}.sidebar-footer{padding:16px 20px;border-top:1px solid #334155}.logout-btn{width:100%;padding:8px;background:#ef444426;color:#ef4444;border:1px solid rgba(239,68,68,.3);border-radius:6px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.85rem;margin-bottom:10px}.logout-btn:hover{background:#ef444440}.user-info{padding:8px 20px}.user-badge{display:block;text-align:center;padding:6px;background:#0ea5e91a;color:#0ea5e9;border-radius:6px;font-size:.8rem;font-weight:500}.connection-status{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#ef4444}.connection-status.connected{color:#22c55e}.status-dot{width:8px;height:8px;border-radius:50%;background:currentColor}.main-content{flex:1;margin-right:240px}.top-bar{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;background:#1e293b;border-bottom:1px solid #334155}.page-title{font-size:1.3rem;font-weight:500}.header-info{display:flex;gap:16px;color:#94a3b8;font-size:.9rem}.active-client{color:#0ea5e9;font-weight:500;padding:2px 10px;background:#0ea5e91a;border-radius:4px}.content-area{padding:24px 32px}:root{--card-bg: #1e293b;--card-border: #334155;--accent: #0ea5e9;--accent-green: #22c55e;--accent-red: #ef4444;--accent-yellow: #eab308;--text-primary: #e2e8f0;--text-secondary: #94a3b8}.stats-grid[data-v-48616685]{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}.stat-card[data-v-48616685]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px;text-align:center}.stat-card.warning[data-v-48616685]{border-color:var(--accent-red)}.stat-value[data-v-48616685]{font-size:2rem;font-weight:700;color:var(--accent)}.stat-label[data-v-48616685]{font-size:.9rem;color:var(--text-primary);margin-top:4px}.section[data-v-48616685]{margin-bottom:24px}.section-title[data-v-48616685]{font-size:1.1rem;margin-bottom:16px;color:var(--text-primary)}.queue-grid[data-v-48616685]{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.queue-card[data-v-48616685]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px}.queue-header[data-v-48616685]{margin-bottom:16px}.queue-name[data-v-48616685]{font-weight:700;font-size:1.1rem}.queue-stats[data-v-48616685]{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;text-align:center}.qs-value[data-v-48616685]{display:block;font-size:1.4rem;font-weight:700;color:var(--accent)}.qs-value.good[data-v-48616685]{color:var(--accent-green)}.qs-value.alert[data-v-48616685]{color:var(--accent-red)}.qs-label[data-v-48616685]{font-size:.75rem;color:var(--text-secondary)}.live-feed[data-v-48616685]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;max-height:300px;overflow-y:auto}.feed-item[data-v-48616685]{display:flex;gap:16px;padding:10px 20px;border-bottom:1px solid var(--card-border);font-size:.9rem}.feed-item.new_call[data-v-48616685]{border-right:3px solid var(--accent-green)}.feed-item.hangup[data-v-48616685]{border-right:3px solid var(--accent-red)}.feed-item.queue_join[data-v-48616685]{border-right:3px solid var(--accent-yellow)}.feed-item.agent_connect[data-v-48616685]{border-right:3px solid var(--accent)}.feed-time[data-v-48616685]{color:var(--text-secondary);min-width:80px}.feed-type[data-v-48616685]{color:var(--accent);min-width:120px;font-weight:500}.feed-detail[data-v-48616685]{color:var(--text-primary)}.feed-empty[data-v-48616685]{padding:40px;text-align:center;color:var(--text-secondary)}.calls-header[data-v-2cffd778]{margin-bottom:20px}.calls-count[data-v-2cffd778]{display:flex;align-items:baseline;gap:12px}.count-value[data-v-2cffd778]{font-size:2.5rem;font-weight:700;color:var(--accent)}.count-label[data-v-2cffd778]{color:var(--text-secondary)}.calls-table-wrap[data-v-2cffd778]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.calls-table[data-v-2cffd778]{width:100%;border-collapse:collapse}.calls-table th[data-v-2cffd778]{text-align:right;padding:14px 20px;background:#334155;color:var(--text-secondary);font-weight:500;font-size:.85rem}.calls-table td[data-v-2cffd778]{padding:14px 20px;border-bottom:1px solid var(--card-border)}.calls-table tr[data-v-2cffd778]:hover{background:#0ea5e90d}.caller-id[data-v-2cffd778]{font-weight:600;font-family:monospace;font-size:1rem}.status-badge[data-v-2cffd778]{padding:4px 12px;border-radius:20px;font-size:.8rem;font-weight:500}.status-badge.ringing[data-v-2cffd778]{background:#eab30833;color:var(--accent-yellow)}.status-badge.queued[data-v-2cffd778]{background:#0ea5e933;color:var(--accent)}.status-badge.in_progress[data-v-2cffd778]{background:#22c55e33;color:var(--accent-green)}.duration[data-v-2cffd778]{font-family:monospace;font-size:1rem}.no-calls[data-v-2cffd778]{padding:60px 20px;text-align:center}.no-calls-icon[data-v-2cffd778]{font-size:3rem;margin-bottom:16px}.no-calls p[data-v-2cffd778]{font-size:1.1rem;color:var(--text-secondary)}.filters[data-v-09ad94c2]{display:flex;gap:12px;margin-bottom:20px}.search-input[data-v-09ad94c2]{flex:1;padding:10px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:.95rem}.filter-select[data-v-09ad94c2]{padding:10px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-family:Tajawal,sans-serif}.table-wrap[data-v-09ad94c2]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.history-table[data-v-09ad94c2]{width:100%;border-collapse:collapse}.history-table th[data-v-09ad94c2]{text-align:right;padding:12px 16px;background:#334155;color:var(--text-secondary);font-size:.85rem}.history-table td[data-v-09ad94c2]{padding:12px 16px;border-bottom:1px solid var(--card-border);font-size:.9rem}.caller-id[data-v-09ad94c2]{font-family:monospace}.disposition[data-v-09ad94c2]{padding:3px 10px;border-radius:12px;font-size:.8rem}.disposition.completed[data-v-09ad94c2]{background:#22c55e33;color:var(--accent-green)}.disposition.abandoned[data-v-09ad94c2]{background:#ef444433;color:var(--accent-red)}.disposition.voicemail[data-v-09ad94c2]{background:#0ea5e933;color:var(--accent)}.date-cell[data-v-09ad94c2]{font-size:.8rem;color:var(--text-secondary)}.play-btn[data-v-09ad94c2]{background:var(--accent);color:#fff;border:none;border-radius:50%;width:32px;height:32px;cursor:pointer}.pagination[data-v-09ad94c2]{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px}.pagination button[data-v-09ad94c2]{padding:8px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif}.pagination button[data-v-09ad94c2]:disabled{opacity:.4;cursor:not-allowed}.audio-player[data-v-09ad94c2]{position:fixed;bottom:0;left:0;right:240px;background:#1e293b;border-top:2px solid var(--accent);padding:12px 24px}.player-header[data-v-09ad94c2]{display:flex;justify-content:space-between;margin-bottom:8px}.close-btn[data-v-09ad94c2]{background:none;border:none;color:var(--text-secondary);font-size:1.5rem;cursor:pointer}.audio-el[data-v-09ad94c2]{width:100%}.queue-cards[data-v-0e6dfbb1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:20px}.queue-detail-card[data-v-0e6dfbb1]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:24px}.qd-header[data-v-0e6dfbb1]{margin-bottom:20px}.qd-header h3[data-v-0e6dfbb1]{font-size:1.3rem;color:var(--text-primary)}.qd-metrics[data-v-0e6dfbb1]{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:center;margin-bottom:20px}.metric-value[data-v-0e6dfbb1]{font-size:2rem;font-weight:700}.metric-value.waiting[data-v-0e6dfbb1]{color:var(--accent-yellow)}.metric-value.completed[data-v-0e6dfbb1]{color:var(--accent-green)}.metric-value.abandoned[data-v-0e6dfbb1]{color:var(--accent-red)}.metric-label[data-v-0e6dfbb1]{font-size:.75rem;color:var(--text-secondary);margin-top:4px}.qd-details[data-v-0e6dfbb1]{margin-bottom:16px}.detail-row[data-v-0e6dfbb1]{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid var(--card-border);font-size:.9rem;color:var(--text-secondary)}.detail-value[data-v-0e6dfbb1]{color:var(--text-primary);font-weight:500}.sla.good[data-v-0e6dfbb1]{color:var(--accent-green)}.sla.warn[data-v-0e6dfbb1]{color:var(--accent-yellow)}.sla.bad[data-v-0e6dfbb1]{color:var(--accent-red)}.sla-bar[data-v-0e6dfbb1]{height:6px;background:#334155;border-radius:3px;overflow:hidden}.sla-fill[data-v-0e6dfbb1]{height:100%;border-radius:3px;transition:width .5s ease}.sla-fill.good[data-v-0e6dfbb1]{background:var(--accent-green)}.sla-fill.warn[data-v-0e6dfbb1]{background:var(--accent-yellow)}.sla-fill.bad[data-v-0e6dfbb1]{background:var(--accent-red)}.header-row[data-v-6288a7ec]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.header-actions[data-v-6288a7ec]{display:flex;gap:12px}.dept-filter[data-v-6288a7ec]{padding:10px 16px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:8px;color:var(--text-primary);font-family:Tajawal,sans-serif}.add-btn[data-v-6288a7ec]{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:500}.client-group[data-v-6288a7ec]{margin-bottom:24px}.group-header[data-v-6288a7ec]{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:#334155;border-radius:8px;margin-bottom:12px}.group-name[data-v-6288a7ec]{font-weight:700;font-size:1.1rem;color:var(--accent)}.group-count[data-v-6288a7ec]{font-size:.85rem;color:var(--text-secondary)}.agents-grid[data-v-6288a7ec]{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:12px}.agent-card[data-v-6288a7ec]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px}.agent-avatar[data-v-6288a7ec]{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;font-weight:700;color:#fff;background:#475569;flex-shrink:0}.agent-avatar.online[data-v-6288a7ec]{background:var(--accent-green)}.agent-avatar.busy[data-v-6288a7ec]{background:var(--accent-red)}.agent-avatar.away[data-v-6288a7ec]{background:var(--accent-yellow)}.agent-avatar.break[data-v-6288a7ec]{background:var(--accent)}.agent-info[data-v-6288a7ec]{flex:1;min-width:0}.agent-name[data-v-6288a7ec]{font-weight:600;font-size:.95rem}.agent-name-ar[data-v-6288a7ec]{font-size:.8rem;color:var(--text-secondary)}.agent-ext[data-v-6288a7ec]{font-size:.8rem;color:var(--accent);font-family:monospace}.agent-dept[data-v-6288a7ec]{font-size:.75rem;color:var(--text-secondary)}.agent-queue[data-v-6288a7ec]{font-size:.7rem;color:#475569;font-family:monospace}.agent-actions[data-v-6288a7ec]{display:flex;flex-direction:column;gap:8px;flex-shrink:0}.status-select[data-v-6288a7ec]{padding:6px 10px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-family:Tajawal,sans-serif;font-size:.8rem}.action-buttons[data-v-6288a7ec]{display:flex;gap:4px}.edit-btn[data-v-6288a7ec],.del-btn[data-v-6288a7ec]{padding:4px 10px;border:none;border-radius:4px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.75rem}.edit-btn[data-v-6288a7ec]{background:#334155;color:var(--text-primary)}.del-btn[data-v-6288a7ec]{background:#ef444433;color:var(--accent-red)}.no-agents[data-v-6288a7ec]{padding:60px;text-align:center;color:var(--text-secondary);font-size:1.1rem}.dialog-overlay[data-v-6288a7ec]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.dialog[data-v-6288a7ec]{background:#1e293b;border:1px solid var(--card-border);border-radius:12px;padding:28px;width:440px;max-width:90vw}.dialog h3[data-v-6288a7ec]{margin-bottom:20px}.form-group[data-v-6288a7ec]{margin-bottom:14px}.form-group label[data-v-6288a7ec]{display:block;margin-bottom:4px;font-size:.85rem;color:var(--text-secondary)}.form-group input[data-v-6288a7ec],.form-group select[data-v-6288a7ec]{width:100%;padding:10px 12px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-family:Tajawal,sans-serif}.dialog-actions[data-v-6288a7ec]{display:flex;gap:12px;margin-top:20px}.save-btn[data-v-6288a7ec]{flex:1;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:500}.cancel-btn[data-v-6288a7ec]{flex:1;padding:10px;background:#334155;color:var(--text-primary);border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif}.editor-header[data-v-35ec9f58]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-btn[data-v-35ec9f58]{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:500}.menu-tree[data-v-35ec9f58]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px}.tree-node[data-v-35ec9f58]{margin-bottom:8px}.tree-node.child[data-v-35ec9f58]{margin-right:32px;padding-right:16px;border-right:2px solid var(--card-border)}.node-content[data-v-35ec9f58]{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0f172a;border-radius:8px}.node-key[data-v-35ec9f58]{background:var(--accent);color:#fff;width:28px;height:28px;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.node-label[data-v-35ec9f58]{font-weight:600;color:var(--text-primary)}.node-label-en[data-v-35ec9f58]{color:var(--text-secondary);font-size:.85rem}.node-type[data-v-35ec9f58]{padding:2px 8px;background:#334155;border-radius:4px;font-size:.75rem;color:var(--text-secondary)}.node-target[data-v-35ec9f58]{color:var(--accent);font-size:.85rem}.edit-btn[data-v-35ec9f58],.del-btn[data-v-35ec9f58]{margin-right:auto;padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.8rem}.edit-btn[data-v-35ec9f58]{background:#334155;color:var(--text-primary)}.del-btn[data-v-35ec9f58]{background:#ef444433;color:var(--accent-red)}.tree-children[data-v-35ec9f58]{margin-top:8px}.empty-tree[data-v-35ec9f58]{padding:40px;text-align:center;color:var(--text-secondary)}.dialog-overlay[data-v-35ec9f58]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.dialog[data-v-35ec9f58]{background:#1e293b;border:1px solid var(--card-border);border-radius:12px;padding:28px;width:440px;max-width:90vw}.dialog h3[data-v-35ec9f58]{margin-bottom:20px}.form-group[data-v-35ec9f58]{margin-bottom:14px}.form-group label[data-v-35ec9f58]{display:block;margin-bottom:4px;font-size:.85rem;color:var(--text-secondary)}.form-group input[data-v-35ec9f58],.form-group select[data-v-35ec9f58]{width:100%;padding:10px 12px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-family:Tajawal,sans-serif}.dialog-actions[data-v-35ec9f58]{display:flex;gap:12px;margin-top:20px}.save-btn[data-v-35ec9f58]{flex:1;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:500}.cancel-btn[data-v-35ec9f58]{flex:1;padding:10px;background:#334155;color:var(--text-primary);border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif}.header-row[data-v-ed203e7e]{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.add-btn[data-v-ed203e7e]{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:500}.clients-grid[data-v-ed203e7e]{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:16px}.client-card[data-v-ed203e7e]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:20px}.client-card.inactive[data-v-ed203e7e]{opacity:.5}.client-header[data-v-ed203e7e]{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.client-header h4[data-v-ed203e7e]{font-size:1.2rem;color:var(--text-primary)}.client-name-en[data-v-ed203e7e]{font-size:.85rem;color:var(--text-secondary)}.client-id[data-v-ed203e7e]{background:#334155;padding:2px 10px;border-radius:4px;font-size:.8rem;color:var(--accent);font-family:monospace}.client-details[data-v-ed203e7e]{margin-bottom:16px}.detail[data-v-ed203e7e]{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--card-border);font-size:.85rem}.detail-label[data-v-ed203e7e]{color:var(--text-secondary)}.detail-value[data-v-ed203e7e]{color:var(--text-primary)}.mono[data-v-ed203e7e]{font-family:monospace}.client-actions[data-v-ed203e7e]{display:flex;gap:8px}.action-btn[data-v-ed203e7e]{flex:1;padding:8px;border:none;border-radius:6px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.85rem}.action-btn.generate[data-v-ed203e7e]{background:#22c55e33;color:var(--accent-green)}.action-btn.edit[data-v-ed203e7e]{background:#334155;color:var(--text-primary)}.action-btn.delete[data-v-ed203e7e]{background:#ef444433;color:var(--accent-red)}.action-btn[data-v-ed203e7e]:disabled{opacity:.5;cursor:not-allowed}.no-clients[data-v-ed203e7e]{padding:60px;text-align:center;color:var(--text-secondary)}.dialog-overlay[data-v-ed203e7e]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.dialog[data-v-ed203e7e]{background:#1e293b;border:1px solid var(--card-border);border-radius:12px;padding:28px;width:480px;max-width:90vw}.dialog h3[data-v-ed203e7e]{margin-bottom:20px}.form-group[data-v-ed203e7e]{margin-bottom:14px}.form-group label[data-v-ed203e7e]{display:block;margin-bottom:4px;font-size:.85rem;color:var(--text-secondary)}.form-group input[data-v-ed203e7e],.form-group select[data-v-ed203e7e]{width:100%;padding:10px 12px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-family:Tajawal,sans-serif}.dialog-actions[data-v-ed203e7e]{display:flex;gap:12px;margin-top:20px}.save-btn[data-v-ed203e7e]{flex:1;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:500}.cancel-btn[data-v-ed203e7e]{flex:1;padding:10px;background:#334155;color:var(--text-primary);border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif}.section[data-v-49d21e6a]{margin-bottom:32px}.section-header[data-v-49d21e6a]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3[data-v-49d21e6a]{font-size:1.2rem}.add-btn[data-v-49d21e6a]{padding:10px 20px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:500}.table-wrap[data-v-49d21e6a]{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;overflow:hidden}.data-table[data-v-49d21e6a]{width:100%;border-collapse:collapse}.data-table th[data-v-49d21e6a]{text-align:right;padding:12px 16px;background:#334155;color:var(--text-secondary);font-size:.85rem}.data-table td[data-v-49d21e6a]{padding:12px 16px;border-bottom:1px solid var(--card-border);font-size:.9rem}.mono[data-v-49d21e6a]{font-family:monospace}.date-cell[data-v-49d21e6a]{font-size:.8rem;color:var(--text-secondary)}.role-badge[data-v-49d21e6a]{padding:3px 10px;border-radius:12px;font-size:.8rem}.role-badge.admin[data-v-49d21e6a]{background:#0ea5e933;color:var(--accent)}.role-badge.user[data-v-49d21e6a]{background:#22c55e33;color:var(--accent-green)}.action-btn[data-v-49d21e6a]{padding:4px 12px;border:none;border-radius:4px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.8rem;margin-left:4px}.action-btn.reset[data-v-49d21e6a]{background:#0ea5e933;color:var(--accent)}.action-btn.delete[data-v-49d21e6a]{background:#ef444433;color:var(--accent-red)}.key-display[data-v-49d21e6a]{display:flex;align-items:center;gap:8px}.key-display code[data-v-49d21e6a]{background:#0f172a;padding:6px 12px;border-radius:6px;font-size:.85rem;color:var(--accent);word-break:break-all}.key-display.large code[data-v-49d21e6a]{font-size:1.1rem;padding:12px 16px}.copy-btn[data-v-49d21e6a]{padding:4px 12px;background:#334155;color:var(--text-primary);border:none;border-radius:4px;cursor:pointer;font-family:Tajawal,sans-serif;font-size:.8rem;white-space:nowrap}.key-input-row[data-v-49d21e6a]{display:flex;gap:8px}.key-input-row input[data-v-49d21e6a]{flex:1}.generate-btn[data-v-49d21e6a]{padding:10px 16px;background:#334155;color:var(--accent);border:none;border-radius:6px;cursor:pointer;font-family:Tajawal,sans-serif;white-space:nowrap}.generated-key[data-v-49d21e6a]{margin:16px 0}.generated-key p[data-v-49d21e6a]{color:var(--text-secondary);font-size:.9rem;margin-bottom:8px}.key-note[data-v-49d21e6a]{color:var(--accent-yellow);font-size:.8rem;margin-top:8px}.success-msg[data-v-49d21e6a]{background:#22c55e26;color:var(--accent-green);padding:10px;border-radius:8px;margin:12px 0;font-size:.9rem}.empty-state[data-v-49d21e6a]{padding:40px;text-align:center;color:var(--text-secondary);background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px}.copy-toast[data-v-49d21e6a]{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--accent-green);color:#fff;padding:10px 24px;border-radius:8px;font-size:.9rem;z-index:200}.dialog-overlay[data-v-49d21e6a]{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:100}.dialog[data-v-49d21e6a]{background:#1e293b;border:1px solid var(--card-border);border-radius:12px;padding:28px;width:440px;max-width:90vw}.dialog h3[data-v-49d21e6a]{margin-bottom:20px}.form-group[data-v-49d21e6a]{margin-bottom:14px}.form-group label[data-v-49d21e6a]{display:block;margin-bottom:4px;font-size:.85rem;color:var(--text-secondary)}.form-group input[data-v-49d21e6a],.form-group select[data-v-49d21e6a]{width:100%;padding:10px 12px;background:#0f172a;border:1px solid var(--card-border);border-radius:6px;color:var(--text-primary);font-family:Tajawal,sans-serif}.dialog-actions[data-v-49d21e6a]{display:flex;gap:12px;margin-top:20px}.save-btn[data-v-49d21e6a]{flex:1;padding:10px;background:var(--accent);color:#fff;border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif;font-weight:500}.cancel-btn[data-v-49d21e6a]{flex:1;padding:10px;background:#334155;color:var(--text-primary);border:none;border-radius:8px;cursor:pointer;font-family:Tajawal,sans-serif}