.toast-container{position:fixed;top:var(--space-4, 1rem);right:var(--space-4, 1rem);z-index:9999;display:flex;flex-direction:column;gap:var(--space-2, .5rem);max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:var(--space-3, .75rem);padding:var(--space-3, .75rem) var(--space-4, 1rem);border-radius:var(--radius-md, 8px);background:var(--color-surface, #fff);box-shadow:0 4px 12px #00000026;animation:toast-enter .2s ease-out;pointer-events:auto;min-width:280px}.toast--exiting{animation:toast-exit .2s ease-in forwards}@keyframes toast-enter{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes toast-exit{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(100%)}}.toast__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;font-size:14px;flex-shrink:0}.toast__message{flex:1;font-size:var(--text-sm, .875rem);line-height:1.4;color:var(--color-text, #1a1a1a)}.toast__dismiss{background:none;border:none;padding:var(--space-1, .25rem);cursor:pointer;color:var(--color-text-muted, #666);font-size:12px;line-height:1;opacity:.6;transition:opacity .15s;flex-shrink:0}.toast__dismiss:hover{opacity:1}.toast--success{border-left:4px solid var(--color-success, #22c55e)}.toast--success .toast__icon{background:var(--color-success-light, #dcfce7);color:var(--color-success, #22c55e)}.toast--error{border-left:4px solid var(--color-error, #ef4444)}.toast--error .toast__icon{background:var(--color-error-light, #fee2e2);color:var(--color-error, #ef4444)}.toast--info{border-left:4px solid var(--color-info, #3b82f6)}.toast--info .toast__icon{background:var(--color-info-light, #dbeafe);color:var(--color-info, #3b82f6)}.toast--warning{border-left:4px solid var(--color-warning, #f59e0b)}.toast--warning .toast__icon{background:var(--color-warning-light, #fef3c7);color:var(--color-warning, #f59e0b)}[data-theme=dark] .toast{background:var(--color-surface-dark, #2d2d2d)}[data-theme=dark] .toast__message{color:var(--color-text-dark, #f5f5f5)}[data-theme=dark] .toast__dismiss{color:var(--color-text-muted-dark, #999)}.login-page{display:flex;flex-direction:column;min-height:100vh;background-color:var(--color-bg-primary)}.login-brand{height:80px;background:var(--login-gradient, linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%));display:flex;align-items:center;justify-content:center;gap:12px;padding:0 24px;flex-shrink:0;position:relative;overflow:hidden}.login-brand-logo{width:36px;height:36px;background:#ffffff26;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#fff;flex-shrink:0}.login-brand-name{font-size:1.125rem;font-weight:600;color:#fff;letter-spacing:-.01em}.login-brand-tagline,.login-brand-shape{display:none}.login-form-area{flex:1;padding:32px 20px;display:flex;flex-direction:column;justify-content:flex-start}.login-form-container{width:100%;max-width:440px}.login-mode-content{opacity:1;transform:translateY(0);transition:opacity .25s ease-out,transform .25s ease-out}.login-mode-content.login-mode-entering{opacity:0;transform:translateY(8px)}.login-heading{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin:0 0 8px}.login-heading--admin{color:var(--color-text-muted);font-size:var(--text-xl)}.login-subheading{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 24px}.login-form{display:flex;flex-direction:column;gap:16px}.login-input-group{display:flex;flex-direction:column;gap:4px}.login-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}.login-input{height:48px;padding:0 14px;font-size:16px;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-primary);color:var(--color-text-primary);outline:none;transition:border-color .15s ease,box-shadow .15s ease}.login-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.login-input:disabled{opacity:.6;cursor:not-allowed}.login-input::placeholder{color:var(--color-text-muted)}.login-button{height:48px;width:100%;padding:0 16px;font-size:var(--text-base);font-weight:var(--font-medium);font-family:inherit;color:#fff;background-color:var(--color-primary);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;justify-content:center;gap:8px}.login-button:hover:not(:disabled){background-color:var(--color-primary-hover)}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-button--google{color:var(--color-text-primary);background-color:var(--color-bg-secondary);border:1px solid var(--color-border)}.login-button--google:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.login-divider{display:flex;align-items:center;gap:12px;margin:16px 0}.login-divider-line{flex:1;height:1px;background-color:var(--color-border)}.login-divider-text{font-size:var(--text-xs);color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.login-error{padding:10px 14px;font-size:var(--text-sm);color:var(--color-error);background-color:var(--color-error-bg);border-radius:var(--radius-md);text-align:center}.login-mode-link{display:inline;background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-primary);cursor:pointer;font-family:inherit;text-decoration:none}.login-mode-link:hover{text-decoration:underline}.login-workspace-link{margin-top:24px;text-align:center;font-size:var(--text-sm);color:var(--color-text-secondary)}.login-admin-trigger{margin-top:32px;padding-top:16px;border-top:1px solid var(--color-border-light);text-align:center}.login-admin-link{display:inline;background:none;border:none;padding:0;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;font-family:inherit;letter-spacing:.02em}.login-admin-link:hover{color:var(--color-text-secondary);text-decoration:underline}.login-other-options-toggle{display:flex;align-items:center;gap:12px;margin:24px 0 0;cursor:pointer}.login-other-options-label{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:var(--text-xs);color:var(--color-text-muted);cursor:pointer;font-family:inherit;white-space:nowrap;text-transform:uppercase;letter-spacing:.05em}.login-other-options-label:hover{color:var(--color-text-secondary)}.login-chevron{transition:transform .2s ease}.login-chevron--open{transform:rotate(180deg)}.login-other-options{display:grid;grid-template-rows:0fr;transition:grid-template-rows .25s ease,margin .25s ease;margin-top:0}.login-other-options--open{grid-template-rows:1fr;margin-top:16px}.login-other-options-inner{overflow:hidden;display:flex;flex-direction:column;gap:8px}.login-other-option-btn{background-color:var(--color-bg-secondary);color:var(--color-text-primary);border:1px solid var(--color-border)}.login-other-option-btn:hover:not(:disabled){background-color:var(--color-bg-tertiary)}.login-back-button{display:inline-flex;align-items:center;gap:4px;background:none;border:none;padding:0;font-size:var(--text-sm);color:var(--color-text-secondary);cursor:pointer;font-family:inherit;margin-bottom:16px;min-height:44px}.login-back-button:hover{color:var(--color-text-primary)}.login-forgot-link{font-size:var(--text-sm);color:var(--color-primary);text-decoration:none;text-align:right;display:block;margin-top:2px}.login-forgot-link:hover{text-decoration:underline}.login-tenant-badge{display:flex;align-items:center;gap:10px;padding:12px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:16px}.login-tenant-logo{width:36px;height:36px;border-radius:var(--radius-md);object-fit:cover}.login-tenant-logo-placeholder{width:36px;height:36px;border-radius:var(--radius-md);background-color:var(--color-primary);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#fff;flex-shrink:0}.login-tenant-name{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-primary)}@media(min-width:768px){.login-brand{height:120px}.login-brand-logo{width:44px;height:44px;font-size:22px;border-radius:12px}.login-brand-name{font-size:1.25rem}.login-brand-tagline{display:block;font-size:var(--text-sm);color:#ffffffb3;margin-top:2px}.login-form-area{padding:48px 24px;align-items:center}.login-form-container{max-width:440px}.login-heading{font-size:var(--text-3xl)}}@media(min-width:1024px){.login-page{flex-direction:row}.login-brand{width:45%;height:100vh;position:sticky;top:0;flex-direction:column;justify-content:center;gap:16px}.login-brand-logo{width:56px;height:56px;font-size:26px;border-radius:16px;margin-bottom:8px}.login-brand-name{font-size:1.75rem;letter-spacing:-.02em}.login-brand-tagline{display:block;font-size:var(--text-base);color:#fff9;max-width:280px;text-align:center;line-height:1.5}.login-brand-shape{display:block;position:absolute;border-radius:50%;opacity:.07;background:#fff}.login-brand-shape--1{width:300px;height:300px;top:-80px;right:-60px}.login-brand-shape--2{width:200px;height:200px;bottom:-40px;left:-50px}.login-brand-shape--3{width:120px;height:120px;bottom:20%;right:10%;opacity:.04}.login-form-area{width:55%;padding:48px 40px;justify-content:center;align-items:center}.login-form-container{max-width:440px}}:root{--color-bg-primary: #fefdfb;--color-bg-secondary: #f5f3ef;--color-bg-tertiary: #e8e4dd;--color-bg-page: #f5f3ef;--color-text-primary: #1a1816;--color-text-secondary: #44403c;--color-text-muted: #78716c;--color-primary: #0d6efd;--color-primary-hover: #0b5ed7;--color-primary-light: #cfe2ff;--color-success: #198754;--color-warning: #ffc107;--color-error: #dc3545;--color-border: #d6d3cd;--color-border-light: #e8e4dd;--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SF Mono", "Fira Code", "Fira Mono", Menlo, Monaco, Consolas, monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--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: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(28, 25, 23, .06);--shadow-md: 0 4px 6px -1px rgba(28, 25, 23, .08), 0 2px 4px -2px rgba(28, 25, 23, .06);--shadow-lg: 0 10px 15px -3px rgba(28, 25, 23, .08), 0 4px 6px -4px rgba(28, 25, 23, .06);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--header-height: 64px;--sidebar-width: 240px;--content-max-width: 1200px;--color-success-bg: #d1fae5;--color-warning-bg: #fef3c7;--color-error-bg: #fee2e2;--color-primary-bg: #e0e7ff;--color-accent-tenants: #6366f1;--color-accent-tenants-bg: #eef2ff;--color-accent-apps: #8b5cf6;--color-accent-apps-bg: #f5f3ff;--color-accent-users: #0891b2;--color-accent-users-bg: #ecfeff;--color-accent-groups: #14b8a6;--color-accent-groups-bg: #ccfbf1;--gradient-tenants: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--gradient-apps: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%);--gradient-users: linear-gradient(135deg, #0891b2 0%, #0e7490 100%);--gradient-groups: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%);--shadow-card-hover: 0 12px 32px -8px rgba(28, 25, 23, .12), 0 8px 16px -4px rgba(28, 25, 23, .08);--color-card-surface: #fefdfb;--color-card-border: #e8e4dd;--shadow-card: 0 1px 3px rgba(28, 25, 23, .07), 0 1px 2px rgba(28, 25, 23, .05);--color-accent-sessions: #f59e0b;--color-accent-sessions-bg: #fffbeb;--gradient-sessions: linear-gradient(135deg, #f59e0b 0%, #d97706 100%);--color-trend-up: #0d9488;--color-trend-down: #dc3545;--color-chart-active: #10b981;--color-chart-pending: #f59e0b;--color-chart-suspended: #ef4444;--color-row-hover: rgba(28, 25, 23, .03);--icon-size: 64px;--icon-radius: 22%;--icon-gap-x: 24px;--icon-gap-y: 16px;--icon-label-size: .8125rem;--transition-spring: .2s cubic-bezier(.34, 1.56, .64, 1);--shadow-icon-hover: 0 8px 24px -4px rgba(28, 25, 23, .12), 0 4px 8px -2px rgba(28, 25, 23, .08);--login-gradient: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #4338ca 100%);--header-bg: linear-gradient(135deg, #1e1b4b 0%, #312e81 50%, #1e1b4b 100%);--header-glow: 0 4px 20px -4px rgba(30, 27, 75, .3);--header-logo-gradient: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%);--header-nav-text: rgba(255, 255, 255, .7);--header-nav-text-hover: rgba(255, 255, 255, .9);--header-nav-text-active: #ffffff;--header-nav-bg-hover: rgba(255, 255, 255, .08);--header-nav-bg-active: rgba(255, 255, 255, .15);--header-badge-bg: rgba(255, 255, 255, .1);--header-badge-text: rgba(255, 255, 255, .9);--header-badge-acting-bg: rgba(99, 102, 241, .25);--header-badge-acting-text: #c7d2fe;--header-switcher-bg: rgba(255, 255, 255, .08);--header-switcher-border: rgba(255, 255, 255, .15);--header-switcher-border-hover: rgba(255, 255, 255, .25);--header-switcher-glow: 0 0 0 2px rgba(99, 102, 241, .3);--header-switcher-text: rgba(255, 255, 255, .9);--header-switcher-text-muted: rgba(255, 255, 255, .6);--avatar-gradient: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%)}@media(min-width:768px){:root{--icon-size: 72px}}:root{--header-padding-x: var(--space-3);--header-badge-max-width: 0px;--header-switcher-min-width: auto;--main-padding: var(--space-3)}@media(min-width:640px){:root{--header-padding-x: var(--space-4);--header-badge-max-width: 160px;--header-switcher-min-width: 120px;--main-padding: var(--space-4)}}@media(min-width:1024px){:root{--header-padding-x: var(--space-6);--header-badge-max-width: none;--header-switcher-min-width: 160px;--main-padding: var(--space-6)}}[data-theme=dark]{--color-bg-primary: #1a1a1a;--color-bg-secondary: #242424;--color-bg-tertiary: #2d2d2d;--color-text-primary: #f8f9fa;--color-text-secondary: #ced4da;--color-text-muted: #868e96;--color-primary: #3b82f6;--color-primary-hover: #2563eb;--color-primary-light: #1e3a5f;--color-border: #3d3d3d;--color-border-light: #2d2d2d;--color-success-bg: rgba(16, 185, 129, .15);--color-warning-bg: rgba(245, 158, 11, .15);--color-error-bg: rgba(239, 68, 68, .15);--color-primary-bg: rgba(59, 130, 246, .15);--color-accent-tenants: #818cf8;--color-accent-tenants-bg: rgba(99, 102, 241, .12);--color-accent-apps: #a78bfa;--color-accent-apps-bg: rgba(139, 92, 246, .12);--color-accent-users: #22d3ee;--color-accent-users-bg: rgba(8, 145, 178, .12);--color-accent-groups: #2dd4bf;--color-accent-groups-bg: rgba(20, 184, 166, .12);--gradient-tenants: linear-gradient(135deg, #818cf8 0%, #6366f1 100%);--gradient-apps: linear-gradient(135deg, #a78bfa 0%, #8b5cf6 100%);--gradient-users: linear-gradient(135deg, #22d3ee 0%, #0891b2 100%);--gradient-groups: linear-gradient(135deg, #2dd4bf 0%, #14b8a6 100%);--shadow-card-hover: 0 12px 32px -8px rgba(0, 0, 0, .4), 0 8px 16px -4px rgba(0, 0, 0, .3);--color-row-hover: rgba(255, 255, 255, .03);--color-bg-page: #111111;--color-card-surface: #1e1e1e;--color-card-border: rgba(255, 255, 255, .06);--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--color-accent-sessions: #fbbf24;--color-accent-sessions-bg: rgba(245, 158, 11, .12);--gradient-sessions: linear-gradient(135deg, #fbbf24 0%, #f59e0b 100%);--color-trend-up: #34d399;--color-trend-down: #f87171;--color-chart-active: #34d399;--color-chart-pending: #fbbf24;--color-chart-suspended: #f87171;--shadow-icon-hover: 0 8px 24px -4px rgb(0 0 0 / .4), 0 4px 8px -2px rgb(0 0 0 / .3);--header-bg: linear-gradient(135deg, #0f0d24 0%, #1e1b4b 50%, #0f0d24 100%);--header-glow: 0 4px 20px -4px rgba(0, 0, 0, .5)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family);font-size:var(--text-base);line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg-page)}.dashboard-card-accent{position:relative;overflow:hidden;border-radius:1rem}.dashboard-card-accent>div{border-top-left-radius:0;border-top-right-radius:0}.dashboard-card-accent:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;z-index:1}.dashboard-card-accent--primary:before{background:var(--color-accent-tenants)}.dashboard-card-accent--secondary:before{background:var(--color-accent-apps)}.dashboard-card-accent--tertiary:before{background:var(--color-accent-users)}.dashboard-divider{height:1px;border:none;margin:0;background:var(--color-border-light)}.dashboard-content-panel{background:var(--color-card-surface);border:1px solid var(--color-card-border);border-radius:1.5rem;padding:var(--space-8);box-shadow:var(--shadow-card)}@media(max-width:1023px){.dashboard-content-panel{padding:var(--space-4)}}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}button{font-family:inherit;font-size:inherit;cursor:pointer}input,textarea,select{font-family:inherit;font-size:inherit}img{max-width:100%;height:auto}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.25}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}h4{font-size:var(--text-lg)}code{font-family:var(--font-mono);font-size:.9em;background-color:var(--color-bg-tertiary);padding:.125em .375em;border-radius:var(--radius-sm)}@keyframes tile-press{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}button:focus-visible{outline:2px solid var(--color-primary);outline-offset:4px}.admin-grid{grid-template-columns:repeat(2,1fr)}.dashboard-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.dashboard-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.dashboard-content{display:grid;grid-template-columns:7fr 5fr;gap:var(--space-10)}@keyframes skeleton-pulse{0%,to{opacity:.4}50%{opacity:.8}}.skeleton-pulse{animation:skeleton-pulse 1.5s ease-in-out infinite;background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg)}.nav-scroll-hide{overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.nav-scroll-hide::-webkit-scrollbar{display:none}.hide-mobile{display:inline}@media(max-width:1023px){.dashboard-metrics{grid-template-columns:repeat(2,1fr)}.dashboard-content{grid-template-columns:1fr}}@media(max-width:639px){.hide-mobile{display:none!important}.nav-scroll-hide .nav-label{display:none}.dropdown-responsive{position:fixed!important;bottom:0!important;left:0!important;right:0!important;top:auto!important;border-radius:var(--radius-xl) var(--radius-xl) 0 0!important;max-height:70vh;overflow-y:auto}.dropdown-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:999}.admin-grid,.dashboard-metrics,.dashboard-actions{grid-template-columns:1fr}.dashboard-sections{display:flex;flex-direction:column}.dashboard-section-actions{order:-1;margin-bottom:var(--space-6)}.dashboard-section-metrics{order:0}.embedded-header-badge{display:none!important}}.tenant-badge-text{max-width:var(--header-badge-max-width);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}