.icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.icon svg{width:100%;height:100%;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.icon-xs{width:12px;height:12px}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.icon-xl{width:32px;height:32px}.header{background:var(--header-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);padding:var(--space-4) var(--space-6);display:flex;justify-content:space-between;align-items:center;position:sticky;top:0;z-index:1000;box-shadow:var(--shadow-sm);transition:background-color var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo)}.logo{font-size:var(--text-2xl);font-weight:700;letter-spacing:-.02em;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-left{display:flex;align-items:center;gap:var(--space-4)}.context-indicator{display:flex;align-items:center;gap:var(--space-3)}.viewing-as{font-size:var(--text-sm);color:var(--text-tertiary)}.tenant-dropdown{appearance:none;-webkit-appearance:none;-moz-appearance:none;padding:var(--space-2) 2.5rem var(--space-2) var(--space-4);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;background-color:var(--bg-base);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;color:var(--text-primary);cursor:pointer;min-width:200px;transition:all var(--duration-fast) var(--ease-out-expo)}[data-theme=dark] .tenant-dropdown{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E")}.tenant-dropdown:hover{border-color:var(--primary);background-color:var(--bg-hover)}.tenant-dropdown:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.exit-btn{padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:500;cursor:pointer;color:var(--text-secondary);transition:all var(--duration-fast) var(--ease-out-expo)}.exit-btn:hover{background:var(--bg-hover);color:var(--text-primary);transform:translateY(-1px)}.header-right{display:flex;align-items:center;gap:var(--space-4)}.header-icon-btn{width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--bg-surface);color:var(--text-secondary);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease-out-expo);position:relative}.header-icon-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary);transform:translateY(-1px)}.header-icon-btn:active{transform:translateY(0) scale(.98)}.header-icon-btn svg{width:22px;height:22px;stroke-width:2}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;animation:pulse 2s infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--border-default);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.theme-toggle:hover{background:var(--bg-hover);color:var(--warning);border-color:var(--warning)}.theme-toggle svg{width:20px;height:20px}.user-avatar{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-sm);cursor:pointer;transition:transform var(--duration-fast) var(--ease-spring);position:relative}.user-avatar:hover{transform:scale(1.05)}.user-avatar .status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:var(--success);border-radius:50%;border:2px solid var(--bg-base)}.user-menu-container{position:relative}.user-avatar-btn{background:none;border:none;padding:0;cursor:pointer}.user-dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:240px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1001;overflow:hidden;animation:dropdown-fade-in .15s ease-out}@keyframes dropdown-fade-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-dropdown-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-surface)}.user-dropdown-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:var(--text-sm);flex-shrink:0}.user-dropdown-info{flex:1;min-width:0}.user-dropdown-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-email{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-dropdown-divider{height:1px;background:var(--border-light);margin:var(--space-1) 0}.user-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out-expo)}.user-dropdown-item:hover{background:var(--bg-hover);color:var(--text-primary)}.user-dropdown-item svg{width:18px;height:18px;flex-shrink:0}.user-dropdown-item.danger{color:var(--danger)}.user-dropdown-item.danger:hover{background:var(--danger-soft);color:var(--danger)}.company-switcher{position:relative}.company-switcher-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);min-width:200px}.company-switcher-btn:hover{border-color:var(--primary);background:var(--bg-hover)}.company-switcher-logo{width:32px;height:32px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:12px;color:#fff;flex-shrink:0}.company-switcher-info{flex:1;text-align:left;min-width:0}.company-switcher-name{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-switcher-domain{display:block;font-size:11px;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.company-switcher-arrow{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-out-expo)}.company-switcher-btn[aria-expanded=true] .company-switcher-arrow{transform:rotate(180deg)}.company-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;min-width:280px;background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1001;overflow:hidden;animation:dropdown-fade-in .15s ease-out}.company-dropdown-header{padding:var(--space-3) var(--space-4);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary);background:var(--bg-surface);border-bottom:1px solid var(--border-light)}.company-dropdown-item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:none;border:none;cursor:pointer;text-align:left;transition:all var(--duration-fast) var(--ease-out-expo)}.company-dropdown-item:hover{background:var(--bg-hover)}.company-dropdown-item.active{background:var(--primary-soft)}.company-dropdown-logo{width:36px;height:36px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;flex-shrink:0}.company-dropdown-logo.all{background:var(--bg-tertiary);color:var(--text-secondary)}.company-dropdown-logo.all svg{width:18px;height:18px}.company-dropdown-info{flex:1;min-width:0}.company-dropdown-name{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.company-dropdown-domain{display:block;font-size:12px;color:var(--text-tertiary)}.company-dropdown-check{width:18px;height:18px;color:var(--primary);flex-shrink:0}@media (max-width: 768px){.company-switcher-btn{min-width:auto;padding:var(--space-2)}.company-switcher-info,.company-switcher-arrow{display:none}.company-dropdown{left:auto;right:0}}.sidebar{width:240px;background:var(--sidebar-bg);border-right:1px solid var(--sidebar-border);padding:var(--space-6) 0;transition:background-color var(--duration-normal) var(--ease-out-expo),border-color var(--duration-normal) var(--ease-out-expo);overflow-y:auto;overflow-x:hidden}.nav-section{margin-bottom:var(--space-6)}.nav-label{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;color:var(--text-tertiary);padding:0 var(--space-5);margin-bottom:var(--space-2);letter-spacing:.05em;transition:color var(--duration-normal) var(--ease-out-expo)}.nav-item{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);display:flex;align-items:center;gap:var(--space-3);margin:var(--space-1) var(--space-2);border-radius:var(--radius-md);position:relative;text-decoration:none}.nav-item:hover{background:var(--nav-hover);color:var(--text-primary)}.nav-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600;border-left:3px solid var(--primary);padding-left:calc(var(--space-4) - 3px)}.nav-item.active .nav-icon{color:var(--primary)}.nav-item.active:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--primary-soft) 0%,transparent 100%);opacity:.5;pointer-events:none;border-radius:inherit}.nav-icon{font-size:1.125rem;width:1.25rem;height:1.25rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-icon svg{width:1.125rem;height:1.125rem;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.cp-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;padding-top:10vh}.cp-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.cp-modal{position:relative;width:100%;max-width:600px;background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:cpScaleIn .2s var(--ease-out-expo)}@keyframes cpScaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.cp-search{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default);background:var(--bg-surface)}.cp-search .icon{color:var(--text-tertiary);flex-shrink:0}.cp-search input{flex:1;border:none;background:transparent;font-size:var(--text-base);color:var(--text-primary);outline:none}.cp-search input::placeholder{color:var(--text-muted)}.cp-search kbd{background:var(--bg-hover);border:1px solid var(--border-default);padding:var(--space-1) var(--space-2);border-radius:4px;font-size:var(--text-xs);color:var(--text-tertiary);font-family:inherit}.cp-results{max-height:400px;overflow-y:auto;padding:var(--space-2)}.cp-section{padding:var(--space-2) var(--space-3);font-size:.6875rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.cp-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);cursor:pointer;color:var(--text-primary);transition:background var(--duration-fast)}.cp-item:hover,.cp-item.selected{background:var(--bg-hover)}.cp-item.selected{background:var(--primary-soft)}.cp-icon{font-size:var(--text-base);width:24px;text-align:center}.cp-label{flex:1}.cp-item kbd{margin-left:auto;background:var(--bg-surface);border:1px solid var(--border-light);padding:2px var(--space-2);border-radius:3px;font-size:.625rem;color:var(--text-muted);font-family:inherit}.cp-empty{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}@media (max-width: 640px){.cp-container{padding-top:var(--space-4);padding-left:var(--space-4);padding-right:var(--space-4)}.cp-modal{max-width:100%}}.toast-container{position:fixed;bottom:var(--space-6);right:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3);z-index:10000}.toast{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:300px;max-width:400px;animation:slideIn var(--duration-normal) var(--ease-out-expo)}@keyframes slideIn{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast-success{border-left:4px solid var(--success)}.toast-success .icon{color:var(--success)}.toast-error{border-left:4px solid var(--danger)}.toast-error .icon{color:var(--danger)}.toast-warning{border-left:4px solid var(--warning)}.toast-warning .icon{color:var(--warning)}.toast-info{border-left:4px solid var(--info)}.toast-info .icon{color:var(--info)}.toast-message{flex:1;font-size:var(--text-sm);color:var(--text-primary)}.toast-close{background:none;border:none;padding:var(--space-1);cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out-expo)}.toast-close:hover{background:var(--bg-hover);color:var(--text-primary)}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:var(--space-2) var(--space-4);z-index:10000;text-decoration:none;font-weight:500;border-radius:0 0 var(--radius-md) 0;transition:top var(--duration-fast) var(--ease-out)}.skip-link:focus{top:0;outline:2px solid var(--primary);outline-offset:2px}.main-layout{display:flex;min-height:calc(100vh - 60px)}.content{flex:1;padding:var(--space-6);overflow-y:auto;background:var(--bg-deep);transition:background-color var(--duration-normal) var(--ease-out-expo)}.impersonation-banner{background:var(--danger-bg);color:var(--danger);padding:var(--space-3) var(--space-6);text-align:center;font-size:var(--text-sm);font-weight:500;border-bottom:1px solid var(--danger-border);display:none}.impersonation-banner.active{display:flex;align-items:center;justify-content:center;gap:var(--space-2)}.impersonation-banner .icon{width:16px;height:16px}.impersonation-banner .icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep);padding:var(--space-4);position:relative;overflow:hidden}.login-container{width:100%;max-width:420px;background:var(--bg-base);border-radius:var(--radius-2xl);padding:var(--space-8);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;border:1px solid var(--border-light);position:relative;z-index:1}.login-header{text-align:center;margin-bottom:var(--space-8)}.login-logo{display:inline-flex;margin-bottom:var(--space-4)}.login-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2)}.login-subtitle{font-size:var(--text-base);color:var(--text-tertiary);margin:0}.login-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-label-row{display:flex;justify-content:space-between;align-items:center}.form-link{font-size:var(--text-sm);color:var(--primary);text-decoration:none;font-weight:500;transition:color var(--duration-fast) var(--ease-out-expo)}.form-link:hover{color:var(--primary-hover);text-decoration:underline}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:var(--space-4);width:18px;height:18px;color:var(--text-muted);pointer-events:none}.form-input{width:100%;height:48px;padding:0 var(--space-4) 0 calc(var(--space-4) + 18px + var(--space-3));font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out-expo);outline:none}.form-input:hover{border-color:var(--border-strong)}.form-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--bg-base)}.password-toggle{position:absolute;right:var(--space-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.password-toggle:hover{background:var(--bg-hover);color:var(--text-secondary)}.password-toggle svg{width:18px;height:18px}.form-row{display:flex;align-items:center}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox-label input{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.checkbox-text{font-size:var(--text-sm);color:var(--text-secondary)}.login-button{height:48px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--text-inverted);background:var(--primary);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.login-button:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px)}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.login-divider span{font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.social-button{height:44px;display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.social-button:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.social-button:disabled{opacity:.6;cursor:not-allowed}.social-button svg{width:18px;height:18px}.login-footer{text-align:center;margin-top:var(--space-6);font-size:var(--text-sm);color:var(--text-tertiary)}.auth1-logo{margin-bottom:var(--space-4)}.auth1-login-section{text-align:center}.auth1-description{font-size:var(--text-base);color:var(--text-tertiary);margin-bottom:var(--space-6);line-height:1.6}.auth1-login-button{width:100%;height:56px;display:flex;align-items:center;justify-content:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);box-shadow:0 4px 14px #6366f166}.auth1-login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.auth1-login-button:active:not(:disabled){transform:translateY(0)}.auth1-login-button:disabled{opacity:.7;cursor:not-allowed}.auth1-features{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.auth1-feature{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.auth1-feature svg{color:var(--success);flex-shrink:0}.auth1-link{color:var(--primary);text-decoration:none;font-weight:500}.auth1-link:hover{text-decoration:underline}.input-group{display:flex;flex-direction:column;gap:var(--space-3);text-align:left}.input-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.auth1-input{width:100%;height:48px;padding:0 var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out-expo);outline:none}.auth1-input::placeholder{color:var(--text-muted)}.auth1-input:hover{border-color:var(--border-strong)}.auth1-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--bg-base)}.optin-label{display:flex;align-items:flex-start;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary);line-height:1.4}.optin-label input[type=checkbox]{width:16px;height:16px;margin-top:2px;accent-color:var(--primary);cursor:pointer;flex-shrink:0}.divider{display:flex;align-items:center;gap:var(--space-4);margin:var(--space-6) 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--border-default)}.divider span{font-size:var(--text-sm);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.auth1-login-button.secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default);box-shadow:none}.auth1-login-button.secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong);box-shadow:none}.code-inputs{display:flex;gap:var(--space-2);justify-content:center;margin-bottom:var(--space-6)}.code-input{width:48px;height:56px;font-size:var(--text-2xl);font-weight:600;text-align:center;color:var(--text-primary);background:var(--bg-surface);border:2px solid var(--border-default);border-radius:var(--radius-lg);transition:all var(--duration-fast) var(--ease-out-expo);outline:none}.code-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft);background:var(--bg-base)}.code-input:disabled{opacity:.6}.login-error{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);font-size:var(--text-sm);margin-bottom:var(--space-4);text-align:center}.auth-spinner-container{display:flex;justify-content:center;margin-top:var(--space-6)}.auth-spinner{width:48px;height:48px;border:4px solid var(--border-default);border-top-color:var(--primary);border-radius:50%;animation:spin 1s linear infinite}.auth-success-icon,.auth-error-icon{display:flex;justify-content:center;margin-top:var(--space-6);animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.login-bg-decoration{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;overflow:hidden}.decoration-circle{position:absolute;border-radius:50%;background:var(--primary);opacity:.05;filter:blur(80px)}.decoration-1{width:600px;height:600px;top:-200px;right:-100px}.decoration-2{width:400px;height:400px;bottom:-100px;left:-100px;background:var(--secondary)}.decoration-3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--accent-fuchsia);opacity:.03}@media (max-width: 480px){.login-container{padding:var(--space-6);border-radius:var(--radius-xl)}.social-buttons{grid-template-columns:1fr}}.stat-card{background:var(--card-bg);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.stat-card:hover{box-shadow:var(--shadow-lg),var(--glow-primary);transform:translateY(-4px);border-color:var(--primary)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-primary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;opacity:0;transition:opacity var(--duration-fast) var(--ease-out-expo)}.stat-card:hover:before{opacity:1}.stat-card.selected{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft),var(--shadow-lg)}.stat-label{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:500}.stat-value{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1);line-height:1.2}.stat-change{font-size:var(--text-xs);font-weight:500;display:inline-flex;align-items:center;gap:var(--space-1)}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.stat-change.warning{color:var(--warning)}@keyframes stat-shimmer{0%{background-position:-100px 0}to{background-position:calc(100px + 100%) 0}}.stat-card.loading{pointer-events:none}.stat-card.loading:hover{transform:none;box-shadow:var(--shadow-sm)}.stat-value-skeleton{height:36px;width:80%;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-muted) 0px,var(--bg-hover) 40px,var(--bg-muted) 80px);background-size:200px 100%;animation:stat-shimmer 1.5s infinite linear;margin-bottom:var(--space-2)}.stat-change-skeleton{height:16px;width:50px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-muted) 0px,var(--bg-hover) 40px,var(--bg-muted) 80px);background-size:200px 100%;animation:stat-shimmer 1.5s infinite linear}.btn{padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);position:relative;overflow:hidden}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-xs{padding:var(--space-1) var(--space-2);font-size:.6875rem;border-radius:var(--radius-sm)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.btn-lg{padding:var(--space-4) var(--space-6);font-size:var(--text-base)}.btn-icon-only{padding:var(--space-2);aspect-ratio:1}.btn-icon-only.btn-xs{padding:var(--space-1)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--glow-primary);border:none}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-lg),0 8px 30px -5px #7c3aed80}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-default)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary)}.btn-danger{background:var(--danger);color:#fff;border:none}.btn-danger:hover:not(:disabled){background:var(--danger-hover);box-shadow:var(--shadow-md),var(--glow-danger)}.btn-ghost{background:transparent;color:var(--text-secondary);border:none}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-success{background:var(--success);color:#fff;border:none}.btn-success:hover:not(:disabled){background:var(--success-hover);box-shadow:var(--shadow-md),var(--glow-success)}.dashboard{max-width:1400px}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6)}.section-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary)}.activity-list{display:flex;flex-direction:column;gap:var(--space-4)}.activity-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out-expo)}.activity-item:hover{background:var(--bg-hover)}.activity-icon{width:36px;height:36px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon.info{background:var(--info-soft);color:var(--info)}.activity-icon .icon{width:18px;height:18px}.activity-icon .icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.activity-content{flex:1}.activity-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.activity-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.tenant-list{display:flex;flex-direction:column;gap:var(--space-3)}.tenant-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);border-radius:var(--radius-md);transition:background-color var(--duration-fast) var(--ease-out-expo)}.tenant-row:hover{background:var(--bg-hover)}.tenant-info .tenant-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.tenant-info .tenant-domain{font-size:var(--text-xs);color:var(--text-tertiary)}.tenant-stats{display:flex;align-items:center;gap:var(--space-3)}.tenant-users{font-size:var(--text-xs);color:var(--text-secondary)}.tenant-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.625rem;font-weight:600;text-transform:uppercase}.tenant-badge.active{background:var(--success-soft);color:var(--success)}.tenant-badge.inactive{background:var(--bg-muted);color:var(--text-muted)}.dashboard-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--error-soft);border:1px solid var(--error);border-radius:var(--radius-lg);margin-bottom:var(--space-6);color:var(--error)}.dashboard-error .icon{width:20px;height:20px;flex-shrink:0}.dashboard-error .icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.activity-empty,.tenant-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8);color:var(--text-muted);text-align:center}.activity-empty .icon,.tenant-empty .icon{width:40px;height:40px;margin-bottom:var(--space-3);opacity:.5}.activity-empty .icon svg,.tenant-empty .icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.activity-empty p,.tenant-empty p{font-size:var(--text-sm);margin:0}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.skeleton{pointer-events:none}.skeleton-icon{width:36px;height:36px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--bg-muted) 0px,var(--bg-hover) 40px,var(--bg-muted) 80px);background-size:200px 100%;animation:shimmer 1.5s infinite linear}.skeleton-content{flex:1;display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-line{height:14px;border-radius:var(--radius-sm);background:linear-gradient(90deg,var(--bg-muted) 0px,var(--bg-hover) 40px,var(--bg-muted) 80px);background-size:200px 100%;animation:shimmer 1.5s infinite linear}.skeleton-line.short{width:60%;height:12px}.skeleton-badge{width:60px;height:22px;border-radius:var(--radius-full);background:linear-gradient(90deg,var(--bg-muted) 0px,var(--bg-hover) 40px,var(--bg-muted) 80px);background-size:200px 100%;animation:shimmer 1.5s infinite linear}@media (max-width: 768px){.page-header{flex-direction:column;gap:var(--space-4)}.page-actions{width:100%}.dashboard-grid{grid-template-columns:1fr}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:2000;display:flex;align-items:center;justify-content:center;animation:modalFadeIn var(--duration-fast) var(--ease-out-expo)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--card-bg);padding:var(--space-8);border-radius:var(--radius-xl);width:90%;max-height:90vh;overflow-y:auto;box-shadow:var(--shadow-xl);border:1px solid var(--card-border);animation:modalSlideIn var(--duration-normal) var(--ease-out-expo)}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.modal-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-expo)}.modal-body{color:var(--text-secondary)}.drawer-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--overlay-bg);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;animation:drawerFadeIn var(--duration-normal) var(--ease-out-expo)}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.drawer{position:fixed;top:0;bottom:0;background:var(--card-bg);z-index:2000;display:flex;flex-direction:column;box-shadow:var(--shadow-xl);border:1px solid var(--card-border)}.drawer-right{right:0;animation:drawerSlideInRight var(--duration-normal) var(--ease-out-expo)}.drawer-left{left:0;animation:drawerSlideInLeft var(--duration-normal) var(--ease-out-expo)}@keyframes drawerSlideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes drawerSlideInLeft{0%{transform:translate(-100%);opacity:0}to{transform:translate(0);opacity:1}}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--border-default);flex-shrink:0}.drawer-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.drawer-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;font-size:24px;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-expo)}.drawer-close:hover{background:var(--bg-hover);color:var(--text-primary)}.drawer-body{flex:1;overflow-y:auto;padding:var(--space-6)}.drawer-section{margin-bottom:var(--space-6)}.drawer-section:last-child{margin-bottom:0}.drawer-section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);margin-bottom:var(--space-3)}.drawer-info-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.drawer-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.drawer-info-label{font-size:var(--text-xs);color:var(--text-tertiary)}.drawer-info-value{font-size:var(--text-sm);color:var(--text-primary);font-weight:500}.drawer-actions{display:flex;gap:var(--space-3);padding-top:var(--space-6);border-top:1px solid var(--border-default);margin-top:auto}@media (max-width: 480px){.drawer{width:100%!important}}.confirm-modal{text-align:center}.confirm-title{font-size:var(--text-xl);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-4) 0}.confirm-message{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 var(--space-6) 0;line-height:1.5}.confirm-actions{display:flex;gap:var(--space-3);justify-content:center}.user-drawer-content{display:flex;flex-direction:column;gap:var(--space-4)}.user-email-display{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-default)}.drawer-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4)}.drawer-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0 0 var(--space-3) 0;display:flex;align-items:center;gap:var(--space-2)}.user-info-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.user-info-item{display:flex;flex-direction:column;gap:var(--space-1)}.user-info-label{font-size:var(--text-xs);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.user-info-value{font-size:var(--text-sm);color:var(--text-primary)}.user-info-value.text-success{color:var(--success)}.session-item{padding:var(--space-3);background:var(--bg-elevated);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.session-item:last-of-type{margin-bottom:var(--space-3)}.session-item-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2)}.session-device{font-weight:500;color:var(--text-primary)}.session-meta{font-size:var(--text-xs);color:var(--text-tertiary);line-height:1.5}.session-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.timeline-item{display:flex;gap:var(--space-3);padding:var(--space-2) 0;border-bottom:1px solid var(--border-light)}.timeline-item:last-of-type{border-bottom:none}.timeline-time{flex-shrink:0;width:80px;font-size:var(--text-xs);color:var(--text-tertiary)}.timeline-event{font-size:var(--text-sm);color:var(--text-secondary)}.timeline-event.success{color:var(--text-primary)}.timeline-event.warning{color:var(--warning)}.timeline-event.info{color:var(--info)}.fraud-signal-box{padding:var(--space-4);border-radius:var(--radius-md);margin-bottom:var(--space-3)}.fraud-signal-box.low-risk{background:#10b9811a;border:1px solid rgba(16,185,129,.3)}.fraud-signal-box.medium-risk{background:#f59e0b1a;border:1px solid rgba(245,158,11,.3)}.fraud-signal-box.high-risk{background:#ef44441a;border:1px solid rgba(239,68,68,.3)}.fraud-signal-title{font-weight:600;margin-bottom:var(--space-2);color:var(--text-primary)}.fraud-signal-details{font-size:var(--text-sm);color:var(--text-secondary);line-height:1.6}.fraud-actions{display:flex;gap:var(--space-2)}.user-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-3)}.full-width{width:100%}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-2);font-size:var(--text-xs);font-weight:500;border-radius:var(--radius-full)}.badge-success{background:#10b98126;color:var(--success)}.badge-info{background:#3b82f626;color:var(--info)}.badge-warning{background:#f59e0b26;color:var(--warning)}.badge-danger{background:#ef444426;color:var(--danger)}.drawer-section .form-input{width:100%;padding:var(--space-3);background:var(--bg-elevated);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);resize:vertical;margin-bottom:var(--space-2)}.drawer-section .form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.drawer-section .form-input::placeholder{color:var(--text-muted)}.create-tenant-form{display:flex;flex-direction:column;gap:var(--space-5)}.form-section{display:flex;flex-direction:column;gap:var(--space-4)}.form-section-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin:0;padding-bottom:var(--space-2);border-bottom:1px solid var(--border-light)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary)}.form-label .required{color:var(--danger)}.form-input,.form-select{padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm);transition:border-color var(--duration-fast),box-shadow var(--duration-fast)}.form-input::placeholder{color:var(--text-muted)}.form-select{cursor:pointer}.input-with-suffix{display:flex;align-items:stretch}.input-with-suffix .form-input{border-top-right-radius:0;border-bottom-right-radius:0;flex:1}.input-suffix{display:flex;align-items:center;padding:0 var(--space-3);background:var(--bg-hover);border:1px solid var(--border-default);border-left:none;border-radius:0 var(--radius-md) var(--radius-md) 0;font-size:var(--text-sm);color:var(--text-tertiary)}.form-hint{font-size:var(--text-xs);color:var(--text-muted);margin:0}.features-section{background:var(--bg-surface);padding:var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border-default)}.feature-toggles{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.feature-toggle{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.feature-toggle input[type=checkbox]{width:16px;height:16px;accent-color:var(--primary);cursor:pointer}.feature-toggle:hover{color:var(--text-primary)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border-default)}@media (max-width: 480px){.feature-toggles{grid-template-columns:1fr}.input-with-suffix{flex-direction:column}.input-with-suffix .form-input{border-radius:var(--radius-md);border-bottom-left-radius:0;border-bottom-right-radius:0}.input-suffix{border-left:1px solid var(--border-default);border-top:none;border-radius:0 0 var(--radius-md) var(--radius-md);justify-content:center;padding:var(--space-2)}}.tenants-page{padding:var(--space-6);max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary);margin:0}.page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-1)}.tenants-toolbar{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.filter-select{padding:var(--space-2) var(--space-4);padding-right:2.5rem;border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-base);color:var(--text-primary);font-size:var(--text-sm);cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;min-width:140px}.filter-select:hover{border-color:var(--primary)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-box{position:relative;flex:1;max-width:300px}.search-box .search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-box input{width:100%;padding:var(--space-2) var(--space-4);padding-left:40px;border:1px solid var(--border-default);border-radius:var(--radius-md);background-color:var(--bg-base);color:var(--text-primary);font-size:var(--text-sm)}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.search-box input::placeholder{color:var(--text-muted)}.tenants-table-container{background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.tenants-table{width:100%;border-collapse:collapse}.tenants-table thead{background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.tenants-table th{padding:var(--space-4);text-align:left;font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.05em}.tenants-table tbody tr{border-bottom:1px solid var(--border-light);transition:background-color .15s ease}.tenants-table tbody tr:last-child{border-bottom:none}.tenants-table tbody tr:hover{background:var(--bg-hover)}.tenants-table td{padding:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);vertical-align:middle}.tenant-name-cell .tenant-name{font-weight:600;color:var(--text-primary)}.tenant-domain-cell{display:flex;align-items:center;gap:var(--space-2)}.domain-text{color:var(--text-secondary)}.domain-verified{color:var(--success);flex-shrink:0}.domain-pending{color:var(--warning);flex-shrink:0;animation:spin 2s linear infinite}.status-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.02em}.status-onboarding{background:var(--info-soft);color:var(--info)}.status-new{background:var(--primary-soft);color:var(--primary)}.actions-cell{width:60px;text-align:center}.actions-dropdown{position:relative;display:inline-block}.actions-trigger{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.actions-trigger:hover{background:var(--bg-active);color:var(--text-primary)}.dropdown-menu{position:absolute;top:100%;right:0;z-index:100;min-width:200px;background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);animation:dropdownFadeIn .15s ease}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.dropdown-menu button{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-2) var(--space-3);border:none;background:transparent;color:var(--text-secondary);font-size:var(--text-sm);text-align:left;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.dropdown-menu button:hover{background:var(--bg-hover);color:var(--text-primary)}.dropdown-menu button svg{flex-shrink:0;color:var(--text-tertiary)}.dropdown-menu button:hover svg{color:var(--primary)}.dropdown-divider{height:1px;background:var(--border-light);margin:var(--space-2) 0}.dropdown-menu button.action-danger{color:var(--danger)}.dropdown-menu button.action-danger:hover{background:var(--danger-soft)}.dropdown-menu button.action-danger svg{color:var(--danger)}.dropdown-menu button.action-success{color:var(--success)}.dropdown-menu button.action-success:hover{background:var(--success-soft)}.dropdown-menu button.action-success svg{color:var(--success)}.empty-state{padding:var(--space-12)!important;text-align:center}.empty-content{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.empty-content svg{color:var(--text-muted)}.empty-content h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.empty-content p{font-size:var(--text-sm);color:var(--text-tertiary);margin:0}.skeleton-row td{padding:var(--space-4)}.skeleton-cell{height:20px;background:linear-gradient(90deg,var(--bg-surface) 25%,var(--bg-hover) 50%,var(--bg-surface) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm);width:100%}.skeleton-cell.short{width:60%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tenants-error{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--danger-soft);border:1px solid var(--danger-border);border-radius:var(--radius-lg);margin-bottom:var(--space-4);color:var(--danger)}.tenants-error .icon svg{width:20px;height:20px}.tenants-pagination{display:flex;justify-content:center;align-items:center;gap:var(--space-4);margin-top:var(--space-6)}.pagination-info{font-size:var(--text-sm);color:var(--text-tertiary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:var(--space-4)}.setup-modal{background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);width:100%;max-width:700px;max-height:80vh;display:flex;flex-direction:column;animation:modalSlideIn .2s ease}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.setup-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border-default)}.setup-modal-header h2{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin:0}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-tertiary);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.setup-modal-content{flex:1;overflow-y:auto;padding:var(--space-6)}.setup-modal-content pre{font-family:SF Mono,Monaco,Inconsolata,Fira Code,monospace;font-size:var(--text-sm);line-height:1.6;color:var(--text-secondary);white-space:pre-wrap;word-wrap:break-word;margin:0;background:var(--bg-surface);padding:var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border-light)}.setup-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--border-default)}@media (max-width: 768px){.tenants-page{padding:var(--space-4)}.tenants-toolbar{flex-direction:column;align-items:stretch}.filter-group{flex-wrap:wrap}.search-box{max-width:none}.tenants-table-container{overflow-x:auto}.tenants-table{min-width:800px}.page-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}}.users-page{max-width:1400px}.users-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.search-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);flex:1;max-width:400px}.search-box .icon{width:18px;height:18px;color:var(--text-tertiary)}.search-box .icon svg{width:100%;height:100%;stroke:currentColor;fill:none}.filter-group{display:flex;gap:var(--space-3)}.filter-select{padding:var(--space-2) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer}.users-table-container{background:var(--card-bg);border-radius:var(--radius-xl);border:1px solid var(--card-border);overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th{text-align:left;padding:var(--space-4) var(--space-5);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);background:var(--bg-secondary);border-bottom:1px solid var(--border-default)}.users-table td{padding:var(--space-4) var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.users-table tr:last-child td{border-bottom:none}.users-table tr:hover td{background:var(--bg-hover)}.user-cell{display:flex;align-items:center;gap:var(--space-3)}.user-avatar-sm{width:36px;height:36px;border-radius:var(--radius-full);background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;color:#fff;font-size:var(--text-xs);font-weight:600}.user-info .user-name{font-weight:500;color:var(--text-primary)}.user-info .user-email{font-size:var(--text-xs);color:var(--text-tertiary)}.role-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.625rem;font-weight:600;text-transform:uppercase}.role-owner{background:var(--primary-soft);color:var(--primary)}.role-admin{background:var(--info-soft);color:var(--info)}.role-user{background:var(--bg-tertiary);color:var(--text-secondary)}.status-suspended{background:var(--danger-soft);color:var(--danger)}.companies-page{padding:24px}.companies-section{margin-top:24px}.companies-section .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.search-box{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;width:300px}.search-box svg{width:16px;height:16px;color:var(--text-tertiary)}.search-box input{flex:1;border:none;background:transparent;color:var(--text-primary);font-size:14px;outline:none}.search-box input::placeholder{color:var(--text-tertiary)}.companies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:20px}.company-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;transition:all .2s ease}.company-card:hover{border-color:var(--company-color, var(--primary));box-shadow:0 4px 12px #0000001a}.company-card-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.company-logo{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px;color:#fff;flex-shrink:0}.company-info{flex:1;min-width:0}.company-name{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 4px}.company-domain{font-size:13px;color:var(--text-tertiary)}.status-badge{padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.status-badge.connected{background:var(--success-soft);color:var(--success)}.status-badge.pending{background:var(--warning-soft);color:var(--warning)}.company-description{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.company-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:16px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px}.metric{text-align:center}.metric-label{display:block;font-size:11px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.metric-value{display:block;font-size:16px;font-weight:600;color:var(--text-primary)}.company-actions{display:flex;gap:10px}.company-actions button{flex:1}.companies-empty{text-align:center;padding:60px 20px;color:var(--text-tertiary)}.companies-empty svg{width:48px;height:48px;margin-bottom:16px;opacity:.5}.companies-empty h3{font-size:18px;color:var(--text-secondary);margin:0 0 8px}.companies-empty p{font-size:14px;margin:0}@media (max-width: 768px){.companies-grid{grid-template-columns:1fr}.company-metrics{grid-template-columns:repeat(2,1fr);gap:16px}.search-box{width:100%}}.company-dashboard{padding:24px}.company-not-found{text-align:center;padding:80px 20px}.company-not-found svg{width:64px;height:64px;color:var(--text-tertiary);margin-bottom:20px}.company-not-found h2{font-size:24px;color:var(--text-primary);margin:0 0 12px}.company-not-found p{color:var(--text-secondary);margin:0 0 24px}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;flex-wrap:wrap;gap:16px}.dashboard-header-left{display:flex;align-items:center;gap:16px}.back-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--text-secondary);cursor:pointer;transition:all .2s}.back-btn:hover{background:var(--bg-tertiary);color:var(--text-primary)}.back-btn svg{width:20px;height:20px}.company-logo-large{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;color:#fff}.dashboard-title-section{display:flex;flex-direction:column;gap:4px}.dashboard-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0}.dashboard-domain{font-size:14px;color:var(--text-tertiary)}.dashboard-header-right{display:flex;gap:10px}.dashboard-section{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:20px}.section-title-row{display:flex;align-items:center;gap:10px}.section-icon{width:20px;height:20px;color:var(--primary)}.section-title{font-size:16px;font-weight:600;color:var(--text-primary);margin:0}.dashboard-section .stats-row{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.dashboard-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.dashboard-grid .dashboard-section{margin-bottom:0}.activity-list{display:flex;flex-direction:column;gap:12px}.activity-item{display:flex;align-items:flex-start;gap:12px;padding:12px;background:var(--bg-primary);border-radius:8px;transition:background .2s}.activity-item:hover{background:var(--bg-tertiary)}.activity-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.activity-icon svg{width:18px;height:18px}.activity-icon.success{background:var(--success-soft);color:var(--success)}.activity-icon.warning{background:var(--warning-soft);color:var(--warning)}.activity-icon.info{background:var(--primary-soft);color:var(--primary)}.activity-content{flex:1;display:flex;flex-direction:column;gap:4px;min-width:0}.activity-message{font-size:14px;color:var(--text-primary);line-height:1.4}.activity-time{font-size:12px;color:var(--text-tertiary)}.quick-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.quick-action{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-primary);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .2s;text-align:left}.quick-action:hover{background:var(--bg-tertiary);border-color:var(--primary)}.quick-action svg{width:20px;height:20px;color:var(--primary)}.quick-action span{font-size:14px;font-weight:500;color:var(--text-primary)}.loading-placeholder{text-align:center;padding:40px;color:var(--text-tertiary)}.empty-state{text-align:center;padding:40px;color:var(--text-tertiary);font-size:14px}@media (max-width: 1200px){.dashboard-section .stats-row{grid-template-columns:repeat(2,1fr)}}@media (max-width: 900px){.dashboard-grid{grid-template-columns:1fr}}@media (max-width: 768px){.dashboard-header{flex-direction:column;align-items:flex-start}.dashboard-header-right{width:100%;flex-wrap:wrap}.dashboard-header-right button{flex:1}.dashboard-section .stats-row,.quick-actions{grid-template-columns:1fr}}.fraud-page{max-width:1400px}.alert{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.alert-danger{background:var(--danger-bg);border:1px solid var(--danger-border);color:var(--danger)}.alert-info{background:var(--info-bg);border:1px solid var(--info-border);color:var(--info);justify-content:space-between}.alert-warning{background:var(--warning-bg);border:1px solid var(--warning-border);color:var(--warning)}.fraud-feed{display:flex;flex-direction:column;gap:var(--space-3)}.fraud-event{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light);transition:all var(--duration-fast) var(--ease-out-expo)}.fraud-event:hover{border-color:var(--border-default);background:var(--bg-hover)}.fraud-event-title{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.fraud-event-meta{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-2)}.fraud-signals{display:flex;gap:var(--space-2);flex-wrap:wrap}.signal-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:.625rem;font-weight:600;text-transform:uppercase}.signal-geo{background:var(--danger-soft);color:var(--danger)}.signal-voip{background:var(--warning-soft);color:var(--warning)}.signal-velocity{background:var(--info-soft);color:var(--info)}.signal-bot{background:var(--primary-soft);color:var(--primary)}.risk-score{text-align:center;min-width:60px}.risk-value{font-size:var(--text-2xl);font-weight:700;line-height:1;margin-bottom:var(--space-1)}.risk-value.risk-high{color:var(--danger)}.risk-value.risk-medium{color:var(--warning)}.risk-value.risk-low{color:var(--success)}.risk-label{font-size:var(--text-xs);color:var(--text-tertiary)}.tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-2)}.tab{padding:var(--space-2) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-expo)}.activity-page{max-width:1400px}.filters-bar{display:flex;gap:var(--space-4);margin-bottom:var(--space-6);flex-wrap:wrap}.filter-select{padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;min-width:150px}.search-box{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);flex:1;max-width:300px}.search-box input{border:none;background:none;flex:1;font-size:var(--text-sm);color:var(--text-primary);outline:none}.events-timeline{display:flex;flex-direction:column;gap:var(--space-2)}.event-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);border-left:3px solid transparent;transition:all var(--duration-fast) var(--ease-out-expo)}.event-item:hover{background:var(--bg-hover)}.event-item.event-auth{border-left-color:var(--success)}.event-item.event-admin{border-left-color:var(--primary)}.event-item.event-security{border-left-color:var(--danger)}.event-item.event-api{border-left-color:var(--info)}.event-item.event-billing{border-left-color:var(--warning)}.event-item.event-user{border-left-color:var(--secondary)}.event-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--bg-secondary);display:flex;align-items:center;justify-content:center;color:var(--text-secondary);flex-shrink:0}.event-item.event-auth .event-icon{background:var(--success-soft);color:var(--success)}.event-item.event-admin .event-icon{background:var(--primary-soft);color:var(--primary)}.event-item.event-security .event-icon{background:var(--danger-soft);color:var(--danger)}.event-item.event-api .event-icon{background:var(--info-soft);color:var(--info)}.event-item.event-billing .event-icon{background:var(--warning-soft);color:var(--warning)}.event-content{flex:1;min-width:0}.event-title{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.event-meta{font-size:var(--text-xs);color:var(--text-tertiary);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.event-meta .dot{color:var(--text-muted)}.event-time{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap}.load-more{display:flex;justify-content:center;padding-top:var(--space-6)}.revenue-page{max-width:1400px}.revenue-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.plan-breakdown{display:flex;flex-direction:column;gap:var(--space-4)}.plan-row{display:flex;align-items:center;gap:var(--space-4)}.plan-info{min-width:120px}.plan-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.plan-count{font-size:var(--text-xs);color:var(--text-tertiary)}.plan-bar-container{flex:1;height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.plan-bar{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full);transition:width var(--duration-slow) var(--ease-out-expo)}.plan-revenue{min-width:100px;text-align:right;font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.chart-controls{display:flex;gap:var(--space-1)}.chart-btn{padding:var(--space-1) var(--space-3);background:none;border:none;font-size:var(--text-xs);color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out-expo)}.chart-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.chart-btn.active{color:var(--primary);background:var(--primary-soft)}.chart-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;background:var(--bg-secondary);border-radius:var(--radius-lg);color:var(--text-tertiary);gap:var(--space-2)}.transactions-table-container{overflow-x:auto}.transactions-table{width:100%;border-collapse:collapse}.transactions-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-default)}.transactions-table td{padding:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light)}.transactions-table tr:hover td{background:var(--bg-hover)}.tenant-cell{font-weight:500;color:var(--text-primary)}.amount-cell{font-weight:600;color:var(--success)}.date-cell{color:var(--text-tertiary)}.status-paid{background:var(--success-soft);color:var(--success)}.status-pending{background:var(--warning-soft);color:var(--warning)}.status-failed{background:var(--danger-soft);color:var(--danger)}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:400px;color:var(--text-tertiary);gap:var(--space-3)}.loading-state svg{animation:spin 1s linear infinite}.company-selector{padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;min-width:150px}.company-selector:focus{outline:none;border-color:var(--primary)}.error-banner{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--danger-soft);color:var(--danger);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm)}.empty-state{text-align:center;padding:var(--space-8);color:var(--text-tertiary)}.empty-state code{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary)}.plan-row.has-error .plan-name{color:var(--text-tertiary)}.plan-row.selected{background:var(--bg-hover);border-radius:var(--radius-md);padding:var(--space-2);margin:calc(-1 * var(--space-2))}.error-text{color:var(--danger);font-size:var(--text-xs)}.mrr-label{font-size:var(--text-xs);font-weight:400;color:var(--text-tertiary);margin-left:var(--space-1)}.trend-chart{display:flex;align-items:flex-end;justify-content:space-between;height:200px;gap:var(--space-2);padding:var(--space-4) 0}.trend-bar-wrapper{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.trend-bar{width:100%;max-width:40px;background:var(--gradient-primary);border-radius:var(--radius-sm) var(--radius-sm) 0 0;min-height:4px;position:relative;display:flex;align-items:flex-start;justify-content:center;margin-top:auto;transition:height var(--duration-normal) var(--ease-out-expo)}.trend-value{position:absolute;top:-24px;font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;opacity:0;transition:opacity var(--duration-fast)}.trend-bar-wrapper:hover .trend-value{opacity:1}.trend-label{margin-top:var(--space-2);font-size:var(--text-xs);color:var(--text-tertiary)}.status-succeeded{background:var(--success-soft);color:var(--success)}.plans-page{max-width:1400px}.billing-toggle{display:flex;justify-content:center;gap:var(--space-2);margin-bottom:var(--space-8);padding:var(--space-1);background:var(--bg-surface);border-radius:var(--radius-lg);width:fit-content;margin-left:auto;margin-right:auto}.toggle-btn{padding:var(--space-3) var(--space-6);background:none;border:none;font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-expo);display:flex;align-items:center;gap:var(--space-2)}.toggle-btn:hover{color:var(--text-primary)}.toggle-btn.active{background:var(--card-bg);color:var(--text-primary);box-shadow:var(--shadow-sm)}.save-badge{padding:var(--space-1) var(--space-2);background:var(--success-soft);color:var(--success);font-size:.625rem;font-weight:600;border-radius:var(--radius-full)}.plans-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--space-6);margin-bottom:var(--space-8)}.plan-card{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--card-border);box-shadow:var(--shadow-sm);transition:all var(--duration-normal) var(--ease-out-expo);position:relative;display:flex;flex-direction:column}.plan-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.plan-card.popular{border-color:var(--primary);box-shadow:var(--shadow-md),var(--glow-primary)}.plan-card.current{border-color:var(--success)}.popular-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--gradient-primary);color:#fff;font-size:.625rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase}.current-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:var(--space-1) var(--space-3);background:var(--success);color:#fff;font-size:.625rem;font-weight:600;border-radius:var(--radius-full);text-transform:uppercase}.plan-header{margin-bottom:var(--space-4)}.plan-name{font-size:var(--text-xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.plan-description{font-size:var(--text-sm);color:var(--text-tertiary)}.plan-price{margin-bottom:var(--space-6)}.price-amount{font-size:var(--text-4xl);font-weight:700;color:var(--text-primary)}.price-period{font-size:var(--text-sm);color:var(--text-tertiary)}.plan-features{list-style:none;margin-bottom:var(--space-6);flex:1}.plan-features li{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) 0;font-size:var(--text-sm);color:var(--text-secondary)}.plan-features li .icon{color:var(--success)}.plan-action{margin-top:auto}.plan-action .btn{width:100%}.plan-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.plan-stat-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg)}.plan-stat-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.plan-stat-icon.free{background:var(--bg-tertiary);color:var(--text-tertiary)}.plan-stat-icon.starter{background:var(--info-soft);color:var(--info)}.plan-stat-icon.pro{background:var(--primary-soft);color:var(--primary)}.plan-stat-icon.enterprise{background:var(--warning-soft);color:var(--warning)}.plan-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.plan-stat-label{font-size:var(--text-sm);color:var(--text-tertiary)}.developers-page{max-width:1200px}.tabs-container{margin-bottom:var(--space-6)}.tabs{display:flex;gap:var(--space-2);border-bottom:1px solid var(--border-default);padding-bottom:var(--space-2)}.tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:none;border:none;font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-expo)}.tab:hover{color:var(--text-primary);background:var(--bg-hover)}.tab.active{color:var(--primary);background:var(--primary-soft)}.api-keys-list{display:flex;flex-direction:column;gap:var(--space-3)}.api-key-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.api-key-info{flex:1;min-width:200px}.api-key-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.api-key-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.api-key-value{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md)}.api-key-value code{font-family:SF Mono,Consolas,monospace;font-size:var(--text-xs);color:var(--text-secondary)}.copy-btn{padding:var(--space-1);background:none;border:none;color:var(--text-tertiary);cursor:pointer;border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out-expo)}.copy-btn:hover{color:var(--primary);background:var(--bg-hover)}.api-key-actions{display:flex;align-items:center;gap:var(--space-2)}.status-dot{width:8px;height:8px;border-radius:50%}.status-dot.active{background:var(--success)}.status-dot.inactive{background:var(--text-muted)}.webhooks-list{display:flex;flex-direction:column;gap:var(--space-3)}.webhook-card{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);border:1px solid var(--border-light)}.webhook-url code{font-family:SF Mono,Consolas,monospace;font-size:var(--text-sm);color:var(--text-primary)}.webhook-events{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.event-badge{padding:var(--space-1) var(--space-2);background:var(--primary-soft);color:var(--primary);font-size:.625rem;font-weight:600;border-radius:var(--radius-sm)}.webhook-actions{display:flex;align-items:center;gap:var(--space-2)}.api-logs{display:flex;flex-direction:column;gap:var(--space-2)}.log-entry{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);font-family:SF Mono,Consolas,monospace;font-size:var(--text-xs)}.log-method{min-width:50px;font-weight:600;color:var(--info)}.log-path{flex:1;color:var(--text-primary)}.log-status{min-width:40px;font-weight:600}.log-entry.success .log-status{color:var(--success)}.log-entry.error .log-status{color:var(--danger)}.log-time{min-width:50px;color:var(--text-tertiary)}.log-timestamp{color:var(--text-muted)}.code-block{background:var(--bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.code-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);font-size:var(--text-xs);color:var(--text-tertiary)}.code-block pre{padding:var(--space-4);margin:0;overflow-x:auto}.code-block code{font-family:SF Mono,Consolas,monospace;font-size:var(--text-sm);color:var(--text-primary)}.settings-page{max-width:900px}.section-header{margin-bottom:var(--space-5)}.section-title{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.section-title.danger{color:var(--danger)}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-4)}.mt-6{margin-top:var(--space-6)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-input,.form-select{padding:var(--space-3) var(--space-4);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out-expo)}.form-input:focus,.form-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.settings-list{display:flex;flex-direction:column;gap:var(--space-4)}.setting-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg)}.setting-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-1)}.setting-description{font-size:var(--text-xs);color:var(--text-tertiary)}.toggle-switch{position:relative;display:inline-block;width:48px;height:24px}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--bg-tertiary);transition:var(--duration-fast);border-radius:var(--radius-full)}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:var(--duration-fast);border-radius:50%;box-shadow:var(--shadow-sm)}.toggle-switch input:checked+.toggle-slider{background:var(--gradient-primary)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(24px)}.danger-section{border-color:var(--danger-border)}.danger-actions{display:flex;flex-direction:column;gap:var(--space-4)}.danger-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--danger-bg);border-radius:var(--radius-lg);border:1px solid var(--danger-border)}.danger-label{font-size:var(--text-sm);font-weight:500;color:var(--danger);margin-bottom:var(--space-1)}.danger-description{font-size:var(--text-xs);color:var(--text-tertiary)}.ai-lb-page{max-width:1400px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.page-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.page-subtitle{font-size:var(--text-sm);color:var(--text-tertiary)}.page-actions{display:flex;gap:var(--space-3)}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.section{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}.section-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.strategy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.strategy-card{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-6);background:var(--bg-secondary);border:2px solid transparent;border-radius:var(--radius-xl);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo);text-align:center}.strategy-card:hover{background:var(--bg-hover);border-color:var(--border-default)}.strategy-card.active{background:var(--primary-soft);border-color:var(--primary)}.strategy-card .icon{color:var(--text-tertiary)}.strategy-card.active .icon{color:var(--primary)}.strategy-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.strategy-desc{font-size:var(--text-xs);color:var(--text-tertiary)}.providers-table-container{overflow-x:auto}.providers-table{width:100%;border-collapse:collapse}.providers-table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-tertiary);border-bottom:1px solid var(--border-default)}.providers-table td{padding:var(--space-4);font-size:var(--text-sm);color:var(--text-secondary);border-bottom:1px solid var(--border-light);vertical-align:middle}.providers-table tr:hover td{background:var(--bg-hover)}.provider-name{display:flex;align-items:center;gap:var(--space-2);font-weight:500;color:var(--text-primary)}.status-badge{padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);font-size:.625rem;font-weight:600;text-transform:capitalize}.status-active{background:var(--success-soft);color:var(--success)}.status-degraded{background:var(--warning-soft);color:var(--warning)}.latency-cell{min-width:120px}.latency-bar{height:4px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-top:var(--space-1);overflow:hidden}.latency-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full)}.weight-control{display:flex;align-items:center;gap:var(--space-2)}.weight-slider{width:80px;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none}.weight-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--primary);border-radius:50%;cursor:pointer}.weight-value{min-width:40px;font-size:var(--text-xs);color:var(--text-tertiary)}.action-buttons{display:flex;gap:var(--space-1)}.failover-settings{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.failover-item{display:flex;flex-direction:column;gap:var(--space-2)}.failover-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.form-input.small{padding:var(--space-2) var(--space-3);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);width:100%}.form-input.small:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.wl-page{max-width:1200px}.wl-container{background:linear-gradient(135deg,#0f172a,#1e293b);border-radius:var(--radius-xl);padding:var(--space-8);min-height:calc(100vh - 200px)}.wl-header{text-align:center;margin-bottom:var(--space-8)}.wl-title{font-size:var(--text-3xl);font-weight:700;color:#fff;margin-bottom:var(--space-2)}.wl-subtitle{font-size:var(--text-base);color:#9ca3af}.wl-progress-section{background:#11182780;border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid #374151}.wl-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.wl-progress-header h3{color:#fff;font-weight:600;margin:0}.wl-progress-count{color:#818cf8;font-size:var(--text-2xl);font-weight:700}.wl-progress-number{color:#818cf8}.wl-progress-label{font-size:var(--text-xs);color:#9ca3af}.wl-progress-bar{background:#374151;border-radius:var(--radius-full);height:12px;margin-bottom:var(--space-6);overflow:hidden}.wl-progress-fill{background:linear-gradient(to right,#10b981,#6366f1);height:100%;border-radius:var(--radius-full);transition:width .3s ease}.wl-steps-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-3);text-align:center}.wl-step{cursor:pointer}.wl-step-icon{width:48px;height:48px;border-radius:50%;background:#374151;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-2);color:#fff;font-size:var(--text-xl);transition:all .2s ease}.wl-step-icon.active{background:linear-gradient(135deg,#6366f1,#4f46e5);box-shadow:0 0 0 4px #6366f133}.wl-step-icon.completed{background:linear-gradient(135deg,#10b981,#059669)}.wl-step-label{font-size:.6875rem;color:var(--text-tertiary);font-weight:500}.wl-step-label.active{color:#818cf8}.wl-step-label.completed{color:#10b981}.wl-content{background:#11182780;border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid #374151;margin-bottom:var(--space-6)}.wl-content-title{color:#fff;font-weight:600;margin-bottom:var(--space-2)}.wl-content-subtitle{color:#9ca3af;font-size:var(--text-sm);margin-bottom:var(--space-6)}.wl-label{display:block;color:#d1d5db;font-size:var(--text-sm);font-weight:500;margin-bottom:var(--space-3)}.wl-input{width:100%;padding:var(--space-3) var(--space-4);background:#1f2937;border:1px solid #374151;border-radius:var(--radius-lg);color:#fff;font-size:var(--text-sm)}.wl-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.wl-select{padding:var(--space-2) var(--space-3);background:#1f2937;border:1px solid #374151;border-radius:var(--radius-md);color:#fff;font-size:var(--text-sm);min-width:100px}.wl-form-group{margin-bottom:var(--space-4)}.wl-hint{color:var(--text-tertiary);font-size:var(--text-xs);margin-top:var(--space-2)}.wl-brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.wl-logo-area{border:2px dashed #374151;border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;cursor:pointer;transition:border-color .2s}.wl-logo-area:hover{border-color:#6366f1}.wl-logo-icon{font-size:3rem;margin-bottom:var(--space-2)}.wl-logo-text{color:#9ca3af;font-size:var(--text-sm)}.wl-logo-preview-img{max-width:100%;max-height:150px;object-fit:contain}.wl-color-group{margin-bottom:var(--space-4)}.wl-color-label{display:block;color:#9ca3af;font-size:var(--text-xs);margin-bottom:var(--space-2)}.wl-color-row{display:flex;gap:var(--space-3);align-items:center}.wl-color-picker{width:48px;height:40px;border:none;border-radius:var(--radius-lg);cursor:pointer}.wl-color-input{flex:1;padding:var(--space-2) var(--space-4);background:#1f2937;border:1px solid #374151;border-radius:var(--radius-lg);color:#fff}.wl-preview-section{margin-top:var(--space-6)}.wl-preview-btn{padding:var(--space-3) var(--space-6);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer}.wl-domain-section{margin-bottom:var(--space-6)}.wl-domain-row{display:flex;gap:var(--space-3)}.wl-verify-btn{padding:var(--space-3) var(--space-6);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer}.wl-dns-info{background:#1f293780;border-radius:var(--radius-lg);padding:var(--space-4);margin-top:var(--space-4)}.wl-dns-info h4{color:#fff;font-weight:500;margin-bottom:var(--space-3)}.wl-dns-desc{color:#9ca3af;font-size:.8125rem;margin-bottom:var(--space-4)}.wl-dns-table{background:#111827;border-radius:var(--radius-md);padding:var(--space-4);font-family:monospace;font-size:.8125rem}.wl-dns-header{display:grid;grid-template-columns:80px 1fr 1fr 80px;gap:var(--space-4);color:#9ca3af;margin-bottom:var(--space-2)}.wl-dns-row{display:grid;grid-template-columns:80px 1fr 1fr 80px;gap:var(--space-4);color:#fff}.wl-domain-status{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg)}.wl-domain-status.success{background:#10b9811a;border:1px solid rgba(16,185,129,.2);color:#10b981}.wl-pricing-controls{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4);background:#1f293780;border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.wl-pricing-options{display:flex;gap:var(--space-6);align-items:center}.wl-option-group{display:flex;align-items:center;gap:var(--space-2)}.wl-option-label{color:#9ca3af;font-size:var(--text-sm)}.wl-billing-toggle{padding-left:var(--space-4);border-left:1px solid #374151}.wl-billing-btns{display:flex;background:#111827;border-radius:var(--radius-md);padding:4px}.wl-billing-btn{padding:var(--space-1) var(--space-3);border-radius:4px;font-size:var(--text-sm);border:none;cursor:pointer;background:transparent;color:#9ca3af}.wl-billing-btn.active{background:#6366f1;color:#fff}.wl-add-plan-btn{padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,#10b981,#059669);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.wl-plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.wl-plan-card{background:#1f293780;border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;border:1px solid #374151}.wl-plan-name{color:#fff;font-weight:600;margin-bottom:var(--space-4)}.wl-plan-price{font-size:var(--text-3xl);font-weight:700;color:#fff;margin-bottom:var(--space-4)}.wl-plan-price span{font-size:var(--text-sm);color:#9ca3af}.wl-plan-features{list-style:none;padding:0;margin:0;text-align:left}.wl-plan-features li{color:#d1d5db;font-size:var(--text-sm);padding:var(--space-2) 0}.wl-payment-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.wl-payment-card{padding:var(--space-8);background:#1f293780;border:2px solid #374151;border-radius:var(--radius-xl);cursor:pointer;text-align:center;transition:all .2s}.wl-payment-card:hover{border-color:#6366f1}.wl-payment-card.selected{border-color:#6366f1;background:#6366f11a}.wl-payment-icon{font-size:3rem;margin-bottom:var(--space-3)}.wl-payment-name{font-weight:600;color:#9ca3af}.wl-stripe-connect{padding:var(--space-12);border:2px dashed rgba(99,102,241,.5);border-radius:var(--radius-xl);text-align:center}.wl-stripe-icon{font-size:4rem;color:#818cf8;margin-bottom:var(--space-4)}.wl-stripe-connect h4{color:#fff;font-weight:600;margin-bottom:var(--space-2)}.wl-stripe-connect p{color:#9ca3af;margin-bottom:var(--space-6)}.wl-connect-btn{padding:var(--space-3) var(--space-8);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer}.wl-stripe-connected{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background:#10b9811a;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-xl)}.wl-connected-info{display:flex;align-items:center;gap:var(--space-4)}.wl-connected-icon{width:48px;height:48px;background:#6366f1;border-radius:var(--radius-xl);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl)}.wl-connected-title{color:#fff;font-weight:600}.wl-connected-account{color:#10b981;font-size:var(--text-sm)}.wl-disconnect-btn{color:#ef4444;background:none;border:none;cursor:pointer;font-size:var(--text-sm)}.wl-email-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-8)}.wl-email-form .wl-form-group{margin-bottom:var(--space-4)}.wl-email-preview{background:#1f293780;border-radius:var(--radius-xl);padding:var(--space-6);display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed #374151;text-align:center}.wl-preview-icon{font-size:4rem;color:#4b5563;margin-bottom:var(--space-3)}.wl-preview-title{color:#fff;font-weight:500;margin-bottom:var(--space-2)}.wl-preview-desc{color:#9ca3af;font-size:var(--text-sm);margin-bottom:var(--space-4)}.wl-test-email-btn{padding:var(--space-2) var(--space-6);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:var(--radius-md);font-weight:600;cursor:pointer}.wl-api-row{display:flex;gap:var(--space-2)}.wl-api-input{flex:1;font-family:monospace}.wl-api-btn{padding:var(--space-3) var(--space-4);background:#374151;color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer}.wl-copy-btn{padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#6366f1,#4f46e5);color:#fff;border:none;border-radius:var(--radius-lg);cursor:pointer}.wl-widget-code{background:#111827;border-radius:var(--radius-lg);padding:var(--space-4)}.wl-widget-code code{color:#10b981;font-size:.8125rem;font-family:monospace;display:block;margin-bottom:var(--space-3)}.wl-copy-widget-btn{padding:var(--space-2) var(--space-4);background:#374151;color:#fff;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer}.wl-launch-header{text-align:center;margin-bottom:var(--space-8)}.wl-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);margin-bottom:var(--space-8)}.wl-summary-card{background:#1f293780;border-radius:var(--radius-xl);padding:var(--space-6)}.wl-summary-card h4{color:#fff;font-weight:600;margin-bottom:var(--space-4)}.wl-summary-item{display:flex;justify-content:space-between;font-size:var(--text-sm);margin-bottom:var(--space-3)}.wl-summary-item span:first-child{color:#9ca3af}.wl-summary-item span:last-child{color:#fff}.text-success{color:#10b981!important}.text-warning{color:#f59e0b!important}.text-danger{color:#ef4444!important}.wl-checklist{background:#1f293780;border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-8)}.wl-checklist h4{color:#fff;font-weight:600;margin-bottom:var(--space-4)}.wl-checklist-items{display:flex;flex-direction:column;gap:var(--space-3)}.wl-checklist-item{display:flex;align-items:center;gap:var(--space-3);color:#d1d5db;font-size:var(--text-sm);cursor:pointer}.wl-checklist-item input{width:18px;height:18px;accent-color:#10b981}.wl-launch-area{text-align:center;padding:var(--space-12);border-radius:var(--radius-xl)}.wl-launch-area.pending{background:#f59e0b1a;border:2px solid rgba(245,158,11,.5)}.wl-launch-area.ready{background:#10b9811a;border:2px solid rgba(16,185,129,.5)}.wl-launch-icon{font-size:4rem;margin-bottom:var(--space-4)}.wl-launch-area h3{font-size:var(--text-xl);font-weight:700;color:#fff;margin-bottom:var(--space-2)}.wl-launch-area p{color:#d1d5db;margin-bottom:var(--space-4)}.wl-nav{background:#11182780;border-radius:var(--radius-xl);padding:var(--space-5);border:1px solid #374151}.wl-nav-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-4)}.wl-nav-actions{display:flex;gap:var(--space-3)}.wl-nav-btn{padding:var(--space-3) var(--space-6);background:#374151;color:#fff;border:none;border-radius:var(--radius-lg);font-weight:600;cursor:pointer;transition:opacity .2s}.wl-nav-btn:disabled{opacity:.5;cursor:not-allowed}.wl-prev-btn:hover:not(:disabled){background:#4b5563}.wl-next-btn{background:linear-gradient(135deg,#6366f1,#4f46e5);padding:var(--space-3) var(--space-8)}.wl-nav-hint{text-align:center;font-size:.6875rem;color:var(--text-tertiary)}.wl-nav-hint span{color:#9ca3af}.flex-1{flex:1}@media (max-width: 768px){.wl-brand-grid,.wl-email-grid,.wl-summary-grid{grid-template-columns:1fr}.wl-steps-grid{grid-template-columns:repeat(4,1fr);gap:var(--space-2)}.wl-plans-grid,.wl-payment-grid{grid-template-columns:1fr}.wl-pricing-controls{flex-direction:column;gap:var(--space-4)}.wl-pricing-options{flex-direction:column;align-items:flex-start}.wl-billing-toggle{padding-left:0;border-left:none}}.fraud-config-page{max-width:900px}.section{background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-6);border:1px solid var(--card-border);box-shadow:var(--shadow-sm)}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.section-title{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600}.badge-info{background:var(--primary-soft);color:var(--primary)}.badge-success{background:var(--success-soft);color:var(--success)}.alert{padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6);font-size:var(--text-sm)}.alert-info{background:var(--primary-soft);color:var(--primary);border:1px solid var(--primary)}.config-card{background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-6)}.config-card-header{display:flex;justify-content:space-between;align-items:center}.config-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.config-desc{font-size:.8125rem;color:var(--text-tertiary);margin:0;margin-bottom:var(--space-4)}.config-card-header .config-desc{margin-bottom:0}.toggle-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.toggle-label input{width:18px;height:18px;accent-color:var(--success)}.toggle-status{font-weight:600}.toggle-status.enabled{color:var(--success)}.toggle-status.disabled{color:var(--text-tertiary)}.country-select{width:100%;padding:var(--space-2);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm)}.country-select option{padding:var(--space-2)}.hint{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-2)}.current-allowed{margin-top:var(--space-4)}.current-allowed strong{font-size:var(--text-sm);color:var(--text-primary)}.country-badges{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.form-group:last-child{margin-bottom:0}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);background:var(--input-bg);border:1px solid var(--input-border);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:all var(--duration-fast) var(--ease-out-expo)}.form-input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.range-slider{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none}.range-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer}.range-slider::-moz-range-thumb{width:18px;height:18px;background:var(--primary);border-radius:50%;cursor:pointer;border:none}.range-labels{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.threshold-value{color:var(--primary);font-weight:600}.checkbox-group{display:flex;gap:var(--space-8)}.checkbox-list{display:flex;flex-direction:column;gap:var(--space-3)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm);color:var(--text-secondary)}.checkbox-label input{width:18px;height:18px;accent-color:var(--primary)}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.form-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-default)}@media (max-width: 768px){.section-header{flex-direction:column;align-items:flex-start;gap:var(--space-3)}.config-card-header{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.checkbox-group{flex-direction:column;gap:var(--space-3)}.score-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.lm-page{max-width:1400px}.ceo-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;margin-bottom:var(--space-4)}.ceo-header-left{display:flex;align-items:center;gap:var(--space-6)}.ceo-logo{font-size:var(--text-2xl);font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ceo-header-right{display:flex;align-items:center;gap:var(--space-4)}.notification-bell{position:relative;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--bg-secondary);border-radius:var(--radius-full);cursor:pointer;font-size:var(--text-lg)}.notification-badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:10px;font-weight:600;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.company-selector{position:relative}.company-selector-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer}.company-selector-icon{font-size:var(--text-xl)}.company-selector-text{text-align:left}.company-selector-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.company-selector-count,.company-selector-arrow{font-size:var(--text-xs);color:var(--text-tertiary)}.company-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;width:280px;background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100}.company-dropdown-search{padding:var(--space-3);border-bottom:1px solid var(--border-default)}.company-dropdown-search input{width:100%;padding:var(--space-2) var(--space-3);background:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-primary);font-size:var(--text-sm)}.company-dropdown-list{max-height:300px;overflow-y:auto}.company-dropdown-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);cursor:pointer;transition:background var(--duration-fast)}.company-dropdown-item:hover,.company-dropdown-item.active{background:var(--bg-hover)}.company-item-logo{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-tertiary);border-radius:var(--radius-md);font-weight:600;font-size:var(--text-sm);color:var(--text-primary)}.company-item-logo.all{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.company-item-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.company-item-metric{font-size:var(--text-xs);color:var(--text-tertiary)}.ceo-context-bar{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.context-left{display:flex;align-items:center;gap:var(--space-4)}.context-viewing{font-size:var(--text-sm);color:var(--text-secondary)}.time-selector{padding:var(--space-1) var(--space-3);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer}.system-health{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--success)}.health-dot{width:8px;height:8px;background:var(--success);border-radius:var(--radius-full)}.ceo-hero-metrics{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}.hero-metric-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.hero-metric-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.hero-metric-icon{font-size:var(--text-2xl);margin-bottom:var(--space-2)}.hero-metric-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.hero-metric-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.hero-metric-change{font-size:var(--text-xs);font-weight:600;margin-top:var(--space-2)}.hero-metric-change.positive{color:var(--success)}.ceo-widget-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.ceo-widget{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);overflow:hidden}.ceo-widget-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-default)}.ceo-widget-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.ceo-widget-action{font-size:var(--text-xs);color:var(--primary);cursor:pointer}.ceo-widget-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);background:var(--warning-soft);color:var(--warning);border-radius:var(--radius-full)}.ceo-widget-body{padding:var(--space-4) var(--space-5);max-height:350px;overflow-y:auto}.ai-feed-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.ai-feed-item:last-child{border-bottom:none}.ai-feed-dot{width:8px;height:8px;border-radius:var(--radius-full);margin-top:6px;flex-shrink:0}.ai-feed-dot.success{background:var(--success)}.ai-feed-dot.warning{background:var(--warning)}.ai-feed-dot.info{background:var(--primary)}.ai-feed-content{flex:1}.ai-feed-action{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1)}.ai-feed-meta{display:flex;justify-content:space-between;font-size:var(--text-xs);color:var(--text-tertiary)}.budget-overview{text-align:center;margin-bottom:var(--space-4)}.budget-spent{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary)}.budget-total{font-size:var(--text-sm);color:var(--text-tertiary)}.budget-bar{height:8px;background:var(--bg-tertiary);border-radius:var(--radius-full);margin-top:var(--space-3);overflow:hidden}.budget-fill{height:100%;background:var(--gradient-primary);border-radius:var(--radius-full)}.budget-breakdown{margin-top:var(--space-4)}.budget-item{display:flex;justify-content:space-between;padding:var(--space-2) 0;font-size:var(--text-sm)}.budget-channel{color:var(--text-secondary)}.budget-amount{font-weight:600;color:var(--text-primary)}.queue-item{padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);margin-bottom:var(--space-3)}.queue-item:last-child{margin-bottom:0}.queue-item-type{font-size:var(--text-xs);text-transform:uppercase;color:var(--primary);font-weight:600;margin-bottom:var(--space-1)}.queue-item-name{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.queue-item-meta{font-size:var(--text-xs);color:var(--text-tertiary)}.queue-item-actions{display:flex;gap:var(--space-2);margin-top:var(--space-3)}.ceo-quick-actions{display:flex;gap:var(--space-3);padding:var(--space-4);background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl)}@media (max-width: 1200px){.ceo-hero-metrics{grid-template-columns:repeat(3,1fr)}.ceo-widget-grid{grid-template-columns:1fr}}@media (max-width: 768px){.ceo-hero-metrics{grid-template-columns:repeat(2,1fr)}.ceo-header{flex-direction:column;gap:var(--space-4)}.ceo-context-bar{flex-direction:column;gap:var(--space-3)}.ceo-quick-actions{flex-wrap:wrap}}.lm-page-header{margin-bottom:var(--space-6)}.lm-page-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.lm-page-subtitle{font-size:var(--text-base);color:var(--text-tertiary)}.lm-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.lm-stat-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-5)}.lm-stat-label{font-size:var(--text-sm);color:var(--text-tertiary);margin-bottom:var(--space-2)}.lm-stat-value{font-size:var(--text-2xl);font-weight:700;color:var(--text-primary)}.lm-stat-change{font-size:var(--text-xs);margin-top:var(--space-2)}.lm-stat-change.positive{color:var(--success)}.lm-stat-change.negative{color:var(--danger)}.lm-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.lm-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-5)}.lm-section-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.lm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:var(--space-4)}.lm-grid-card{background:var(--bg-secondary);border-radius:var(--radius-lg);padding:var(--space-4)}.lm-grid-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.lm-grid-card-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary)}.lm-grid-card-badge{font-size:var(--text-xs);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.lm-grid-card-content{font-size:var(--text-sm);color:var(--text-secondary)}.lm-page-header{display:flex;justify-content:space-between;align-items:flex-start}.header-actions{display:flex;gap:var(--space-3)}.domains-table{display:flex;flex-direction:column;gap:var(--space-2)}.domains-table-header{display:grid;grid-template-columns:2fr 100px 100px 100px 120px 120px 150px;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.domains-table-row{display:grid;grid-template-columns:2fr 100px 100px 100px 120px 120px 150px;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:center;font-size:var(--text-sm)}.domains-table-row:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.domain-info{display:flex;flex-direction:column}.domain-name{font-weight:600;color:var(--text-primary)}.domain-reputation{font-size:var(--text-xs);text-transform:capitalize}.domain-status{display:inline-flex;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-transform:capitalize;width:fit-content}.domain-health{display:flex;align-items:center;gap:var(--space-2)}.health-bar{width:50px;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.health-fill{height:100%;border-radius:var(--radius-full);transition:width var(--duration-normal) var(--ease-out-expo)}.domain-sent{display:flex;align-items:baseline;gap:var(--space-1)}.sent-count{font-weight:600;color:var(--text-primary)}.sent-limit{font-size:var(--text-xs);color:var(--text-tertiary)}.domain-warmup{font-size:var(--text-xs)}.warmup-complete{display:flex;align-items:center;gap:var(--space-1);color:var(--success)}.warmup-complete svg{width:14px;height:14px}.warmup-progress{color:var(--warning)}.warmup-pending{color:var(--text-tertiary)}.domain-dns{display:flex;gap:var(--space-1)}.dns-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:10px;font-weight:600}.dns-badge.valid{background:var(--success-soft);color:var(--success)}.dns-badge.invalid{background:var(--bg-tertiary);color:var(--text-tertiary)}.domain-actions{display:flex;gap:var(--space-2);align-items:center}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.warmup-info{background:var(--bg-surface)}.warmup-timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.warmup-phase{padding:var(--space-4);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md)}.phase-header{display:flex;justify-content:space-between;margin-bottom:var(--space-2)}.phase-days{font-weight:600;color:var(--text-primary)}.phase-limit{font-size:var(--text-xs);color:var(--primary);font-weight:500}.warmup-phase p{font-size:var(--text-sm);color:var(--text-secondary)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:500px;box-shadow:var(--shadow-xl)}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.modal-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.modal-close{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer}.modal-close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal-body{padding:var(--space-5)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light)}.form-group{margin-bottom:var(--space-4)}.form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.form-group input,.form-group select{width:100%;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary)}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.form-hint{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.dns-instructions{margin-top:var(--space-4);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md)}.dns-instructions h4{font-size:var(--text-sm);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.dns-instructions p{font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2)}.dns-instructions ul{list-style:none;padding:0}.dns-instructions li{font-size:var(--text-sm);color:var(--text-secondary);padding:var(--space-1) 0}.search-form{display:flex;flex-direction:column;gap:var(--space-4)}.search-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.search-actions{display:flex;align-items:center;gap:var(--space-4);padding-top:var(--space-2)}.search-hint{font-size:var(--text-xs);color:var(--text-tertiary)}.recent-searches{display:flex;flex-direction:column;gap:var(--space-3)}.recent-search-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md)}.search-query{display:flex;align-items:center;gap:var(--space-2);color:var(--text-primary);font-weight:500}.search-query svg{width:16px;height:16px;color:var(--text-tertiary)}.search-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.results-actions{display:flex;gap:var(--space-2)}.leads-table{display:flex;flex-direction:column;gap:var(--space-2)}.leads-table-header{display:grid;grid-template-columns:40px 1.5fr 1.5fr 1fr 1fr 1.5fr 80px;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase}.leads-table-row{display:grid;grid-template-columns:40px 1.5fr 1.5fr 1fr 1fr 1.5fr 80px;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:center;font-size:var(--text-sm)}.leads-table-row:hover{border-color:var(--border-default)}.leads-table-row.selected{background:var(--primary-soft);border-color:var(--primary)}.col-checkbox input[type=checkbox]{width:16px;height:16px;cursor:pointer}.lead-name{display:flex;flex-direction:column}.lead-name .name{font-weight:600;color:var(--text-primary)}.lead-name .connections{font-size:var(--text-xs);color:var(--text-tertiary)}.lead-title{color:var(--text-secondary)}.lead-company{color:var(--text-primary);font-weight:500}.lead-location{color:var(--text-tertiary)}.lead-email.found{color:var(--success)}.lead-email.not-found{color:var(--text-tertiary)}.enrich-btn{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:transparent;border:1px solid var(--primary);border-radius:var(--radius-sm);color:var(--primary);font-size:var(--text-xs);cursor:pointer}.enrich-btn:hover{background:var(--primary-soft)}.enrich-btn svg{width:12px;height:12px}.lead-actions{display:flex;gap:var(--space-2)}.inbox-page{height:calc(100vh - 120px);display:flex;flex-direction:column}.inbox-container{display:grid;grid-template-columns:400px 1fr;gap:var(--space-4);flex:1;min-height:0}.inbox-list{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;display:flex;flex-direction:column}.inbox-filters{display:flex;gap:var(--space-2);padding:var(--space-3);border-bottom:1px solid var(--border-light)}.email-list{flex:1;overflow-y:auto}.email-item{display:flex;gap:var(--space-3);padding:var(--space-3);border-bottom:1px solid var(--border-light);cursor:pointer;transition:background var(--duration-fast) var(--ease-out-expo)}.email-item:hover{background:var(--bg-hover)}.email-item.selected{background:var(--primary-soft)}.email-item.unread{background:var(--bg-base)}.email-indicator{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.email-indicator svg{width:16px;height:16px}.email-content{flex:1;min-width:0}.email-header{display:flex;justify-content:space-between;margin-bottom:var(--space-1)}.email-from{font-weight:600;color:var(--text-primary);font-size:var(--text-sm)}.email-date{font-size:var(--text-xs);color:var(--text-tertiary)}.email-subject{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-preview{font-size:var(--text-xs);color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.email-meta{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.email-campaign{font-size:10px;padding:2px 6px;background:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--text-tertiary)}.email-category{font-size:10px;padding:2px 6px;border-radius:var(--radius-sm);text-transform:capitalize}.email-category.interested{background:var(--success-soft);color:var(--success)}.email-category.not_interested{background:var(--warning-soft);color:var(--warning)}.email-category.ooo{background:var(--primary-soft);color:var(--primary)}.email-category.unsubscribe{background:var(--danger-soft);color:var(--danger)}.email-star{color:var(--warning);flex-shrink:0;width:16px;height:16px}.inbox-detail{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden}.detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4);border-bottom:1px solid var(--border-light)}.detail-info h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary);margin-bottom:var(--space-2)}.detail-meta{display:flex;gap:var(--space-4);font-size:var(--text-sm);color:var(--text-tertiary)}.category-badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);text-transform:capitalize}.category-badge svg{width:12px;height:12px}.category-badge.interested{background:var(--success-soft);color:var(--success)}.category-badge.not_interested{background:var(--warning-soft);color:var(--warning)}.category-badge.ooo{background:var(--primary-soft);color:var(--primary)}.category-badge.unsubscribe{background:var(--danger-soft);color:var(--danger)}.detail-actions{display:flex;gap:var(--space-2)}.detail-body{flex:1;padding:var(--space-4);overflow-y:auto}.detail-body pre{font-family:inherit;white-space:pre-wrap;color:var(--text-primary);font-size:var(--text-sm);line-height:1.6}.response-section{border-top:1px solid var(--border-light);padding:var(--space-4);background:var(--bg-base)}.response-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.response-header h4{font-size:var(--text-sm);font-weight:600;color:var(--text-primary)}.response-textarea{width:100%;min-height:150px;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);resize:vertical;font-family:inherit;line-height:1.6}.response-textarea:focus{outline:none;border-color:var(--primary)}.response-actions{display:flex;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-3)}.no-email-selected{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary)}.no-email-selected svg{width:48px;height:48px;margin-bottom:var(--space-3);opacity:.5}.lm-page-actions{display:flex;gap:var(--space-3)}.lm-loading{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.lm-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-12);text-align:center;color:var(--text-tertiary)}.lm-empty svg{width:48px;height:48px;margin-bottom:var(--space-4);opacity:.5}.lm-empty p{margin-bottom:var(--space-4)}.lm-table{display:flex;flex-direction:column;gap:var(--space-2)}.lm-table-header{display:grid;grid-template-columns:2fr 100px 80px 80px 80px 100px 100px;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.lm-table-row{display:grid;grid-template-columns:2fr 100px 80px 80px 80px 100px 100px;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:center;font-size:var(--text-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.lm-table-row:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.lm-table-row.selected{border-color:var(--primary);background:var(--primary-soft)}.lm-table-cell{display:flex;flex-direction:column;gap:var(--space-1)}.lm-table-primary{font-weight:600;color:var(--text-primary)}.lm-table-secondary{font-size:var(--text-xs);color:var(--text-tertiary)}.lm-table-actions{display:flex;flex-direction:row;gap:var(--space-2)}.lm-action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.lm-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.lm-action-btn.success:hover{background:var(--success-soft);color:var(--success);border-color:var(--success)}.lm-action-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.lm-action-btn svg{width:14px;height:14px}.lm-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--space-4)}.lm-stat-box{background:var(--bg-secondary);border-radius:var(--radius-md);padding:var(--space-4);text-align:center}.lm-stat-box .lm-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);margin-bottom:var(--space-1)}.lm-stat-box .lm-stat-value{font-size:var(--text-xl);font-weight:700;color:var(--text-primary)}.lm-close-btn{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast)}.lm-close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.lm-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.lm-modal{background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-xl);width:100%;max-width:600px;box-shadow:var(--shadow-xl)}.lm-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--border-light)}.lm-modal-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.lm-form-group{margin-bottom:var(--space-4);padding:0 var(--space-5)}.lm-form-group:first-of-type{padding-top:var(--space-4)}.lm-form-group label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);margin-bottom:var(--space-2)}.lm-form-group input,.lm-form-group textarea{width:100%;padding:var(--space-3);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);font-family:inherit}.lm-form-group input:focus,.lm-form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-muted)}.lm-checkbox-group label{display:flex;align-items:center;gap:var(--space-2);cursor:pointer}.lm-checkbox-group input[type=checkbox]{width:16px;height:16px}.lm-modal-actions{display:flex;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-light)}@media (max-width: 1200px){.search-row,.warmup-timeline{grid-template-columns:repeat(2,1fr)}.inbox-container{grid-template-columns:1fr}.inbox-list{max-height:300px}}@media (max-width: 768px){.search-row,.warmup-timeline{grid-template-columns:1fr}.domains-table-header,.domains-table-row,.leads-table-header,.leads-table-row{display:flex;flex-wrap:wrap;gap:var(--space-2)}}.auth-activity{padding:var(--space-6);max-width:1400px;margin:0 auto}.auth-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-6)}.auth-title{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-1)}.auth-subtitle{color:var(--text-tertiary);font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-3)}.api-status{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-xs);padding:2px 8px;border-radius:var(--radius-full);font-weight:500}.api-status.connected{background:#10b9811a;color:var(--success)}.api-status.disconnected{background:#f59e0b1a;color:var(--warning)}.auth-header-right{display:flex;gap:var(--space-3)}.auth-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media (max-width: 1024px){.auth-stats{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.auth-stats{grid-template-columns:1fr}}.auth-tabs{display:flex;gap:var(--space-2);margin-bottom:var(--space-4);border-bottom:1px solid var(--border-light);padding-bottom:var(--space-2)}.auth-tab{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:transparent;border:none;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.auth-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.auth-tab.active{color:var(--primary);background:var(--primary-soft)}.auth-tab svg{width:18px;height:18px}.auth-section{background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-5)}.auth-section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.auth-section-header h3{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.auth-filters{display:flex;gap:var(--space-2)}.filter-btn{padding:var(--space-1) var(--space-3);background:var(--bg-base);border:1px solid var(--border-default);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;color:var(--text-secondary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.filter-btn:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active{background:var(--primary);border-color:var(--primary);color:#fff}.activity-feed{display:flex;flex-direction:column;gap:var(--space-2)}.activity-event{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out-expo)}.activity-event:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.activity-event.critical,.activity-event.high{border-left:3px solid var(--danger);background:var(--danger-soft)}.activity-event.medium{border-left:3px solid var(--warning)}.event-icon{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-full);flex-shrink:0}.event-icon svg{width:18px;height:18px}.event-details{flex:1;min-width:0}.event-main{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-1)}.event-type{font-weight:600;color:var(--text-primary);text-transform:capitalize;font-size:var(--text-sm)}.event-user{color:var(--text-secondary);font-size:var(--text-sm)}.event-meta{display:flex;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-xs)}.event-meta span{display:flex;align-items:center;gap:var(--space-1)}.event-meta svg{width:12px;height:12px}.event-action{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:var(--danger);color:#fff;border:none;border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.event-action:hover{background:var(--danger-dark);transform:translateY(-1px)}.event-action svg{width:14px;height:14px}.sessions-list{display:flex;flex-direction:column;gap:var(--space-3)}.session-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md)}.session-user{font-weight:600;color:var(--text-primary);margin-bottom:var(--space-1)}.session-device{color:var(--text-secondary);font-size:var(--text-sm);margin-bottom:var(--space-2)}.session-meta{display:flex;gap:var(--space-4);color:var(--text-tertiary);font-size:var(--text-xs)}.session-revoke{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);background:transparent;color:var(--danger);border:1px solid var(--danger);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.session-revoke:hover{background:var(--danger);color:#fff}.session-revoke svg{width:14px;height:14px}.users-table{display:flex;flex-direction:column;gap:var(--space-2)}.users-table-header{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-tertiary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.users-table-row{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr 1fr;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--bg-base);border:1px solid var(--border-light);border-radius:var(--radius-md);align-items:center;font-size:var(--text-sm)}.users-table-row:hover{border-color:var(--border-default);box-shadow:var(--shadow-sm)}.user-info{display:flex;flex-direction:column}.user-name{font-weight:600;color:var(--text-primary)}.user-email{font-size:var(--text-xs);color:var(--text-tertiary)}.user-status{display:inline-flex;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:500;text-transform:capitalize;width:fit-content}.user-status.active{background:var(--success-soft);color:var(--success)}.user-status.pending{background:var(--warning-soft);color:var(--warning)}.user-status.blocked{background:var(--danger-soft);color:var(--danger)}.user-mfa{font-size:var(--text-xs);font-weight:500}.user-mfa.enabled{color:var(--success)}.user-mfa.disabled{color:var(--text-tertiary)}.user-login,.user-role{color:var(--text-secondary)}.user-actions{display:flex;gap:var(--space-2)}.action-btn{width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--duration-fast) var(--ease-out-expo)}.action-btn:hover{background:var(--bg-hover);color:var(--text-primary);border-color:var(--primary)}.action-btn.danger:hover{background:var(--danger-soft);color:var(--danger);border-color:var(--danger)}.action-btn svg{width:14px;height:14px}.loading-state{padding:var(--space-8);text-align:center;color:var(--text-tertiary)}.oauth-apps-page{padding:24px;max-width:1400px;margin:0 auto}.page-actions{display:flex;gap:12px}.oidc-info{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:20px;margin-bottom:24px}.oidc-endpoints{display:grid;gap:12px}.endpoint-item{display:flex;align-items:center;gap:12px;padding:12px;background:var(--bg-tertiary);border-radius:8px}.endpoint-label{font-size:13px;font-weight:600;color:var(--text-secondary);min-width:180px}.endpoint-value{flex:1;font-size:13px;color:var(--text-primary);background:transparent;padding:4px 8px;border-radius:4px;word-break:break-all}.section{margin-bottom:32px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-title{font-size:18px;font-weight:600;color:var(--text-primary);margin:0}.loading-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border)}.apps-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(380px,1fr));gap:20px}.app-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease}.app-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.app-card.deleted{opacity:.6}.app-card-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.app-logo{width:48px;height:48px;border-radius:10px;object-fit:cover}.app-logo-placeholder{width:48px;height:48px;border-radius:10px;background:var(--bg-tertiary);display:flex;align-items:center;justify-content:center;color:var(--text-tertiary)}.app-info{flex:1;min-width:0}.app-name{font-size:16px;font-weight:600;color:var(--text-primary);margin:0 0 4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-status{font-size:11px;font-weight:600;text-transform:uppercase;padding:2px 8px;border-radius:4px;background:var(--success-soft);color:var(--success)}.app-status.deleted{background:var(--error-soft);color:var(--error)}.app-actions{display:flex;gap:4px}.action-btn{width:32px;height:32px;border:none;background:transparent;border-radius:6px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center;transition:all .15s ease}.action-btn:hover{background:var(--bg-tertiary);color:var(--primary)}.action-btn.danger:hover{background:var(--error-soft);color:var(--error)}.app-card-body{padding:16px}.app-description{font-size:13px;color:var(--text-secondary);margin:0 0 16px;line-height:1.5}.credential-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:8px;margin-bottom:12px}.credential-label{font-size:11px;font-weight:600;text-transform:uppercase;color:var(--text-tertiary);min-width:70px}.credential-value{flex:1;font-size:12px;font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-primary);word-break:break-all}.copy-btn{width:28px;height:28px;border:none;background:transparent;border-radius:4px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.copy-btn:hover{background:var(--primary-soft);color:var(--primary)}.app-meta{display:flex;gap:16px;margin-bottom:12px}.meta-item.secure{color:var(--success)}.scopes-list{display:flex;flex-wrap:wrap;gap:6px}.scope-badge{font-size:11px;font-weight:500;padding:4px 10px;background:var(--primary-soft);color:var(--primary);border-radius:12px}.app-card-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border)}.app-created{font-size:12px;color:var(--text-tertiary)}.text-btn{font-size:12px;font-weight:500;color:var(--text-secondary);background:none;border:none;cursor:pointer;transition:color .15s ease}.text-btn:hover{color:var(--error)}.modal.large{max-width:720px}.form-section h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 12px}.form-hint{font-size:12px;color:var(--text-tertiary);margin-top:4px}.form-group input,.form-group textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);transition:all .15s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.uri-input-row{display:flex;gap:8px;margin-bottom:8px}.uri-input-row input{flex:1;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary)}.uri-input-row input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.remove-btn{width:36px;height:36px;border:1px solid var(--border);background:var(--bg-primary);border-radius:8px;cursor:pointer;color:var(--text-tertiary);display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.remove-btn:hover{border-color:var(--error);color:var(--error);background:var(--error-soft)}.add-uri-btn{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--primary);background:none;border:none;cursor:pointer;padding:8px 0}.add-uri-btn:hover{text-decoration:underline}.scopes-grid,.grants-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}.scope-option,.grant-option{display:flex;flex-direction:column;padding:12px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all .15s ease}.scope-option:hover,.grant-option:hover{border-color:var(--primary-muted)}.scope-option.selected,.grant-option.selected{border-color:var(--primary);background:var(--primary-soft)}.scope-option input,.grant-option input{display:none}.scope-name,.grant-name{font-size:13px;font-weight:600;color:var(--text-primary)}.scope-desc,.grant-desc{font-size:11px;color:var(--text-tertiary);margin-top:2px}.settings-grid{display:flex;flex-direction:column;gap:12px}.toggle-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:var(--text-primary)}.toggle-option input[type=checkbox]{width:18px;height:18px;cursor:pointer}.alert{display:flex;gap:12px;padding:14px 16px;border-radius:8px;margin-bottom:16px}.alert.warning{background:var(--warning-soft);color:var(--warning)}.alert.danger{background:var(--error-soft);color:var(--error)}.alert strong{font-weight:600}.credential-display{background:var(--bg-secondary);border-radius:8px;padding:16px}.credential-item{margin-bottom:16px}.credential-item:last-child{margin-bottom:0}.credential-item label{display:block;font-size:12px;font-weight:600;color:var(--text-secondary);margin-bottom:6px}.credential-value-row{display:flex;align-items:center;gap:8px;padding:10px 12px;background:var(--bg-tertiary);border-radius:6px}.credential-value-row code{flex:1;font-size:13px;font-family:SF Mono,Monaco,Consolas,monospace;word-break:break-all}.credential-value-row code.secret{color:var(--success)}@media (max-width: 768px){.oauth-apps-page{padding:16px}.page-header{flex-direction:column;align-items:stretch}.page-actions{justify-content:flex-end}.apps-grid,.form-row{grid-template-columns:1fr}.modal.large{max-width:100%}}.idp-page{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px;flex-wrap:wrap}.page-title{font-size:28px;font-weight:700;color:var(--text-primary);margin:0 0 4px}.page-subtitle{font-size:14px;color:var(--text-secondary);margin:0}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px}.stat-card{display:flex;align-items:center;gap:16px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px}.stat-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff}.stat-icon.providers{background:var(--primary)}.stat-icon.active{background:var(--success)}.stat-icon.users{background:#8b5cf6}.stat-value{font-size:28px;font-weight:700;color:var(--text-primary);line-height:1}.stat-label{font-size:13px;color:var(--text-secondary);margin-top:4px}.alert{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;margin-bottom:16px}.alert-error{background:var(--error-soft);color:var(--error)}.alert button{margin-left:auto;background:none;border:none;font-size:18px;cursor:pointer;color:inherit}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;text-align:center;color:var(--text-secondary);background:var(--bg-secondary);border-radius:12px;border:1px dashed var(--border)}.empty-state h4{margin:16px 0 8px;font-size:18px;color:var(--text-primary)}.empty-state p{margin:0 0 20px;max-width:400px}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 20px;text-align:center;color:var(--text-secondary)}.providers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:20px}.provider-card{background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s ease}.provider-card:hover{border-color:var(--primary);box-shadow:0 4px 12px #0000001a}.provider-card.disabled{opacity:.6}.provider-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border)}.provider-logo{width:48px;height:48px;flex-shrink:0}.provider-logo img{width:100%;height:100%;object-fit:contain;border-radius:8px}.logo-placeholder{width:48px;height:48px;border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:20px}.provider-info{flex:1;min-width:0}.provider-info h3{margin:0 0 4px;font-size:16px;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.provider-type{font-size:12px;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.status-badge{font-size:11px;font-weight:600;text-transform:uppercase;padding:4px 10px;border-radius:4px}.status-badge.active{background:var(--success-soft);color:var(--success)}.status-badge.inactive{background:var(--bg-tertiary);color:var(--text-tertiary)}.provider-body{padding:16px}.provider-meta{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}.meta-item{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--text-secondary)}.client-id{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-tertiary);border-radius:6px;font-size:12px}.client-id .label{color:var(--text-tertiary)}.client-id code{font-family:SF Mono,Monaco,Consolas,monospace;color:var(--text-primary)}.provider-footer{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;background:var(--bg-tertiary);border-top:1px solid var(--border)}.footer-actions{display:flex;gap:8px}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;transition:all .15s}.btn-icon:hover{background:var(--bg-secondary);color:var(--primary)}.btn-icon.danger:hover{background:var(--error-soft);color:var(--error)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.modal{background:var(--bg-primary);border-radius:16px;width:100%;max-width:520px;max-height:90vh;overflow:hidden;display:flex;flex-direction:column}.modal.large{max-width:640px}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border)}.modal-header h3{font-size:18px;font-weight:600;margin:0}.close-btn{width:32px;height:32px;border:none;background:transparent;border-radius:8px;cursor:pointer;color:var(--text-secondary);display:flex;align-items:center;justify-content:center}.close-btn:hover{background:var(--bg-tertiary)}.modal-body{padding:24px;overflow-y:auto;flex:1}.modal-footer{display:flex;justify-content:flex-end;gap:12px;padding:16px 24px;border-top:1px solid var(--border);background:var(--bg-secondary)}.provider-type-grid{display:flex;flex-direction:column;gap:16px}.provider-type-grid h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.provider-type-option{display:flex;align-items:center;gap:16px;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:10px;cursor:pointer;transition:all .15s;width:100%;text-align:left}.provider-type-option:hover:not(.disabled){border-color:var(--primary);background:var(--primary-soft)}.provider-type-option.disabled{opacity:.5;cursor:not-allowed}.type-logo{width:40px;height:40px;flex-shrink:0}.type-logo img{width:100%;height:100%;object-fit:contain}.type-info{display:flex;flex-direction:column;gap:2px}.type-name{font-weight:600;color:var(--text-primary)}.type-desc{font-size:13px;color:var(--text-secondary)}.coming-soon-section{margin-top:16px;padding-top:16px;border-top:1px solid var(--border)}.coming-soon-section h5{font-size:12px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 12px}.coming-soon-providers{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}.coming-soon-providers .provider-type-option{padding:12px}.coming-soon-providers .type-logo{width:32px;height:32px}.coming-soon-providers .logo-placeholder{width:32px;height:32px;font-size:14px}.selected-type{display:flex;align-items:center;gap:12px;padding:16px;background:var(--bg-secondary);border-radius:10px;margin-bottom:24px}.selected-type .type-info{flex:1}.docs-link{display:inline-flex;align-items:center;gap:4px;font-size:12px;color:var(--primary);text-decoration:none;margin-left:8px}.docs-link:hover{text-decoration:underline}.form-section{margin-bottom:28px}.form-section h4{font-size:14px;font-weight:600;color:var(--text-primary);margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid var(--border)}.form-group{margin-bottom:16px}.form-group label{display:block;font-size:13px;font-weight:500;color:var(--text-secondary);margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 14px;font-size:14px;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);transition:all .15s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-hint{display:block;font-size:12px;color:var(--text-tertiary);margin-top:4px}.color-input{display:flex;gap:8px}.color-input input[type=color]{width:44px;height:40px;padding:4px;cursor:pointer}.color-input input[type=text]{flex:1}.toggle-options{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.toggle-option{display:flex;align-items:flex-start;gap:12px;cursor:pointer}.toggle-option input[type=checkbox]{width:18px;height:18px;margin-top:2px;cursor:pointer}.toggle-label{display:flex;flex-direction:column;gap:2px}.toggle-label strong{font-size:14px;font-weight:500;color:var(--text-primary)}.toggle-label small{font-size:12px;color:var(--text-secondary)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:all .15s;border:none}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--bg-secondary)}.btn-text{background:none;color:var(--text-secondary);padding:8px 12px}.btn-text:hover{color:var(--primary)}@media (max-width: 768px){.idp-page{padding:16px}.page-header{flex-direction:column;align-items:stretch}.page-actions{display:flex;justify-content:flex-end}.providers-grid,.form-row{grid-template-columns:1fr}.modal.large{max-width:100%}}.metadata-import{display:flex;gap:8px}.metadata-import input{flex:1}.metadata-import button{flex-shrink:0}.saml-info-box{background:var(--primary-soft);border:1px solid var(--primary);border-radius:8px;padding:12px 16px;margin-bottom:16px;display:flex;align-items:center;gap:12px}.saml-info-box .info-icon{color:var(--primary)}.saml-info-box p{margin:0;font-size:13px;color:var(--text-secondary)}.saml-info-box a{color:var(--primary);text-decoration:none}.saml-info-box a:hover{text-decoration:underline}.form-group textarea{width:100%;padding:10px 14px;font-size:14px;font-family:SF Mono,Monaco,Consolas,monospace;border:1px solid var(--border);border-radius:8px;background:var(--bg-primary);color:var(--text-primary);resize:vertical;min-height:80px}.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-soft)}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:#fff;padding:var(--space-2) var(--space-4);z-index:9999;transition:top var(--duration-fast) var(--ease-out-expo)}.skip-link:focus{top:0}.placeholder-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;text-align:center;padding:var(--space-8)}.placeholder-page h1{font-size:var(--text-3xl);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-2)}.placeholder-page p{font-size:var(--text-lg);color:var(--text-tertiary)}.auth-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-deep)}.auth-loading-spinner{width:48px;height:48px;border:3px solid var(--border-default);border-top-color:var(--primary);border-radius:50%;animation:auth-spin .8s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}:root{--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem}[data-theme=light]{--bg-void: #ffffff;--bg-deep: #f8f9fc;--bg-base: #ffffff;--bg-elevated: #ffffff;--bg-surface: #f4f5f9;--bg-hover: #eef0f5;--bg-active: #e4e6ee;--bg-muted: #f1f3f7;--bg-secondary: #f8f9fc;--bg-tertiary: #f1f3f7;--glass-bg: rgba(255, 255, 255, .9);--glass-border: rgba(0, 0, 0, .1);--glass-hover: rgba(0, 0, 0, .05);--glass-active: rgba(0, 0, 0, .08);--text-primary: #0a0a0f;--text-secondary: #3a3a4a;--text-tertiary: #6a6a7a;--text-muted: #9a9aaa;--text-inverted: #ffffff;--border-light: #f0f1f4;--border-default: #e2e4ea;--border-strong: #d0d3dc;--primary: #7c3aed;--primary-hover: #6d28d9;--primary-soft: rgba(124, 58, 237, .12);--primary-softer: rgba(124, 58, 237, .06);--primary-muted: rgba(124, 58, 237, .15);--primary-vivid: #8b5cf6;--secondary: #06b6d4;--secondary-hover: #0891b2;--secondary-soft: rgba(6, 182, 212, .12);--accent-fuchsia: #d946ef;--accent-fuchsia-soft: rgba(217, 70, 239, .12);--accent-rose: #ec4899;--accent-rose-soft: rgba(236, 72, 153, .12);--success: #10b981;--success-hover: #059669;--success-soft: rgba(16, 185, 129, .12);--success-bg: #dcfce7;--success-border: #86efac;--warning: #f59e0b;--warning-hover: #d97706;--warning-soft: rgba(245, 158, 11, .12);--warning-bg: #fef3c7;--warning-border: #fcd34d;--danger: #e11d48;--danger-hover: #be123c;--danger-soft: rgba(225, 29, 72, .12);--danger-bg: #fee2e2;--danger-border: #fca5a5;--info: #06b6d4;--info-hover: #0891b2;--info-soft: rgba(6, 182, 212, .12);--info-bg: #cffafe;--info-border: #67e8f9;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .15);--glow-primary: 0 4px 24px rgba(124, 58, 237, .25);--glow-cyan: 0 4px 24px rgba(6, 182, 212, .25);--glow-fuchsia: 0 4px 24px rgba(217, 70, 239, .25);--glow-success: 0 4px 24px rgba(16, 185, 129, .25);--glow-warning: 0 4px 24px rgba(245, 158, 11, .25);--glow-danger: 0 4px 24px rgba(225, 29, 72, .25);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #d946ef 100%);--gradient-cyber: linear-gradient(135deg, #06b6d4 0%, #7c3aed 50%, #d946ef 100%);--gradient-neon: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-fire: linear-gradient(135deg, #ec4899 0%, #f59e0b 100%);--gradient-success: linear-gradient(135deg, #10b981 0%, #06b6d4 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #ec4899 100%);--gradient-cyan: linear-gradient(135deg, #06b6d4 0%, #7c3aed 100%);--input-bg: #ffffff;--input-border: #e2e4ea;--input-focus-border: var(--primary);--header-bg: rgba(255, 255, 255, .95);--sidebar-bg: #ffffff;--sidebar-border: #e2e4ea;--sidebar-active-bg: rgba(124, 58, 237, .08);--sidebar-active-border: #7c3aed;--nav-hover: rgba(124, 58, 237, .08);--nav-active: rgba(124, 58, 237, .12);--nav-text: var(--text-secondary);--nav-text-hover: var(--primary);--nav-text-active: var(--primary);--card-bg: #ffffff;--card-border: var(--border-default);--card-hover-bg: #fafbfc;--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--error: var(--danger);--error-soft: var(--danger-soft);--error-bg: var(--danger-bg);--border-color: var(--border-default);--primary-light: var(--primary-soft);--primary-gradient: var(--gradient-primary)}[data-theme=dark]{--bg-void: #000000;--bg-deep: #050508;--bg-base: #0c0c12;--bg-elevated: #14141e;--bg-surface: #1c1c28;--bg-hover: #262635;--bg-active: #303042;--glass-bg: rgba(255, 255, 255, .05);--glass-border: rgba(255, 255, 255, .12);--glass-hover: rgba(255, 255, 255, .08);--glass-active: rgba(255, 255, 255, .15);--text-primary: #f5f5ff;--text-secondary: #b8b8d0;--text-tertiary: #7878a0;--text-muted: #4a4a70;--text-inverted: #000000;--border-light: rgba(255, 255, 255, .06);--border-default: rgba(255, 255, 255, .12);--border-strong: rgba(255, 255, 255, .2);--primary: #8b5cf6;--primary-hover: #a78bfa;--primary-soft: rgba(139, 92, 246, .25);--primary-softer: rgba(139, 92, 246, .1);--secondary: #00d4ff;--secondary-hover: #22d3ee;--secondary-soft: rgba(0, 212, 255, .2);--success: #00ff88;--success-hover: #22c55e;--success-soft: rgba(0, 255, 136, .2);--success-bg: rgba(0, 255, 136, .1);--success-border: rgba(0, 255, 136, .3);--warning: #ffb800;--warning-hover: #fbbf24;--warning-soft: rgba(255, 184, 0, .2);--warning-bg: rgba(255, 184, 0, .1);--warning-border: rgba(255, 184, 0, .3);--danger: #ff3366;--danger-hover: #f43f5e;--danger-soft: rgba(255, 51, 102, .2);--danger-bg: rgba(255, 51, 102, .1);--danger-border: rgba(255, 51, 102, .3);--info: #00d4ff;--info-hover: #22d3ee;--info-soft: rgba(0, 212, 255, .2);--info-bg: rgba(0, 212, 255, .1);--info-border: rgba(0, 212, 255, .3);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .6);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .7), 0 2px 4px -2px rgba(0, 0, 0, .7);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .8), 0 4px 6px -4px rgba(0, 0, 0, .8);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .9), 0 8px 10px -6px rgba(0, 0, 0, .9);--glow-primary: 0 0 30px rgba(139, 92, 246, .4), 0 0 60px rgba(139, 92, 246, .2);--glow-success: 0 0 30px rgba(0, 255, 136, .4), 0 0 60px rgba(0, 255, 136, .2);--glow-warning: 0 0 30px rgba(255, 184, 0, .4), 0 0 60px rgba(255, 184, 0, .2);--glow-danger: 0 0 30px rgba(255, 51, 102, .4), 0 0 60px rgba(255, 51, 102, .2);--gradient-primary: linear-gradient(135deg, #7c3aed 0%, #a855f7 50%, #ff00ff 100%);--gradient-cyber: linear-gradient(135deg, #00d4ff 0%, #7c3aed 50%, #ff00ff 100%);--gradient-neon: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);--gradient-fire: linear-gradient(135deg, #ff3366 0%, #ffb800 100%);--gradient-success: linear-gradient(135deg, #00ff88 0%, #00d4ff 100%);--gradient-warning: linear-gradient(135deg, #ff3366 0%, #ffb800 100%);--gradient-purple: linear-gradient(135deg, #8b5cf6 0%, #ff00ff 100%);--gradient-cyan: linear-gradient(135deg, #00d4ff 0%, #7c3aed 100%);--input-bg: var(--bg-surface);--input-border: rgba(255, 255, 255, .12);--input-focus-border: var(--primary);--header-bg: rgba(12, 12, 18, .9);--sidebar-bg: #0c0c12;--sidebar-border: rgba(255, 255, 255, .08);--sidebar-active-bg: rgba(139, 92, 246, .15);--sidebar-active-border: #8b5cf6;--nav-hover: rgba(139, 92, 246, .12);--nav-active: rgba(139, 92, 246, .2);--nav-text: var(--text-secondary);--nav-text-hover: var(--primary);--nav-text-active: var(--primary);--card-bg: var(--bg-elevated);--card-border: var(--border-default);--card-hover-bg: var(--bg-surface);--card-shadow: var(--shadow-sm);--card-shadow-hover: var(--shadow-md);--bg-secondary: var(--bg-surface);--bg-tertiary: var(--bg-elevated);--bg-muted: var(--bg-surface);--error: var(--danger);--error-soft: var(--danger-soft);--error-bg: var(--danger-bg);--border-color: var(--border-default);--primary-light: var(--primary-soft);--primary-gradient: var(--gradient-primary)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--bg-deep);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;transition:background-color var(--duration-slow) var(--ease-out-expo),color var(--duration-slow) var(--ease-out-expo)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-primary-color{color:var(--primary)}.text-info{color:var(--info)}.text-tertiary{color:var(--text-tertiary)}.text-white{color:#fff}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-2xs{font-size:.625rem}.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}.text-base{font-size:1rem}