:root{--color-primary: #006B63;--color-primary-hover: #005550;--color-primary-light: #E6F4F3;--color-accent: #6366F1;--color-accent-hover: #4F46E5;--color-success: #10B981;--color-success-light: #D1FAE5;--color-error: #DC2626;--color-error-light: #FEE2E2;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-text-primary: #111827;--color-text-secondary: #6B7280;--color-text-tertiary: #9CA3AF;--color-border: #E5E7EB;--color-bg-surface: #FFFFFF;--color-bg-subtle: #F9FAFB;--color-bg-hover: #F3F4F6;--font-size-xl: 20px;--font-size-lg: 18px;--font-size-md: 16px;--font-size-base: 14px;--font-size-sm: 13px;--font-size-xs: 12px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .05em;--spacing-xs: 4px;--spacing-sm: 6px;--spacing-tight: 6px;--spacing-md: 12px;--spacing-normal: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--spacing-loose: 24px;--spacing-2xl: 32px;--spacing-3xl: 48px;--spacing-luxury: 48px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 6px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 24px rgba(0, 0, 0, .12);--shadow-lift: 0 8px 16px rgba(0, 0, 0, .15);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-pill: 100px;--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease}@media (prefers-color-scheme: dark){:root{--color-text-primary: #F9FAFB;--color-text-secondary: #D1D5DB;--color-text-tertiary: #9CA3AF;--color-bg-surface: #1F2937;--color-bg-subtle: #111827;--color-bg-hover: #374151;--color-border: #374151}}h1,.h1{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0 0 var(--spacing-loose) 0}h2,.h2{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--color-text-primary);margin:0 0 var(--spacing-normal) 0}h3,.h3{font-size:var(--font-size-md);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);margin:0 0 var(--spacing-md) 0}.label,label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary);margin-bottom:var(--spacing-sm)}p,.body{font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--color-text-primary);margin:0 0 var(--spacing-normal) 0}.text-sm{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.text-xs{font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.monospace,code{font-family:Courier New,Courier,monospace;font-size:var(--font-size-xs);color:var(--color-text-tertiary)}.text-primary{color:var(--color-text-primary)}.text-tertiary{color:var(--color-text-tertiary)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}:root{--color-primary: #006B63;--color-primary-light: #E6F4F3;--color-primary-hover: #005550;--color-accent: #6366F1;--color-slate-50: #F8FAFC;--color-slate-100: #F1F5F9;--color-slate-200: #E2E8F0;--color-slate-300: #CBD5E1;--color-slate-400: #94A3B8;--color-slate-500: #64748B;--color-slate-600: #475569;--color-slate-700: #334155;--color-slate-800: #1E293B;--color-slate-900: #0F172A;--bg-canvas: #F8FAFC;--bg-surface: #FFFFFF;--bg-surface-hover: #F8FAFC;--bg-surface-active: #F1F5F9;--bg-subtle: #F1F5F9;--color-border: #E2E8F0;--color-border-hover: #CBD5E1;--color-border-active: var(--color-primary-light);--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-tertiary: #64748B;--color-text-inverse: #FFFFFF;--color-success: #10B981;--color-success-bg: #ECFDF5;--color-warning: #F59E0B;--color-warning-bg: #FFFBEB;--color-error: #EF4444;--color-error-bg: #FEF2F2;--color-info: #3B82F6;--color-info-bg: #EFF6FF;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -1px rgba(15, 23, 42, .03);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .05), 0 4px 6px -2px rgba(15, 23, 42, .025);--shadow-float: 0 20px 25px -5px rgba(15, 23, 42, .1), 0 10px 10px -5px rgba(15, 23, 42, .04);--shadow-lift: 0 8px 16px rgba(0, 0, 0, .15);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--sidebar-width: 260px;--header-height: 64px;--bg-sidebar: #FFFFFF;--bg-sidebar-hover: #F8FAFC;--color-sidebar-text: var(--color-slate-600);--color-sidebar-text-active: var(--color-primary);--color-sidebar-icon: var(--color-slate-400);--border-sidebar: var(--color-border);--bg-topbar: rgba(255, 255, 255, .8);--bg-topbar-backdrop: blur(12px);--border-topbar: var(--color-border);--color-topbar-text: var(--color-text-primary);--color-topbar-text-secondary: var(--color-text-secondary);--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1)}[data-theme=dark]{--bg-canvas: #0F172A;--bg-surface: #1E293B;--bg-surface-hover: #334155;--bg-surface-active: #1E293B;--bg-subtle: #1E293B;--color-border: #334155;--color-border-hover: #475569;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-tertiary: #64748B;--color-text-inverse: #0F172A;--color-primary: #2DD4BF;--color-primary-light: #5EEAD4;--color-primary-dark: #14B8A6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3);--shadow-float: 0 20px 25px -5px rgba(0, 0, 0, .3), 0 10px 10px -5px rgba(0, 0, 0, .2);--shadow-lift: 0 8px 16px rgba(0, 0, 0, .4);--bg-sidebar: #0F172A;--bg-sidebar-hover: rgba(255, 255, 255, .05);--color-sidebar-text: var(--color-slate-400);--color-sidebar-text-active: #FFFFFF;--color-sidebar-icon: var(--color-slate-500);--border-sidebar: transparent;--bg-topbar: rgba(15, 23, 42, .8);--border-topbar: var(--color-border);--color-topbar-text: var(--color-text-primary);--color-topbar-text-secondary: var(--color-text-secondary)}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg-canvas: #0F172A;--bg-surface: #1E293B;--bg-surface-hover: #334155;--bg-surface-active: #1E293B;--bg-subtle: #1E293B;--color-border: #334155;--color-border-hover: #475569;--color-text-primary: #F8FAFC;--color-text-secondary: #94A3B8;--color-text-tertiary: #64748B;--color-text-inverse: #0F172A;--color-primary: #2DD4BF;--color-primary-light: #5EEAD4;--color-primary-dark: #14B8A6;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3)}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{font-family:var(--font-family-base);background-color:var(--bg-canvas);color:var(--color-text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:auto}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:1.25;letter-spacing:-.025em;margin-bottom:var(--space-4);color:var(--color-text-primary)}h1{font-size:var(--font-size-3xl);letter-spacing:-.03em;font-weight:var(--font-weight-bold)}h2{font-size:var(--font-size-2xl);letter-spacing:-.02em}h3{font-size:var(--font-size-xl);letter-spacing:-.015em}p{margin-bottom:var(--space-4);color:var(--color-text-secondary)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-primary-light)}.app-container{display:flex;height:100vh;overflow:hidden}.sidebar{width:var(--sidebar-width);background-color:var(--bg-sidebar);color:var(--color-sidebar-text);display:flex;flex-direction:column;position:fixed;height:100vh;z-index:50;border-right:1px solid var(--border-sidebar);transition:all var(--transition-smooth)}.sidebar-header{padding:24px;margin-bottom:8px}.logo{font-weight:var(--font-weight-bold);font-size:18px;display:flex;align-items:center;gap:12px;color:var(--color-sidebar-text-active);letter-spacing:-.01em}.sidebar-nav{padding:0 16px;flex:1;overflow-y:auto}.nav-section{margin-bottom:32px}.nav-section-title{padding:0 12px;font-size:11px;font-weight:700;color:var(--color-slate-500);text-transform:uppercase;letter-spacing:.05em;margin-bottom:12px}.nav-item{display:flex;align-items:center;padding:10px 12px;color:var(--color-sidebar-text);font-size:14px;font-weight:500;transition:all var(--transition-fast);border-radius:var(--radius-md);cursor:pointer;margin-bottom:4px;text-decoration:none}.nav-item:hover{background-color:var(--bg-sidebar-hover);color:var(--color-sidebar-text-active)}.nav-item.active{background-color:var(--color-primary);color:#fff;box-shadow:0 1px 3px #0003}.nav-icon{margin-right:12px;width:20px;text-align:center;color:var(--color-sidebar-icon);transition:color var(--transition-fast)}.nav-item.active .nav-icon{color:#fff}.main-content{flex:1;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0;height:100%;overflow:hidden;position:relative;background-color:var(--bg-canvas)}.top-bar{height:var(--header-height);background-color:var(--bg-topbar);border-bottom:1px solid var(--border-topbar);display:flex;align-items:center;justify-content:space-between;padding:0 48px;position:sticky;top:0;z-index:40;-webkit-backdrop-filter:var(--bg-topbar-backdrop);backdrop-filter:var(--bg-topbar-backdrop)}.content-area{padding:40px 48px;max-width:1600px;margin:0 auto;width:100%;flex:1 1 auto;min-height:0;overflow-y:auto;animation:fadeIn .4s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-md);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent;gap:8px}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--color-primary);color:#fff;box-shadow:0 1px 2px #0000001a}.btn-primary:hover{background-color:var(--color-primary-light);box-shadow:0 4px 12px #0f766e40;transform:translateY(-1px)}.btn-secondary{background-color:var(--bg-surface);color:var(--color-text-secondary);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background-color:var(--color-slate-50);border-color:var(--color-border-hover);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-error);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.card{background-color:var(--bg-surface);border:1px solid rgba(226,232,240,.6);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-smooth),transform var(--transition-smooth)}.card:hover{box-shadow:var(--shadow-md);border-color:#e2e8f0}.card-premium{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:32px;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s,border-color .2s}.card-premium:hover{transform:translateY(-2px);box-shadow:var(--shadow-lift);border-color:var(--color-border-hover)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.card-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:9999px;font-size:12px;font-weight:600;gap:6px}.badge-dot{width:6px;height:6px;border-radius:50%;background-color:currentColor}.badge-success{background-color:var(--color-success-bg);color:var(--color-success)}.badge-warning{background-color:var(--color-warning-bg);color:var(--color-warning)}.badge-error{background-color:var(--color-error-bg);color:var(--color-error)}.badge-secondary{background-color:var(--color-slate-100);color:var(--color-slate-600)}.badge-info{background-color:var(--color-info-bg);color:var(--color-info)}.badge-neutral{background-color:var(--color-slate-100);color:var(--color-slate-500)}.input{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);background-color:var(--bg-surface);color:var(--color-text-primary);transition:all var(--transition-fast);box-shadow:var(--shadow-sm)}.input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #006b6326}.input-group{margin-bottom:16px}.table-container{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background-color:var(--bg-surface);box-shadow:var(--shadow-sm)}.table{width:100%;border-collapse:separate;border-spacing:0}.table th{text-align:left;padding:16px 24px;background-color:var(--color-slate-50);border-bottom:1px solid var(--color-border);font-size:11px;font-weight:600;color:var(--color-text-tertiary);text-transform:uppercase;letter-spacing:.05em}.table td{padding:16px 24px;border-bottom:1px solid var(--color-slate-100);font-size:14px;color:var(--color-text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background-color:var(--bg-surface-hover);transition:background-color var(--transition-fast)}.tabs{display:flex;border-bottom:1px solid var(--color-border);margin-bottom:32px;gap:32px}.tab{padding:12px 0;font-size:14px;font-weight:500;color:var(--color-text-secondary);border:none;border-bottom:2px solid transparent;background:none;cursor:pointer;transition:all var(--transition-fast);position:relative;top:1px}.tab:hover{color:var(--color-text-primary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:100;animation:fadeIn .2s ease-out}.modal-content{background:var(--bg-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-float);width:100%;max-height:80vh;overflow:auto;animation:slideUp .2s ease-out}.modal-content.modal-fullscreen{width:95vw!important;max-width:none!important;height:90vh!important;max-height:90vh!important;display:flex;flex-direction:column;overflow:hidden}.modal-content.modal-fullscreen .modal-body{flex:1 1 auto;min-height:0;padding:0;display:flex;flex-direction:column;overflow:hidden}.modal-content.modal-fullscreen .modal-body>div{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.modal-content.modal-fullscreen .modal-body iframe{flex:1 1 auto;min-height:0;width:100%;height:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:24px;border-bottom:1px solid var(--color-border)}.modal-close{background:none;border:none;font-size:24px;color:var(--color-text-secondary);cursor:pointer;line-height:1}.modal-body{padding:24px}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);background:var(--bg-subtle)}.avatar{width:32px;height:32px;border-radius:50%;background-color:var(--color-slate-100);color:var(--color-slate-600);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:12px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.w-full{width:100%}.h-full{height:100%}.border-0{border:none}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-6{gap:24px}.space-y-6>*+*{margin-top:24px}.mb-2{margin-bottom:8px}.mb-4{margin-bottom:16px}.mb-6{margin-bottom:24px}.mb-10{margin-bottom:40px}.mt-4{margin-top:16px}.p-4{padding:16px}.p-6{padding:24px}.text-sm{font-size:var(--font-size-sm)}.text-xs{font-size:var(--font-size-xs)}.text-secondary{color:var(--color-text-secondary)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-mono{font-family:var(--font-family-mono)}.uppercase{text-transform:uppercase}.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:24px}.grid-4{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.dashboard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.stat-value{font-size:36px;font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary);line-height:1.2;margin-bottom:8px;font-variant-numeric:tabular-nums}.stat-label{font-size:13px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px}.icon-box{width:40px;height:40px;border-radius:10px;background:var(--bg-subtle);color:var(--color-text-secondary);display:flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.02)}.trend-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:100px;font-size:12px;font-weight:600;background:var(--bg-subtle);color:var(--color-text-secondary)}.trend-pill.positive{background:var(--color-success-bg);color:var(--color-success)}.trend-pill.negative{background:var(--color-error-bg);color:var(--color-error)}.alert-minimal{background:var(--bg-surface);border:1px solid var(--color-border);border-left:4px solid var(--color-error);border-radius:var(--radius-md);padding:24px;display:flex;justify-content:space-between;align-items:center;box-shadow:var(--shadow-sm)}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px}.page-title{font-size:24px;font-weight:700;margin:0}.back-link{display:inline-flex;align-items:center;gap:8px;color:var(--color-text-secondary);font-size:14px;margin-bottom:16px}.back-link:hover{color:var(--color-primary)}.table-premium{width:100%;border-collapse:collapse}.table-premium thead{background-color:var(--bg-subtle);border-bottom:1px solid var(--color-border)}.table-premium th{text-align:left;padding:12px 24px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.table-premium tbody tr{border-bottom:1px solid var(--color-border);transition:background-color .15s ease}.table-premium tbody tr:last-child{border-bottom:none}.table-premium tbody tr:hover{background-color:var(--bg-surface-hover)}.table-premium td{padding:16px 24px;font-size:14px;color:var(--color-text-primary);vertical-align:middle}.service-health-section{margin-bottom:48px}.service-health-summary{display:flex;align-items:center;gap:12px;padding:20px 24px;background:linear-gradient(135deg,#10b98114,#10b98105);border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-lg);margin-bottom:24px}.service-health-summary-text{font-size:15px;font-weight:600;color:var(--color-success)}.service-health-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.service-health-card{background:var(--bg-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:16px 20px;transition:all .2s ease;position:relative;overflow:hidden}.service-health-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:transparent;transition:background .2s ease}.service-health-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--color-border-hover)}.service-health-header{display:flex;align-items:center;gap:10px;margin-bottom:8px}.service-health-name{font-size:14px;font-weight:600;color:var(--color-primary);text-decoration:none;display:inline-flex;align-items:center;transition:color .15s ease}.service-health-name:hover{color:var(--color-primary-light)}.service-health-name-static{font-size:14px;font-weight:600;color:var(--color-text-primary)}.service-health-status{display:flex;align-items:center;justify-content:space-between}.service-health-badge{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em;padding:3px 8px;border-radius:4px}.service-health-badge.status-ok{background:var(--color-success-bg);color:var(--color-success)}.service-health-badge.status-degraded{background:var(--color-warning-bg);color:var(--color-warning)}.service-health-badge.status-error{background:var(--color-error-bg);color:var(--color-error)}.service-health-port{font-size:12px;font-family:var(--font-family-mono);color:var(--color-text-tertiary)}.semaphore-dot{width:12px;height:12px;border-radius:50%;position:relative}.semaphore-dot-sm{width:8px;height:8px;border-radius:50%;flex-shrink:0}.semaphore-dot.status-ok,.semaphore-dot-sm.status-ok{background:var(--color-success);box-shadow:0 0 #10b98166;animation:pulse-green 2s infinite}.semaphore-dot.status-degraded,.semaphore-dot-sm.status-degraded{background:var(--color-warning);box-shadow:0 0 #f59e0b66;animation:pulse-amber 2s infinite}.semaphore-dot.status-error,.semaphore-dot-sm.status-error{background:var(--color-error);box-shadow:0 0 #ef444466;animation:pulse-red 1.5s infinite}@keyframes pulse-green{0%{box-shadow:0 0 #10b98166}70%{box-shadow:0 0 0 8px #10b98100}to{box-shadow:0 0 #10b98100}}@keyframes pulse-amber{0%{box-shadow:0 0 #f59e0b66}70%{box-shadow:0 0 0 8px #f59e0b00}to{box-shadow:0 0 #f59e0b00}}@keyframes pulse-red{0%{box-shadow:0 0 #ef444480}70%{box-shadow:0 0 0 10px #ef444400}to{box-shadow:0 0 #ef444400}}.service-health-grid-loading{display:flex;align-items:center;gap:12px;padding:24px;color:var(--color-text-secondary);font-size:14px}.loading-pulse{width:12px;height:12px;border-radius:50%;background:var(--color-slate-300);animation:loading-pulse 1.5s ease-in-out infinite}@keyframes loading-pulse{0%,to{opacity:.4}50%{opacity:1}}.tabs-clean{display:flex;gap:32px;border-bottom:1px solid var(--color-border);margin-bottom:40px}.tab-btn{font-size:14px;font-weight:500;color:var(--color-text-secondary);background:none;border:none;padding:0 0 12px;cursor:pointer;transition:color .2s;position:relative}.tab-btn:hover{color:var(--color-text-primary)}.tab-btn.active{color:var(--color-text-primary);font-weight:600}.tab-btn.active:after{content:"";position:absolute;bottom:-1px;left:0;width:100%;height:2px;background-color:var(--color-primary)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.6}}.premium-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #00000029,0 2px 4px #0000001a!important;border-color:#6366f133!important}.profile-page{max-width:960px;animation:fadeIn .4s ease-out}.profile-hero{position:relative;margin-bottom:40px;border-radius:var(--radius-xl);overflow:hidden;background:var(--bg-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}.profile-hero-gradient{height:100px;background:linear-gradient(135deg,#006b63,#0891b2,#6366f1);opacity:.85}[data-theme=dark] .profile-hero-gradient{background:linear-gradient(135deg,#134e4a,#0e7490,#4338ca);opacity:1}.profile-hero-content{display:flex;align-items:flex-end;gap:24px;padding:0 32px 28px;margin-top:-36px;position:relative}.profile-hero-avatar{position:relative;flex-shrink:0}.profile-hero-avatar .avatar-component{width:80px!important;height:80px!important;font-size:28px!important;border:4px solid var(--bg-surface)!important;box-shadow:0 4px 20px #00000026,0 0 0 2px #2dd4bf4d!important;transition:box-shadow .3s ease,transform .3s ease}.profile-hero-avatar:hover .avatar-component{box-shadow:0 4px 24px #0003,0 0 0 4px #2dd4bf80!important;transform:scale(1.05)}.profile-hero-info{flex:1;min-width:0;padding-bottom:4px}.profile-hero-name{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin:0 0 2px;letter-spacing:-.03em;line-height:1.2}.profile-hero-email{font-size:var(--font-size-sm);color:var(--color-text-secondary);margin:0;font-family:var(--font-family-mono);letter-spacing:0}.profile-hero-action{flex-shrink:0;padding-bottom:4px}.profile-edit-bar{background:var(--bg-surface);border:1px solid var(--color-primary);border-radius:var(--radius-lg);padding:20px 28px;margin-bottom:32px;box-shadow:0 0 0 3px #006b6314,var(--shadow-md);animation:slideUp .25s ease-out}[data-theme=dark] .profile-edit-bar{box-shadow:0 0 0 3px #2dd4bf1a,var(--shadow-md)}.profile-edit-bar-inner{display:flex;flex-direction:column;gap:8px}.profile-edit-controls{display:flex;gap:8px;align-items:flex-start}.profile-edit-controls .input-group{flex:1;margin-bottom:0}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}@media (max-width: 768px){.profile-grid{grid-template-columns:1fr}}.profile-card{position:relative;overflow:hidden;padding:0!important}.profile-card-accent{height:4px;background:linear-gradient(90deg,var(--color-primary) 0%,#0891b2 100%);flex-shrink:0}.profile-card-accent-secondary{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.profile-card-body{padding:28px}.profile-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.profile-section-title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);margin:0 0 24px;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.profile-card-header .profile-section-title{margin-bottom:0}.profile-section-icon{font-size:20px;line-height:1}.profile-fields{display:flex;flex-direction:column;gap:20px}.profile-field{display:flex;flex-direction:column;gap:4px}.profile-field-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-tertiary)}.profile-field-value{font-size:var(--font-size-sm);color:var(--color-text-primary);font-weight:500}.profile-field-mono{font-family:var(--font-family-mono);font-weight:400;font-size:13px}.profile-field-value-code{font-family:var(--font-family-mono);font-size:12px;color:var(--color-text-secondary);background:var(--bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;display:inline-block;max-width:fit-content;word-break:break-all;-webkit-user-select:all;user-select:all}.profile-field-hint{font-size:11px;color:var(--color-text-tertiary);font-style:italic}.profile-field-empty{color:var(--color-text-tertiary);font-style:italic;font-weight:400}.profile-roles{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.profile-groups-list{display:flex;flex-direction:column;gap:8px}.profile-group-item{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--bg-surface);transition:all .2s ease;cursor:default}.profile-group-item:hover{border-color:var(--color-border-hover);background:var(--bg-surface-hover);transform:translate(4px);box-shadow:var(--shadow-sm)}.profile-group-info{display:flex;align-items:center;gap:10px;min-width:0}.profile-group-name{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.profile-group-id{font-size:11px;font-family:var(--font-family-mono);color:var(--color-text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.profile-empty-state{text-align:center;padding:40px 24px}.profile-empty-icon{font-size:40px;margin-bottom:12px;opacity:.5;line-height:1}.profile-empty-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-secondary);margin:0 0 4px}.profile-empty-description{font-size:var(--font-size-xs);color:var(--color-text-tertiary);margin:0}.profile-loading{display:flex;align-items:center;justify-content:center;gap:12px;padding:80px 24px;color:var(--color-text-secondary);font-size:var(--font-size-sm)}.profile-loading-spinner{width:20px;height:20px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.profile-error{display:flex;align-items:center;gap:16px;padding:24px;background:var(--color-error-bg);border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-lg);max-width:600px}.profile-error-icon{font-size:24px;color:var(--color-error);flex-shrink:0}.profile-error strong{display:block;font-size:var(--font-size-sm);color:var(--color-error);margin-bottom:2px}.profile-error p{font-size:var(--font-size-xs);color:var(--color-text-secondary);margin:0}.elegant-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:9999;animation:elegantFadeIn .25s ease-out forwards}.elegant-content{background:linear-gradient(145deg,#1e1e24f2,#141418fa);border:1px solid rgba(255,255,255,.08);border-top:1px solid rgba(255,255,255,.12);border-radius:16px;padding:32px;width:90%;max-width:440px;box-shadow:0 4px 6px -1px #0003,0 2px 4px -1px #0000001a,0 20px 40px -5px #0006,0 0 0 1px #0003;transform-origin:center;animation:elegantScaleIn .3s cubic-bezier(.16,1,.3,1) forwards}.elegant-header{display:flex;flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.elegant-icon-wrapper{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff0d;margin-bottom:4px}.elegant-title{margin:0;font-size:18px;font-weight:600;color:#fff;line-height:1.3;letter-spacing:-.01em}.elegant-description{margin:0 0 32px;font-size:15px;color:#9ca3af;line-height:1.6}.elegant-footer{display:flex;justify-content:flex-end;gap:12px}.elegant-btn{padding:10px 20px;border-radius:10px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:none;outline:none;position:relative;overflow:hidden}.elegant-btn:disabled{opacity:.6;cursor:not-allowed;filter:grayscale(.5)}.elegant-btn-secondary{background:#ffffff14;color:#e5e7eb;border:1px solid rgba(255,255,255,.05)}.elegant-btn-secondary:hover:not(:disabled){background:#ffffff1f;color:#fff;transform:translateY(-1px)}.elegant-btn-secondary:active:not(:disabled){transform:translateY(0);background:#ffffff0f}.elegant-btn-primary{background:linear-gradient(135deg,#06b6d4,#3b82f6);color:#fff;box-shadow:0 2px 4px #06b6d433,0 0 0 1px #ffffff1a inset}.elegant-btn-primary:hover:not(:disabled){box-shadow:0 6px 12px #06b6d44d,0 0 0 1px #fff3 inset;transform:translateY(-1px);filter:brightness(1.1)}.elegant-btn-danger{background:linear-gradient(135deg,#ef4444,#b91c1c);color:#fff;box-shadow:0 2px 4px #ef444433,0 0 0 1px #ffffff1a inset}.elegant-btn-danger:hover:not(:disabled){box-shadow:0 6px 12px #ef44444d,0 0 0 1px #fff3 inset;transform:translateY(-1px);filter:brightness(1.1)}.elegant-btn:active:not(:disabled){transform:translateY(0);box-shadow:none}.elegant-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:elegantSpin .8s linear infinite}@keyframes elegantFadeIn{0%{opacity:0;-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px)}to{opacity:1;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}}@keyframes elegantScaleIn{0%{opacity:0;transform:scale(.96) translateY(10px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes elegantSpin{to{transform:rotate(360deg)}}.manage-user-groups-content{display:flex;flex-direction:column;height:65vh;max-height:650px;margin:-24px;background:linear-gradient(to bottom,var(--color-bg-surface),var(--color-bg-subtle))}.add-to-group-section{padding:24px;background:rgba(var(--color-bg-surface-rgb),.5);background:linear-gradient(to bottom,var(--color-bg-surface),rgba(255,255,255,0));border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.add-to-group-form{display:flex;gap:12px;align-items:flex-end}.group-section-label{display:block;margin-bottom:8px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.group-select-container{flex:1}.premium-group-select{width:100%;height:42px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.premium-group-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #006b6326}.add-to-group-btn{height:42px;padding:0 24px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:12px;box-shadow:var(--shadow-md);transition:all .2s ease}.add-to-group-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.user-groups-list-container{flex:1;overflow-y:auto;padding:16px;background:var(--color-bg-subtle)}.user-groups-list-header{padding:0 8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.group-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:8px;background:var(--color-bg-surface);border:1px solid transparent;border-radius:var(--radius-lg);transition:all .2s ease;box-shadow:0 1px 2px #00000005}.group-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translate(4px);background:#fff}.group-info{display:flex;align-items:center;gap:16px;overflow:hidden}.group-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;background:linear-gradient(135deg,var(--color-primary-light),var(--color-primary));color:#fff;flex-shrink:0}.group-icon.domain{background:linear-gradient(135deg,#dcfce7,#15803d)}.group-details{display:flex;flex-direction:column;min-width:0}.group-name{font-weight:600;color:var(--color-text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.group-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary)}.group-type-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.group-type-badge.domain{background-color:#dcfce7;color:#15803d}.group-type-badge.standard{background-color:var(--color-info-light);color:var(--color-info)}.remove-from-group-btn{opacity:0;padding:8px;color:var(--color-text-tertiary);border-radius:8px;transition:all .2s;background:transparent;border:none;cursor:pointer}.group-card:hover .remove-from-group-btn{opacity:1}.remove-from-group-btn:hover{background-color:var(--color-error-light);color:var(--color-error)}.user-groups-modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-bg-surface);display:flex;justify-content:flex-end}.user-groups-list-container::-webkit-scrollbar{width:6px}.user-groups-list-container::-webkit-scrollbar-track{background:transparent}.user-groups-list-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}.manage-members-content{display:flex;flex-direction:column;height:65vh;max-height:650px;margin:-24px;background:linear-gradient(to bottom,var(--color-bg-surface),var(--color-bg-subtle))}.add-member-section{padding:24px;background:rgba(var(--color-bg-surface-rgb),.5);background:linear-gradient(to bottom,var(--color-bg-surface),rgba(255,255,255,0));border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10}.add-member-form{display:flex;gap:12px;align-items:flex-end}.section-label{display:block;margin-bottom:8px;font-size:var(--font-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary)}.member-select-container{flex:1}.premium-select{width:100%;height:42px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-surface);color:var(--color-text-primary);font-size:var(--font-size-sm);box-shadow:var(--shadow-sm);transition:all .2s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.premium-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #006b6326}.add-btn{height:42px;padding:0 24px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:12px;box-shadow:var(--shadow-md);transition:all .2s ease}.add-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.members-list-container{flex:1;overflow-y:auto;padding:16px;background:var(--color-bg-subtle)}.members-list-header{padding:0 8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-tertiary)}.member-card{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;margin-bottom:8px;background:var(--color-bg-surface);border:1px solid transparent;border-radius:var(--radius-lg);transition:all .2s ease;box-shadow:0 1px 2px #00000005}.member-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md);transform:translate(4px);background:#fff}.member-info{display:flex;align-items:center;gap:16px;overflow:hidden}.member-details{display:flex;flex-direction:column;min-width:0}.member-name{font-weight:600;color:var(--color-text-primary);font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--color-text-secondary)}.role-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:12px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.role-badge.user{background-color:var(--color-info-light);color:var(--color-info)}.role-badge.admin{background-color:var(--color-accent-hover);color:#fff;background-color:#f3e8ff;color:#7e22ce}.role-badge.domain{background-color:#dcfce7;color:#15803d}.remove-btn{opacity:0;padding:8px;color:var(--color-text-tertiary);border-radius:8px;transition:all .2s;background:transparent;border:none;cursor:pointer}.member-card:hover .remove-btn{opacity:1}.remove-btn:hover{background-color:var(--color-error-light);color:var(--color-error)}.modal-footer{padding:16px 24px;border-top:1px solid var(--color-border);background:var(--color-bg-surface);display:flex;justify-content:flex-end}.members-list-container::-webkit-scrollbar{width:6px}.members-list-container::-webkit-scrollbar-track{background:transparent}.members-list-container::-webkit-scrollbar-thumb{background-color:#cbd5e1;border-radius:3px}