body{margin:0;font-family:Inter,sans-serif;background-color:#f8f9fa}.super-admin-page[data-v-d31705c6]{min-height:100vh;background-color:#f3f4f6;display:flex;flex-direction:column}.sa-header[data-v-d31705c6]{height:64px;background-color:#1d232a;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 32px}.sa-header .logo[data-v-d31705c6]{font-size:20px;font-weight:800}.sa-header .logo span[data-v-d31705c6]{color:#e74c3c;font-size:12px;text-transform:uppercase;margin-left:8px;padding:2px 6px;background:#e74c3c33;border-radius:4px}.sa-header .logout-btn[data-v-d31705c6]{background:none;border:1px solid #4B5563;color:#d1d5db;padding:6px 16px;border-radius:6px;cursor:pointer;transition:all .2s}.sa-header .logout-btn[data-v-d31705c6]:hover{background:#374151;color:#fff}.sa-content[data-v-d31705c6]{padding:40px;max-width:1200px;margin:0 auto;width:100%}.page-header[data-v-d31705c6]{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-header h1[data-v-d31705c6]{margin:0;font-size:28px;color:#111827}.page-header .subtitle[data-v-d31705c6]{margin:8px 0 0;color:#6b7280}.loading-state[data-v-d31705c6],.empty-state[data-v-d31705c6]{background:#fff;border-radius:12px;padding:60px 20px;text-align:center;color:#6b7280;box-shadow:0 4px 6px -1px #0000001a}.loading-state h3[data-v-d31705c6],.empty-state h3[data-v-d31705c6]{color:#111827;margin-bottom:8px}.table-container[data-v-d31705c6]{background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.sa-table[data-v-d31705c6]{width:100%;border-collapse:collapse}.sa-table th[data-v-d31705c6],.sa-table td[data-v-d31705c6]{padding:16px 24px;text-align:left;border-bottom:1px solid #E5E7EB}.sa-table th[data-v-d31705c6]{background:#f9fafb;font-weight:600;color:#374151;text-transform:uppercase;font-size:12px;letter-spacing:.05em}.sa-table tr.is-suspended td[data-v-d31705c6]{background-color:#fef2f2;opacity:.8}.sa-table .font-medium[data-v-d31705c6]{font-weight:500;color:#111827}.sa-table .code-cell[data-v-d31705c6]{font-family:monospace;color:#4b5563;background:#f3f4f6;padding:2px 6px;border-radius:4px}.sa-table .date-cell[data-v-d31705c6]{color:#6b7280;font-size:13px}.tariff-badge[data-v-d31705c6]{background:#e0e7ff;color:#4338ca;padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge[data-v-d31705c6]{padding:4px 10px;border-radius:20px;font-size:12px;font-weight:600}.status-badge.active[data-v-d31705c6]{background:#d1fae5;color:#065f46}.status-badge.suspended[data-v-d31705c6]{background:#fee2e2;color:#991b1b}.actions-cell[data-v-d31705c6]{display:flex;justify-content:flex-end;gap:8px}.action-btn[data-v-d31705c6]{background:#f3f4f6;border:1px solid #D1D5DB;padding:6px 12px;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.action-btn[data-v-d31705c6]:hover:not(:disabled){background:#e5e7eb}.action-btn[data-v-d31705c6]:disabled{opacity:.5;cursor:not-allowed}.action-btn.delete-btn[data-v-d31705c6]{color:#dc2626}.action-btn.sync-btn[data-v-d31705c6]{color:#059669}.form-layout[data-v-d31705c6]{display:flex;flex-direction:column;gap:16px}.form-row[data-v-d31705c6]{display:flex;gap:16px}.flex-1[data-v-d31705c6]{flex:1}.form-item[data-v-d31705c6]{display:flex;flex-direction:column;gap:6px}.form-item label[data-v-d31705c6]{font-size:13px;font-weight:600;color:#374151}.subdomain-input[data-v-d31705c6]{display:flex;align-items:center;gap:12px}.subdomain-input .domain-suffix[data-v-d31705c6]{font-weight:600;color:#6b7280;background:#f3f4f6;padding:8px 12px;border-radius:8px;border:1px solid #D1D5DB}.custom-select[data-v-d31705c6]{padding:10px 12px;border:1px solid #CED4DA;border-radius:8px;font-size:15px;outline:none;background:#fff;font-family:Inter,sans-serif;color:#1d232a;transition:border-color .2s}.custom-select[data-v-d31705c6]:focus{border-color:#007aff;box-shadow:0 0 0 2px #007aff33}.custom-select[data-v-d31705c6]:disabled{background-color:#f8f9fa;cursor:not-allowed}.divider[data-v-d31705c6]{height:1px;background:#e5e7eb;margin:8px 0}h4[data-v-d31705c6]{margin:0;color:#111827;font-size:16px}.hint[data-v-d31705c6]{font-size:12px;color:#6b7280}.mb-3[data-v-d31705c6]{margin-bottom:12px}