@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg-base:#0d0f14;--bg-surface:#13161e;--bg-elevated:#1a1e28;--bg-overlay:#222736;--border:#2a2f3d;--border-focus:#4a6fa5;--text-primary:#e8eaf0;--text-secondary:#8b91a8;--text-muted:#555c72;--text-inverse:#0d0f14;--accent:#4a90d9;--accent-hover:#5aa0e9;--accent-dim:rgba(74,144,217,.15);--success:#3ecf8e;--success-dim:rgba(62,207,142,.12);--warning:#f5a623;--warning-dim:rgba(245,166,35,.12);--danger:#e05c5c;--danger-dim:rgba(224,92,92,.12);--info:#7b9cce;--info-dim:rgba(123,156,206,.12);--acting-as-bg:#7c1a1a;--acting-as-text:#fcc;--font-sans:"Inter",-apple-system,sans-serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--sidebar-width:240px;--topbar-height:56px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--shadow-sm:0 1px 3px rgba(0,0,0,.4);--shadow-md:0 4px 12px rgba(0,0,0,.5);--shadow-lg:0 8px 32px rgba(0,0,0,.6);--transition:.15s ease}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-sans);line-height:1.5;min-height:100vh}a{color:var(--accent);text-decoration:none}a:hover{color:var(--accent-hover)}.layout-wrapper{display:flex;min-height:100vh}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border);bottom:0;display:flex;flex-direction:column;left:0;overflow-y:auto;position:fixed;top:0;width:var(--sidebar-width);z-index:100}.main-content{display:flex;flex:1;flex-direction:column;margin-left:var(--sidebar-width);min-height:100vh}.topbar{align-items:center;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;gap:16px;height:var(--topbar-height);padding:0 24px;position:sticky;top:0;z-index:50}.page-content{flex:1;padding:24px}.sidebar-logo{border-bottom:1px solid var(--border);padding:20px 20px 16px}.sidebar-logo .logo-mark{align-items:center;display:flex;gap:10px}.sidebar-logo .logo-icon{align-items:center;background:var(--accent);border-radius:var(--radius-md);color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.sidebar-logo .logo-text{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.2}.sidebar-logo .logo-sub{color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.05em;margin-top:2px;text-transform:uppercase}.sidebar-nav{flex:1;padding:12px 0}.nav-section-label{color:var(--text-muted);font-size:10px;font-weight:600;letter-spacing:.08em;margin-top:8px;padding:8px 20px 4px;text-transform:uppercase}.nav-item{align-items:center;border-left:2px solid transparent;color:var(--text-secondary);cursor:pointer;display:flex;font-size:13px;font-weight:500;gap:10px;padding:8px 20px;text-decoration:none;transition:all var(--transition)}.nav-item:hover{background:var(--bg-elevated);color:var(--text-primary)}.nav-item.active{background:var(--accent-dim);border-left-color:var(--accent);color:var(--accent)}.nav-item .nav-icon{flex-shrink:0;font-size:14px;text-align:center;width:16px}.nav-badge{background:var(--danger);border-radius:10px;color:#fff;font-size:10px;font-weight:700;margin-left:auto;min-width:18px;padding:1px 6px;text-align:center}.sidebar-footer{border-top:1px solid var(--border);padding:12px 16px}.user-card{align-items:center;border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;padding:8px;transition:background var(--transition)}.user-card:hover{background:var(--bg-elevated)}.user-avatar{align-items:center;background:var(--accent);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:12px;font-weight:700;height:30px;justify-content:center;width:30px}.user-info{flex:1;min-width:0}.user-name{color:var(--text-primary);font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-role{color:var(--accent);font-family:var(--font-mono);font-size:10px}.acting-as-banner{align-items:center;background:var(--acting-as-bg);border-bottom:1px solid rgba(255,100,100,.3);color:var(--acting-as-text);display:flex;font-size:12px;font-weight:500;gap:12px;padding:8px 24px}.acting-as-banner .acting-icon{font-size:14px}.acting-as-banner .acting-text{flex:1}.acting-as-banner .exit-btn{background:#ffffff26;border:1px solid hsla(0,0%,100%,.2);border-radius:var(--radius-sm);color:var(--acting-as-text);cursor:pointer;font-size:11px;font-weight:600;padding:4px 12px;transition:background var(--transition)}.acting-as-banner .exit-btn:hover{background:#ffffff40}.card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.card-title{color:var(--text-primary);font-size:13px;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.stats-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:24px}.stat-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;padding:20px;position:relative}.stat-card:before{content:"";height:2px;left:0;position:absolute;right:0;top:0}.stat-card.accent:before{background:var(--accent)}.stat-card.success:before{background:var(--success)}.stat-card.warning:before{background:var(--warning)}.stat-card.danger:before{background:var(--danger)}.stat-label{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;margin-bottom:8px;text-transform:uppercase}.stat-value{color:var(--text-primary);font-family:var(--font-mono);font-size:28px;font-weight:700;line-height:1;margin-bottom:6px}.stat-sub{color:var(--text-secondary);font-size:11px}.table-wrapper{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}table{border-collapse:collapse;font-size:13px;width:100%}thead{background:var(--bg-elevated)}th{color:var(--text-muted);font-size:11px;font-weight:600;letter-spacing:.06em;padding:10px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}td,th{border-bottom:1px solid var(--border)}td{color:var(--text-primary);padding:12px 16px;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background var(--transition)}tbody tr:hover{background:var(--bg-elevated)}.badge{align-items:center;border-radius:100px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:2px 8px;white-space:nowrap}.badge-success{background:var(--success-dim);color:var(--success)}.badge-warning{background:var(--warning-dim);color:var(--warning)}.badge-danger{background:var(--danger-dim);color:var(--danger)}.badge-info{background:var(--info-dim);color:var(--info)}.badge-accent{background:var(--accent-dim);color:var(--accent)}.badge-muted{background:var(--bg-overlay);color:var(--text-muted)}.btn{align-items:center;border:1px solid transparent;border-radius:var(--radius-md);cursor:pointer;display:inline-flex;font-family:var(--font-sans);font-size:13px;font-weight:500;gap:6px;padding:7px 14px;text-decoration:none;transition:all var(--transition);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:var(--accent);border-color:var(--accent);color:#fff}.btn-primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover);color:#fff}.btn-secondary{background:transparent;border-color:var(--border);color:var(--text-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-elevated);border-color:var(--border-focus);color:var(--text-primary)}.btn-danger{background:var(--danger-dim);border-color:var(--danger);color:var(--danger)}.btn-danger:hover:not(:disabled){background:var(--danger);color:#fff}.btn-sm{font-size:12px;padding:4px 10px}.btn-lg{font-size:14px;padding:10px 20px}.form-group{margin-bottom:16px}.form-label{color:var(--text-secondary);display:block;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:6px;text-transform:uppercase}.form-input,.form-select,.form-textarea{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-md);color:var(--text-primary);font-family:var(--font-sans);font-size:13px;outline:none;padding:8px 12px;transition:border-color var(--transition);width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-dim)}.form-input::-moz-placeholder{color:var(--text-muted)}.form-input::placeholder{color:var(--text-muted)}.toggle{display:inline-block;flex-shrink:0;height:20px;position:relative;width:36px}.toggle input{height:0;opacity:0;width:0}.toggle-slider{background:var(--bg-overlay);border:1px solid var(--border);border-radius:100px;cursor:pointer;inset:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:var(--transition)}.toggle-slider:before{background:var(--text-muted);border-radius:50%;content:"";height:14px;left:2px;top:2px;width:14px}.toggle input:checked+.toggle-slider{background:var(--accent);border-color:var(--accent)}.toggle input:checked+.toggle-slider:before{background:#fff;transform:translate(16px)}.page-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.page-title{color:var(--text-primary);font-size:20px;font-weight:700;line-height:1.2}.page-subtitle{color:var(--text-secondary);font-size:13px;margin-top:4px}.health-dot{border-radius:50%;display:inline-block;flex-shrink:0;height:8px;width:8px}.health-dot.ok{background:var(--success);box-shadow:0 0 6px var(--success)}.health-dot.warning{background:var(--warning);box-shadow:0 0 6px var(--warning)}.health-dot.error{background:var(--danger);box-shadow:0 0 6px var(--danger)}.empty-state{color:var(--text-muted);padding:48px 24px;text-align:center}.empty-state .empty-icon{font-size:40px;margin-bottom:12px;opacity:.4}.empty-state .empty-title{color:var(--text-secondary);font-size:14px;font-weight:600}.empty-state .empty-desc{font-size:12px;margin-top:4px}.mono{font-family:var(--font-mono)}::-webkit-scrollbar{height:6px;width:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.flex{display:flex}.flex-1{flex:1}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.mt-2{margin-top:8px}.mt-4{margin-top:16px}.mt-6{margin-top:24px}.mb-4{margin-bottom:16px}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-accent{color:var(--accent)}.text-sm{font-size:12px}.text-xs{font-size:11px}.font-mono{font-family:var(--font-mono)}.font-semibold{font-weight:600}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.grid-2{grid-template-columns:1fr 1fr}.grid-2,.grid-3{display:grid;gap:16px}.grid-3{grid-template-columns:1fr 1fr 1fr}