: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;--bg-main: #f0f5f9;--bg-card: #ffffff;--bg-card-hover: #e6f0f7;--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);--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-glass: rgba(18, 30, 40, .9);--border-color: #1e3547;--border-focus: #0080bf;--text-primary: #f0f7fc;--text-secondary: #a3c4dc;--text-muted: #6085a1;--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:#0696;border-radius:4px;border:1px solid rgba(0,102,153,.6)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary);box-shadow:0 0 10px #069c}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-truncate{max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mt-2{margin-top:.5rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.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-between{display:flex;align-items:center;justify-content:space-between}.app-container{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1;max-width:1400px;width:100%;margin:0 auto;padding:2rem 1.5rem}.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:#0696}.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 rgba(0,102,153,.4)}.badge-suspended{background:var(--status-suspended-bg);color:var(--status-suspended-text);border:1px solid rgba(228,49,55,.4)}.badge-admin{background:var(--status-admin-bg);color:var(--status-admin-text);border:1px solid rgba(255,102,51,.4)}.badge-mode{background:#0066992e;color:var(--status-active-text);border:1px solid rgba(0,102,153,.4)}.badge-gold-glow{background:#ff66332e!important;color:#f63!important;border:1px solid rgba(255,102,51,.4)!important}.badge-purple-glow{background:#9333ea2e!important;color:#9333ea!important;border:1px solid rgba(147,51,234,.4)!important}.badge-emerald-glow{background:#0066992e!important;color:#069!important;border:1px solid rgba(0,102,153,.4)!important}.badge-blue-subtle{background:#ffffff14!important;color:var(--text-muted)!important;border:1px solid var(--border-color)!important}.custom-scrollbar{scrollbar-width:thin;scrollbar-color:rgba(56,189,248,.4) transparent}.custom-scrollbar::-webkit-scrollbar{width:6px;height:6px}.custom-scrollbar::-webkit-scrollbar-track{background:transparent}.custom-scrollbar::-webkit-scrollbar-thumb{background:#38bdf859;border-radius:4px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#38bdf899}.inline-svg-icon{display:inline-block;vertical-align:-.15em;flex-shrink:0}.toolbar-btn-group{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.export-dropdown-wrapper{display:inline-flex;gap:2px}.email-type-pill{display:inline-flex;align-items:center;justify-content:center;gap:3px;padding:0 2px;background:transparent;border:none;color:#94a3b8;line-height:1;vertical-align:middle}.email-type-pill.type-work{background:transparent;color:#38bdf8;border:none;box-shadow:none}.email-type-pill.type-drive{background:transparent;color:#fbbf24;border:none;box-shadow:none}.email-type-pill.type-work-drive{background:transparent;color:#34d399;border:none;box-shadow:none}.recovery-tag{display:inline-flex;align-items:center;gap:6px;background:transparent!important;border:none!important;padding:0!important;color:#94a3b8}.recovery-email-container{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:3px}.text-emerald{color:#34d399!important}.badge-work-email,.badge-drive-email{border:none!important;background:transparent!important}.sub-work-row{background:#38bdf808!important}.sub-work-icon{width:32px;height:32px;border-radius:8px;background:#38bdf81f;border:1px dashed rgba(56,189,248,.4);display:flex;align-items:center;justify-content:center;flex-shrink:0}.box-work-email{border-color:#38bdf866!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:#f63!important;border-color:#ff663373!important;background:#ff66331f!important;box-shadow:0 0 10px #ff663326}.role-badge-pill.badge-user{color:var(--text-secondary)!important;border-color:var(--border-color)!important;background:var(--bg-main)!important}.role-badge-text{font-size:.75rem;font-weight:600;display:inline-flex;align-items:center}.badge-super-admin{background:#f633;color:#f63;border:1px solid rgba(255,102,51,.5);box-shadow:0 0 10px #ff663340;font-weight:700}.badge-delegated-admin{background:#38bdf833;color:#38bdf8;border:1px solid rgba(56,189,248,.5);box-shadow:0 0 10px #38bdf840;font-weight:700}.badge-standard-user{background:#ffffff0f;color:var(--text-muted);border:1px solid var(--border-color);font-weight:500}.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:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;box-shadow:0 4px 14px #0284c759;border:1px solid rgba(56,189,248,.4)}.btn-primary:hover{transform:translateY(-1px);background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 0 18px #38bdf873}.btn-secondary{background:#0f172ab3;color:#e2e8f0;border:1px solid rgba(148,163,184,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-secondary:hover{background:#1e293be6;border-color:#38bdf873;color:#fff;box-shadow:0 0 12px #38bdf833}.btn-outline-cyan{background:#38bdf814;color:#38bdf8;border:1px solid rgba(56,189,248,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline-cyan:hover{background:#38bdf838;border-color:#38bdf8;color:#fff;box-shadow:0 0 14px #38bdf84d}.btn-outline-green{background:#34d39914;color:#34d399;border:1px solid rgba(52,211,153,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.btn-outline-green:hover{background:#34d39938;border-color:#34d399;color:#fff;box-shadow:0 0 14px #34d3994d}.btn-danger{background:#ef444426;color:#f87171;border:1px solid rgba(239,68,68,.35)}.btn-danger:hover{background:#ef4444;color:#fff;box-shadow:0 0 14px #ef444466}.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:#ffffff0d;border:1px solid rgba(255,255,255,.12);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:#e4313726;border-color:#e4313766;color:#f87171;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 #00669940}.input-with-domain{display:flex;align-items:stretch;width:100%}.input-with-domain .form-input{border-top-right-radius:0!important;border-bottom-right-radius:0!important;flex:1;height:42px;box-sizing:border-box}.domain-select-addon{display:inline-flex;align-items:center;height:42px;padding:0 .875rem;font-size:.875rem;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, rgba(148, 163, 184, .25));border-left:none;background:var(--bg-card-hover, rgba(30, 41, 59, .8));color:var(--text-muted, #94a3b8);white-space:nowrap;box-sizing:border-box}.form-group:has(.is-open),.form-group:has(.open),.extra-email-input-row:has(.is-open),.extra-email-input-row:has(.open){position:relative;z-index:10000!important}.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)}app-header{display:block;position:relative;z-index:1000}.header-container{position:relative;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;padding:.875rem 1.5rem;margin:1rem 1.5rem 0;border-radius:var(--radius-md)}.nav-left,.nav-right{display:flex;align-items:center;gap:1.25rem}.brand{display:flex;align-items:center;gap:.75rem}.brand-icon{width:40px;height:40px;border-radius:var(--radius-sm);background:var(--accent-gradient);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #006c3559;border:1px solid rgba(255,102,51,.4)}.brand-text{display:flex;flex-direction:column}.title{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;line-height:1.2}.subtitle{font-size:.75rem;color:var(--text-muted)}.nav-tabs{display:flex;gap:.25rem;background:var(--bg-main);padding:.25rem;border-radius:var(--radius-sm);border:1px solid var(--border-color)}.nav-tab{display:flex;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:6px;cursor:pointer;text-decoration:none;transition:var(--transition)}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active{background:var(--bg-card);color:var(--accent-primary);box-shadow:var(--shadow-sm);font-weight:600}.mode-indicator{display:flex;align-items:center;gap:.5rem;padding:.375rem .75rem;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;font-size:.75rem;font-weight:600}.mode-dot{width:8px;height:8px;border-radius:50%;background:#f59e0b}.mode-dot.live{background:#10b981;box-shadow:0 0 8px #10b981}.profile-pill-btn{display:flex;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .375rem;background:var(--bg-card-hover);border:1px solid var(--border-color);border-radius:var(--radius-full);cursor:pointer;transition:var(--transition)}.profile-pill-btn:hover{border-color:var(--accent-primary);background:var(--bg-card)}.user-avatar-mini{width:28px;height:28px;border-radius:50%;background:var(--accent-gradient);color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;overflow:hidden}.avatar-img-mini{width:100%;height:100%;object-fit:cover}.user-name-short{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.hamburger-btn{background:var(--bg-main);border:1px solid var(--border-color);color:var(--text-primary);width:42px;height:42px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition)}.hamburger-btn:hover,.hamburger-btn.active{background:var(--bg-card-hover);border-color:#38bdf8;color:#38bdf8}.mobile-menu-drawer{position:absolute;top:calc(100% + .5rem);left:1rem;right:1rem;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.25rem;box-shadow:0 10px 30px #00000080;z-index:9999;animation:slideDownMenu .22s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column;gap:1rem}.mobile-nav-tabs{display:flex;flex-direction:column;gap:.375rem}.mobile-nav-tab{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;font-size:.9375rem;font-weight:500;color:var(--text-secondary);background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition)}.mobile-nav-tab:hover{background:var(--bg-card-hover);color:var(--text-primary)}.mobile-nav-tab.active{background:var(--accent-gradient);color:#fff;font-weight:600;border-color:#f636;box-shadow:0 4px 12px #0066994d}.mobile-only{display:none!important}.desktop-only{display:flex!important}.dashboard-container{display:flex;flex-direction:column;gap:1.5rem}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.metric-card{display:flex;align-items:center;gap:1.25rem;padding:1.25rem 1.5rem}.metric-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0}.users-icon{background:#006c352e;color:#34d399}.domains-icon{background:#d4af372e;color:#d4af37}.active-icon{background:#006c3540;color:#10b981}.suspended-icon{background:#ef44442e;color:#f87171}.groups-icon{background:#d4af372e;color:#d4af37}.metric-info{display:flex;flex-direction:column}.metric-label{font-size:.875rem;color:var(--text-muted);font-weight:500}.metric-value{font-size:1.75rem;font-weight:700;line-height:1.2}.metric-sub{font-size:.75rem;color:var(--text-secondary)}.text-active{color:#34d399}.text-gold{color:#d4af37}.text-suspended{color:#f87171}.content-row{display:flex;gap:1.5rem;flex-wrap:wrap}.actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem}.action-btn{display:flex;align-items:center;gap:1rem;padding:1rem;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;text-align:left;text-decoration:none;transition:var(--transition)}.action-btn:hover{border-color:var(--accent-primary);background:var(--bg-card-hover);transform:translateY(-2px)}.action-icon{width:40px;height:40px;border-radius:8px;background:#006c351f;color:var(--accent-primary);display:flex;align-items:center;justify-content:center}.action-title{font-weight:600;font-size:.875rem;display:block}.action-desc{font-size:.75rem;color:var(--text-muted)}.status-list{display:flex;flex-direction:column;gap:.875rem}.status-item{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}.domain-badges-wrap{display:flex;gap:.25rem;flex-wrap:wrap}.domain-badge{font-size:.7rem;padding:.1rem .4rem;background:#006c3526;border:1px solid rgba(0,108,53,.3);border-radius:4px;color:var(--status-active-text)}.group-membership-card{padding:1.125rem;display:flex;flex-direction:column;gap:.75rem;background:var(--bg-main);border:1px solid var(--border-color);border-radius:var(--radius-md);transition:var(--transition)}.group-membership-card:hover{border-color:#38bdf8;box-shadow:0 6px 20px #38bdf826;transform:translateY(-2px)}.group-card-top{display:flex;align-items:center;gap:.75rem}.group-avatar-icon{width:38px;height:38px;border-radius:8px;background:#38bdf826;color:#38bdf8;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-card-titles{display:flex;flex-direction:column;overflow:hidden}.group-card-name{font-size:.9375rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-card-email{font-size:.75rem;color:#38bdf8;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-card-desc{line-height:1.4;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.group-card-footer{display:flex;align-items:center;justify-content:space-between;padding-top:.5rem;border-top:1px solid var(--border-color);margin-top:auto}.user-management-container{display:flex;flex-direction:column;gap:1.25rem}.user-management-container .toolbar{display:flex;flex-direction:column;gap:.875rem;padding:1rem 1.25rem}.toolbar-top-row{display:flex;align-items:center;gap:1rem;width:100%}.search-box{display:flex;align-items:center;gap:.75rem;background:var(--bg-main);border:1px solid var(--border-color);padding:.625rem 1rem;border-radius:var(--radius-sm);flex:1;transition:var(--transition)}.search-box:focus-within{border-color:#38bdf8;box-shadow:0 0 12px #38bdf840}.search-icon{color:var(--text-muted);flex-shrink:0}.search-input{background:transparent;border:none;color:var(--text-primary);outline:none;width:100%;font-size:.9375rem}.toolbar-bottom-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid rgba(255,255,255,.05)}.domain-selector-wrapper{display:flex;align-items:center;gap:.5rem;background:#0066991f;padding:.35rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(0,102,153,.35)}.select-pill{background:var(--bg-main);border:1px solid var(--border-color);padding:.375rem .75rem;font-size:.8125rem;border-radius:var(--radius-full);color:var(--text-primary)}.filter-group{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.results-count-pill{color:#38bdf8;background:#38bdf81a;padding:.3rem .75rem;border-radius:var(--radius-full);border:1px solid rgba(56,189,248,.25);font-size:.75rem}.user-row{transition:all .2s ease}.user-row:hover{background:#00669914!important}.user-profile-cell{display:flex;align-items:flex-start;gap:.875rem}.avatar-circle{width:38px;height:38px;border-radius:50%;background:var(--accent-gradient);color:#fff;font-weight:600;display:flex;align-items:center;justify-content:center;font-size:.875rem;flex-shrink:0;margin-top:2px;overflow:hidden;border:1px solid var(--border-color)}.user-details{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-primary);line-height:1.2}.user-email{font-size:.75rem;color:var(--text-muted)}.aliases-container{display:flex;flex-direction:column;gap:.1rem;margin-top:.2rem}.alias-tag{font-size:.7rem;color:#38bdf8;opacity:.95}.domain-pill{font-size:.75rem;padding:.2rem .5rem;background:#006c3526;color:var(--status-active-text);border:1px solid rgba(0,108,53,.3);border-radius:4px}.org-pill{font-size:.75rem;font-family:monospace;padding:.2rem .5rem;background:var(--bg-main);border-radius:4px}.action-btn-group{display:flex;align-items:center;justify-content:flex-end;gap:.375rem}.alias-quick-btn{background:#006c3526;color:#34d399;border:1px solid rgba(52,211,153,.35);font-weight:600}.alias-quick-btn:hover{background:#10b981;color:#fff;box-shadow:0 0 10px #10b98166}.input-with-action{display:flex;align-items:center;gap:.5rem;width:100%}.remove-extra-btn{flex-shrink:0;width:34px;height:34px;padding:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm)}.group-management-container{display:flex;flex-direction:column;gap:1.5rem}.group-management-container .toolbar{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem}.group-management-container .toolbar-actions{display:flex;align-items:center;gap:.75rem}.group-management-container .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);flex:1;max-width:450px}.groups-summary-banner{display:flex;align-items:center;justify-content:space-around;padding:1rem 1.5rem;gap:1.5rem;flex-wrap:wrap}.summary-stat{display:flex;align-items:center;gap:1rem}.stat-icon-circle{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bg-green,.bg-blue{background:#00669926;color:#069}.bg-gold,.bg-orange{background:#ff663326;color:#f63}.bg-amber,.bg-red{background:#e4313726;color:#e43137}.stat-value{font-size:1.5rem;font-weight:800;line-height:1;display:block;color:var(--text-primary)}.stat-label{font-size:.75rem;color:var(--text-muted);font-weight:500;text-transform:uppercase;letter-spacing:.5px}.stat-divider{width:1px;height:36px;background:var(--border-color)}.groups-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem}.group-card{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem}.group-card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.875rem}.group-icon{width:44px;height:44px;border-radius:var(--radius-md);background:#00669926;color:#069;display:flex;align-items:center;justify-content:center;flex-shrink:0}.group-title-block{display:flex;flex-direction:column}.group-name{font-size:1.125rem;font-weight:600;line-height:1.2}.group-email{font-size:.75rem;color:var(--text-muted)}.aliases-preview{display:flex;flex-direction:column;gap:.1rem;margin-top:.25rem}.alias-tag{font-size:.7rem;color:var(--status-active-text)}.group-desc{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;flex:1}.joined-group-card{border:2px solid rgba(0,102,153,.5)!important;background:linear-gradient(145deg,var(--bg-card) 0%,var(--bg-card-hover) 100%)!important;box-shadow:0 4px 15px #00669926!important}.joined-icon{background:#00669940!important;color:#069!important;border:1px solid rgba(0,102,153,.5)!important}.group-title-role-row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.add-member-bar{display:flex;align-items:flex-end;gap:1rem;padding:1rem;margin-bottom:1rem}.self-end{align-self:flex-end;height:42px}.autocomplete-container{position:relative}.suggestions-dropdown{position:absolute;top:100%;left:0;right:0;z-index:1050;max-height:240px;overflow-y:auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-sm);box-shadow:0 10px 25px #00000080;margin-top:4px}.suggestion-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem .875rem;cursor:pointer;border-bottom:1px solid rgba(255,255,255,.05);transition:background .15s ease}.suggestion-item:last-child{border-bottom:none}.suggestion-item:hover{background:var(--bg-card-hover)}.suggestion-user-info{display:flex;flex-direction:column;gap:.15rem}.suggestion-name-row{display:flex;align-items:center;gap:.5rem}.suggestion-name{font-size:.875rem;font-weight:600;color:var(--text-primary)}.alias-badge-tag{font-size:.6875rem;padding:.1rem .35rem;border-radius:4px;background:#ff663326;color:#f63;font-weight:600;font-family:monospace}.suggestion-email{font-size:.75rem;color:var(--text-muted)}.suggestion-primary-ref{font-size:.6875rem;color:var(--text-muted);font-family:monospace;opacity:.8}.suggestion-tag{font-size:.7rem;padding:.15rem .4rem;background:var(--bg-main);border-radius:4px;color:var(--status-active-text);font-weight:500}.sub-tabs{display:flex;gap:.5rem;border-bottom:1px solid var(--border-color);padding-bottom:.5rem}.sub-tab{padding:.5rem 1rem;font-size:.875rem;font-weight:600;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:var(--transition)}.sub-tab:hover{color:var(--text-primary)}.sub-tab.active{background:var(--bg-card-hover);color:var(--accent-primary);border-color:var(--border-color)}.alias-section{display:flex;flex-direction:column;gap:.75rem}.section-desc{font-size:.8125rem;color:var(--text-muted)}.alias-list{display:flex;flex-direction:column;gap:.5rem}.alias-item{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem}app-profile-modal{display:block;position:fixed;inset:0;z-index:99999}.profile-modal-card{width:100%;max-width:640px;max-height:88vh;display:flex;flex-direction:column;background:var(--bg-card);border:1px solid rgba(0,102,153,.4);border-radius:var(--radius-lg);box-shadow:0 20px 50px #000000b3,0 0 30px #00669940;overflow:hidden}.profile-form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.profile-modal-card .modal-body{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:1.5rem;-webkit-overflow-scrolling:touch}.modal-title-colorful{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#fff,#38bdf8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.avatar-large{width:54px;height:54px;border-radius:50%;background:var(--accent-gradient);color:#fff;font-weight:800;font-size:1.3rem;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 14px #0696;flex-shrink:0;overflow:hidden;border:2px solid #0080bf}.avatar-img{width:100%;height:100%;object-fit:cover}.user-email-subtitle{font-size:.8125rem;color:#38bdf8}.role-banner{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;margin-bottom:1.5rem;border:1px solid rgba(0,102,153,.35);border-radius:var(--radius-md);background:linear-gradient(135deg,#00669926,#121e28e6)}.text-vibrant-blue{color:#38bdf8;font-size:.9375rem}.role-desc{font-size:.75rem;display:block;color:var(--text-muted)}.label-vibrant{color:#38bdf8;font-weight:600;font-size:.8125rem}.colorful-input{background:#0b1319b3;border:1px solid rgba(0,102,153,.4);color:#f0f7fc;border-radius:8px}.colorful-input:focus{border-color:#38bdf8;box-shadow:0 0 12px #38bdf84d;background:#121e28f2}.aliases-list-card{padding:.875rem 1rem;display:flex;flex-wrap:wrap;gap:.5rem;background:#0b1319b3;border:1px solid rgba(0,102,153,.3);border-radius:var(--radius-sm)}.alias-pill{width:auto;max-width:100%;display:inline-flex;align-items:center;gap:.5rem;font-size:.8125rem;background:#00669926;color:#38bdf8;padding:.4rem .75rem;border-radius:8px;border:1px solid rgba(56,189,248,.3);transition:all .2s ease-in-out}.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:#121e28f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(0,102,153,.3);border-radius:12px;box-shadow:0 12px 30px #00000080;animation:slideInRight .35s cubic-bezier(.16,1,.3,1)}.toast-error{border-left:4px solid #e43137}.toast-warning{border-left:4px solid #ff6633}.toast-success{border-left:4px solid #006699}.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:#fff;margin:0}.toast-msg{font-size:.8125rem;color:#d1d5db;margin:0;line-height:1.4;word-break:break-word}.toast-dismiss-btn{background:transparent;border:none;color:#9ca3af;cursor:pointer;font-size:.875rem;padding:.25rem;margin-top:-.25rem;margin-right:-.5rem;transition:color .2s ease}.toast-dismiss-btn:hover{color:#fff}@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)}}@media(max-width:900px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.navbar{margin:.5rem .5rem 0;padding:.75rem 1rem}.mobile-menu-drawer{left:.5rem;right:.5rem}}@media(max-width:768px){.main-content{padding:1rem .875rem}.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}.metrics-grid{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem}.metric-card{padding:.875rem 1rem;gap:.75rem}.metric-icon{width:38px;height:38px}.metric-value{font-size:1.35rem}.flex-1,.flex-2{min-width:100%}.actions-grid,.groups-grid{grid-template-columns:1fr}.toolbar-top-row,.toolbar-bottom-row{flex-direction:column;align-items:stretch}.group-management-container .toolbar{flex-direction:column;align-items:stretch;gap:.75rem}.group-management-container .toolbar .search-box{max-width:100%}.group-management-container .toolbar .toolbar-actions{width:100%;justify-content:space-between}.filter-group{width:100%;display:flex;flex-direction:column;gap:8px}.filter-group select,.filter-group .form-select{width:100%;min-width:0;height:42px;box-sizing:border-box}.domain-selector-wrapper{width:100%;justify-content:space-between;box-sizing:border-box}.form-row{flex-direction:column;gap:0}.add-member-bar,.add-alias-bar{flex-direction:column;align-items:stretch;gap:.75rem}.self-end{align-self:stretch}.table-wrapper{background:transparent;border:none;padding:0;box-shadow:none}.data-table-container{border:none;background:transparent}.data-table,.data-table tbody,.data-table tr,.data-table td{display:block;width:100%}.data-table thead{display:none}.data-table tr.user-row{background:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--radius-md);padding:1.125rem;margin-bottom:.875rem;box-shadow:var(--shadow-sm);transition:var(--transition)}.data-table tr.user-row:hover{border-color:#38bdf8;box-shadow:0 4px 16px #00669940}.data-table td{display:flex;align-items:center;justify-content:space-between;padding:.45rem 0;border-bottom:1px solid rgba(255,255,255,.05);text-align:right}.data-table td:last-child{border-bottom:none;padding-top:.75rem}.data-table td:before{content:attr(data-label);font-size:.7rem;font-weight:700;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;text-align:left;margin-right:1rem;flex-shrink:0}.data-table td[data-label="User & Primary Email"]{flex-direction:column;align-items:flex-start;padding-bottom:.75rem;margin-bottom:.35rem;border-bottom:1px solid var(--border-color)}.data-table td[data-label="User & Primary Email"]:before{display:none}.data-table td[data-label=Actions]{flex-direction:column;align-items:stretch;gap:.5rem}.data-table td[data-label=Actions]:before{display:none}.action-btn-group{width:100%;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.action-btn-group .btn{flex:1;justify-content:center}}@media(max-width:480px){.main-content{padding:.75rem .5rem}}