:root{--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--ksa-blue: #006699;--ksa-blue-dark: #004c73;--ksa-blue-light: #0080bf;--ksa-red: #e43137;--ksa-red-dark: #b82227;--ksa-orange: #ff6633;--ksa-orange-light: #ff855c;--ksa-black: #181e29;--color-white: #ffffff;--color-slate-50: #f8fafc;--color-slate-100: #f1f5f9;--color-slate-200: #e2e8f0;--color-slate-300: #cbd5e1;--color-slate-400: #94a3b8;--color-slate-500: #64748b;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1e293b;--color-slate-900: #0f172a;--color-slate-950: #0b1319;--color-cyan: #0284c7;--color-cyan-light: #38bdf8;--color-cyan-dark: #0369a1;--color-cyan-bg: rgba(2, 132, 199, .12);--color-cyan-border: rgba(2, 132, 199, .35);--color-emerald: #10b981;--color-emerald-light: #34d399;--color-emerald-dark: #059669;--color-emerald-bg: rgba(16, 185, 129, .12);--color-emerald-border: rgba(16, 185, 129, .35);--color-amber: #f59e0b;--color-amber-light: #fbbf24;--color-gold: #d4af37;--color-gold-bg: rgba(212, 175, 55, .15);--color-gold-border: rgba(212, 175, 55, .35);--color-danger: #ef4444;--color-danger-light: #f87171;--color-danger-dark: #b91c1c;--color-danger-bg: rgba(239, 68, 68, .12);--color-danger-border: rgba(239, 68, 68, .35);--color-purple: #9333ea;--color-purple-light: #a855f7;--color-purple-bg: rgba(147, 51, 234, .15);--color-purple-border: rgba(147, 51, 234, .35);--color-blue-accent: #3b82f6;--color-blue-accent-light: #60a5fa;--gradient-blue-primary: linear-gradient(135deg, #0284c7 0%, #0369a1 100%);--gradient-blue-hover: linear-gradient(135deg, #38bdf8 0%, #0284c7 100%);--gradient-purple-blue: linear-gradient(135deg, #3b82f6 0%, #8b5cf6 100%);--gradient-cyan-indigo: linear-gradient(90deg, #38bdf8 0%, #818cf8 100%);--gradient-text-vibrant: linear-gradient(135deg, #ffffff 0%, #38bdf8 100%);--bg-main: #f0f5f9;--bg-card: #ffffff;--bg-card-hover: #e6f0f7;--bg-card-secondary: #f8fafc;--bg-glass: rgba(255, 255, 255, .92);--border-color: #cbdbe6;--border-focus: #006699;--text-primary: #0f1c24;--text-secondary: #274052;--text-muted: #577387;--accent-primary: #006699;--accent-secondary: #ff6633;--accent-gradient: linear-gradient(135deg, #004c73 0%, #006699 50%, #0080bf 100%);--accent-hover: #004c73;--status-active-bg: rgba(0, 102, 153, .12);--status-active-text: #006699;--status-suspended-bg: rgba(228, 49, 55, .12);--status-suspended-text: #e43137;--status-admin-bg: rgba(255, 102, 51, .15);--status-admin-text: #ff6633;--shadow-sm: 0 1px 3px 0 rgba(0, 102, 153, .08);--shadow-md: 0 4px 6px -1px rgba(0, 102, 153, .1), 0 2px 4px -1px rgba(0, 0, 0, .04);--shadow-lg: 0 10px 25px -5px rgba(0, 102, 153, .15);--shadow-glow: 0 0 20px rgba(0, 102, 153, .35);--shadow-cyan-glow: 0 0 14px rgba(2, 132, 199, .35);--shadow-emerald-glow: 0 0 14px rgba(16, 185, 129, .35);--shadow-danger-glow: 0 0 14px rgba(239, 68, 68, .35);--shadow-admin-glow: 0 0 14px rgba(255, 102, 51, .35);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-full: 9999px;--transition: all .25s cubic-bezier(.4, 0, .2, 1)}html.dark{--bg-main: #0b1319;--bg-card: #121e28;--bg-card-hover: #1b2c3a;--bg-card-secondary: #0f172a;--bg-glass: rgba(18, 30, 40, .9);--border-color: #1e3547;--border-focus: #0080bf;--text-primary: #f0f7fc;--text-secondary: #a3c4dc;--text-muted: #6085a1;--color-cyan: #38bdf8;--color-cyan-bg: rgba(56, 189, 248, .15);--color-cyan-border: rgba(56, 189, 248, .35);--shadow-cyan-glow: 0 0 14px rgba(56, 189, 248, .35);--color-emerald: #34d399;--color-emerald-bg: rgba(52, 211, 153, .15);--color-emerald-border: rgba(52, 211, 153, .35);--status-active-bg: rgba(0, 128, 191, .2);--status-active-text: #38bdf8;--status-suspended-bg: rgba(228, 49, 55, .2);--status-suspended-text: #f87171;--status-admin-bg: rgba(255, 102, 51, .2);--status-admin-text: #ff855c;--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .5);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .6);--shadow-glow: 0 0 22px rgba(0, 102, 153, .4)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--bg-main);color:var(--text-primary);line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-main);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--color-cyan-bg);border-radius:4px;border:1px solid var(--color-cyan-border)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:var(--shadow-cyan-glow)}h1,h2,h3,h4,h5,h6{color:var(--text-primary);font-weight:600;letter-spacing:-.02em}.font-mono{font-family:monospace}.font-semibold{font-weight:600}.text-muted{color:var(--text-muted)}.text-right{text-align:right}.text-center{text-align:center}.text-xs{font-size:.75rem}.text-muted-vibrant{color:var(--color-slate-400)}.text-cyan{color:var(--color-cyan)}.text-emerald{color:var(--color-emerald)!important}.text-truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mx-auto{margin-left:auto;margin-right:auto}.p-6{padding:1.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.flex-1{flex:1}.flex-2{flex:2}.flex-row{display:flex;flex-direction:row}.flex-between{display:flex;align-items:center;justify-content:space-between}.align-center,.items-center{align-items:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.whitespace-nowrap{white-space:nowrap}.block{display:block}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:var(--color-cyan-border) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:var(--color-cyan-border);border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:var(--color-cyan)}.inline-svg-icon{display:inline-block;vertical-align:-.15em;flex-shrink:0}.glass-card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition)}.glass-card:hover{border-color:var(--color-cyan-border)}.panel-card{padding:1.5rem}.panel-header{margin-bottom:1.25rem}.panel-sub{font-size:.875rem;color:var(--text-muted)}.badge{display:inline-flex;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-active{background:var(--status-active-bg);color:var(--status-active-text);border:1px solid var(--border-color)}.badge-suspended{background:var(--status-suspended-bg);color:var(--status-suspended-text);border:1px solid var(--color-danger-border)}.badge-admin{background:var(--status-admin-bg);color:var(--status-admin-text);border:1px solid var(--accent-secondary)}.badge-mode{background:var(--color-cyan-bg);color:var(--status-active-text);border:1px solid var(--color-cyan-border)}.badge-gold-glow{background:var(--color-gold-bg)!important;color:var(--color-gold)!important;border:1px solid var(--color-gold-border)!important}.badge-purple-glow{background:var(--color-purple-bg)!important;color:var(--color-purple)!important;border:1px solid var(--color-purple-border)!important}.badge-emerald-glow{background:var(--color-emerald-bg)!important;color:var(--color-emerald)!important;border:1px solid var(--color-emerald-border)!important}.badge-blue-subtle{background:#ffffff14!important;color:var(--text-muted)!important;border:1px solid var(--border-color)!important}.role-badge{display:inline-flex;align-items:center;gap:.2rem;font-size:.7rem;font-weight:700;padding:.15rem .5rem;border-radius:6px;text-transform:uppercase;letter-spacing:.03em}.role-badge-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .85rem;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1;transition:var(--transition)}.role-badge-pill.badge-admin{color:var(--ksa-orange)!important;border-color:var(--accent-secondary)!important;background:var(--status-admin-bg)!important;box-shadow:var(--shadow-admin-glow)}.role-badge-pill.badge-user{color:var(--text-secondary)!important;border-color:var(--border-color)!important;background:var(--bg-main)!important}.badge-super-admin{background:var(--status-admin-bg);color:var(--ksa-orange);border:1px solid var(--accent-secondary);box-shadow:var(--shadow-admin-glow);font-weight:700}.badge-delegated-admin{background:var(--color-cyan-bg);color:var(--color-cyan);border:1px solid var(--color-cyan-border);box-shadow:var(--shadow-cyan-glow);font-weight:700}.badge-standard-user{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border-color);font-weight:500}.badge-locked{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .55rem;font-size:.72rem;font-weight:600;border-radius:var(--radius-sm);background:var(--color-gold-bg);color:var(--color-gold);border:1px solid var(--color-gold-border);letter-spacing:.02em;text-transform:none;line-height:1.2}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.625rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-sm, 8px);border:1px solid transparent;cursor:pointer;height:42px;box-sizing:border-box;line-height:1;transition:var(--transition)}.btn-primary{background:var(--gradient-blue-primary);color:var(--color-white);box-shadow:var(--shadow-sm);border:1px solid var(--color-cyan-border)}.btn-primary:hover{transform:translateY(-1px);background:var(--gradient-blue-hover);box-shadow:var(--shadow-cyan-glow)}.btn-secondary{background:var(--bg-card);color:var(--text-primary);border:1px solid var(--border-color);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:var(--bg-card-hover);border-color:var(--color-cyan);box-shadow:var(--shadow-cyan-glow)}.btn-outline-cyan{background:var(--color-cyan-bg);color:var(--color-cyan);border:1px solid var(--color-cyan-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline-cyan:hover{background:var(--color-cyan-border);border-color:var(--color-cyan);color:var(--color-white);box-shadow:var(--shadow-cyan-glow)}.btn-outline-green{background:var(--color-emerald-bg);color:var(--color-emerald);border:1px solid var(--color-emerald-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline-green:hover{background:var(--color-emerald-border);border-color:var(--color-emerald);color:var(--color-white);box-shadow:var(--shadow-emerald-glow)}.btn-danger{background:var(--color-danger-bg);color:var(--color-danger-light);border:1px solid var(--color-danger-border)}.btn-danger:hover{background:var(--color-danger);color:var(--color-white);box-shadow:var(--shadow-danger-glow)}.btn-sm{height:34px;padding:.375rem .75rem;font-size:.75rem}.btn-xs{height:28px;padding:2px 8px;font-size:.75rem;border-radius:6px}.btn-full{width:100%;margin-top:1rem}.icon-btn,.close-modal-btn{background:var(--bg-card-hover);border:1px solid var(--border-color);color:var(--text-secondary);width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;line-height:1;padding:0;box-sizing:border-box;transition:all .2s cubic-bezier(.16,1,.3,1)}.icon-btn:hover,.close-modal-btn:hover{background:var(--color-danger-bg);border-color:var(--color-danger-border);color:var(--color-danger-light);transform:scale(1.06)}.icon-only{padding:.375rem .5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.25rem}.form-row{display:flex;gap:1rem}.form-label{font-size:.875rem;font-weight:500;color:var(--text-secondary)}.form-input,.form-select{padding:.625rem .875rem;font-size:.875rem;height:42px;box-sizing:border-box;background:var(--bg-main);color:var(--text-primary);border:1px solid var(--border-color);border-radius:var(--radius-sm);outline:none;transition:var(--transition)}.form-input:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--color-cyan-bg)}.search-box{display:flex;align-items:center;gap:.75rem;background:var(--bg-main);border:1px solid var(--border-color);padding:.5rem .875rem;border-radius:var(--radius-sm);transition:var(--transition)}.search-box:focus-within{border-color:var(--color-cyan);box-shadow:var(--shadow-cyan-glow)}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{background:transparent!important;border:none!important;color:var(--text-primary)!important;outline:none!important;width:100%;font-size:.875rem;font-family:inherit}.search-input::placeholder{color:var(--text-muted);opacity:.8}.form-section-title{display:flex;align-items:center;gap:.5rem;font-size:.9375rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}.input-with-domain{display:flex;align-items:stretch;width:100%;max-width:100%;min-width:0;box-sizing:border-box}.input-with-domain .form-input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;flex:1 1 120px;min-width:0;height:42px;box-sizing:border-box}.domain-select-addon{display:inline-flex;align-items:center;height:42px;padding:0 .75rem;font-size:.8125rem;border-top-right-radius:var(--radius-sm, 8px);border-bottom-right-radius:var(--radius-sm, 8px);border-top-left-radius:0;border-bottom-left-radius:0;border:1px solid var(--border-color);border-left:none;background:var(--bg-card-hover);color:var(--text-muted);white-space:nowrap;box-sizing:border-box;flex:0 1 auto;max-width:60%;overflow:hidden;text-overflow:ellipsis}.modal-overlay{position:fixed;inset:0;background:#0b1319c7;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-lg);width:100%;max-width:580px;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.16,1,.3,1)}.modal-lg{max-width:760px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--border-color)}.modal-body{padding:1.5rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;padding:1.25rem 1.5rem;border-top:1px solid var(--border-color);background:#00000005}.data-table-container{width:100%;overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--border-color)}.data-table{width:100%;border-collapse:collapse;text-align:left}.data-table th{background:var(--bg-card-hover);padding:.875rem 1rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-color)}.data-table td{padding:1rem;border-bottom:1px solid var(--border-color);font-size:.875rem;color:var(--text-secondary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background:var(--bg-card-hover)}.toast-container-bottom-right{position:fixed;bottom:1.5rem;right:1.5rem;z-index:99999;display:flex;flex-direction:column;gap:.75rem;max-width:420px;width:calc(100vw - 3rem);pointer-events:none}.toast-card{pointer-events:auto;display:flex;align-items:flex-start;gap:.875rem;padding:.875rem 1.125rem;background:var(--bg-card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-color);border-radius:12px;box-shadow:var(--shadow-lg);animation:slideInRight .35s cubic-bezier(.16,1,.3,1)}.toast-error{border-left:4px solid var(--color-danger)}.toast-warning{border-left:4px solid var(--ksa-orange)}.toast-success{border-left:4px solid var(--ksa-blue)}.toast-icon-badge{font-size:1.25rem;line-height:1;flex-shrink:0;margin-top:2px}.toast-content{display:flex;flex-direction:column;gap:.2rem;flex:1}.toast-title{font-size:.875rem;font-weight:700;color:var(--text-primary);margin:0}.toast-msg{font-size:.8125rem;color:var(--text-secondary);margin:0;line-height:1.4;word-break:break-word}.toast-dismiss-btn{background:transparent;border:none;color:var(--text-muted);cursor:pointer;font-size:.875rem;padding:.25rem;margin-top:-.25rem;margin-right:-.5rem;transition:color .2s ease}.toast-dismiss-btn:hover{color:var(--text-primary)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideInRight{0%{transform:translate(120%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDownMenu{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.btn{height:40px;padding:.5rem .875rem;font-size:.8125rem}.btn-sm{height:34px;padding:.25rem .625rem}.modal-overlay{padding:.5rem}.modal-content{max-width:100%!important;max-height:92vh;border-radius:var(--radius-md)}.modal-header,.modal-body,.modal-footer{padding:1rem}.data-table th,.data-table td{padding:.75rem .625rem}.form-row{flex-direction:column;gap:0}}