:root{--bg: #08080A;--sidebar-bg: #111114;--card-bg: #18181B;--card-bg-hover: #1E1E21;--elevated-bg: #202023;--card-border: #27272A;--border-subtle: #1F1F22;--border-strong: #3F3F46;--accent: #2DD4BF;--accent-hover: #5EEAD4;--accent-active: #14B8A6;--accent-muted: #115E59;--accent-ghost: rgba(45, 212, 191, .08);--accent-subtle: rgba(45, 212, 191, .12);--brand-red: #ED1C24;--brand-red-hover: #FF2D35;--brand-red-muted: rgba(237, 28, 36, .12);--healthy: #22C55E;--healthy-muted: rgba(34, 197, 94, .12);--degraded: #F59E0B;--degraded-muted: rgba(245, 158, 11, .12);--outage: #ED1C24;--outage-muted: rgba(237, 28, 36, .12);--pending: #a78bfa;--pending-muted: rgba(167, 139, 250, .1);--inactive: #52525b;--text-primary: #FAFAFA;--text-secondary: #A1A1AA;--text-muted: #71717A;--text-disabled: #52525B;--font-display: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-ui: "Montserrat", "Inter", -apple-system, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--radius: 6px;--radius-lg: 8px;--radius-pill: 100px;--sidebar-width: 256px;--topbar-height: 56px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:14px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-ui);background:var(--bg);color:var(--text-primary);line-height:1.6;min-height:100vh}a{color:var(--accent)}.btn{font-family:var(--font-ui);font-size:13px;font-weight:600;padding:8px 16px;border-radius:var(--radius);border:1px solid transparent;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-flex;align-items:center;gap:6px;letter-spacing:.04em;text-transform:uppercase}.btn-primary{background:var(--accent);color:var(--bg);border-color:var(--accent)}.btn-primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.btn-secondary{background:transparent;color:var(--text-secondary);border-color:var(--card-border)}.btn-secondary:hover{background:var(--card-bg);border-color:var(--border-strong);color:var(--text-primary)}.btn-danger{background:var(--outage);color:#fff;border-color:var(--outage)}.btn-danger:hover{background:var(--brand-red-hover);border-color:var(--brand-red-hover)}.login-layout.svelte-12qhfyh{min-height:100vh}.app-layout.svelte-12qhfyh{display:grid;grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:var(--topbar-height) 1fr;min-height:100vh}.sidebar.svelte-12qhfyh{grid-row:1 / -1;background:var(--sidebar-bg);border-right:1px solid var(--card-border);display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:var(--sidebar-width);z-index:100}.sidebar-header.svelte-12qhfyh{padding:16px 20px;border-bottom:1px solid var(--card-border);height:var(--topbar-height);display:flex;align-items:center}.sidebar-logo.svelte-12qhfyh{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit}.sidebar-brand.svelte-12qhfyh{display:flex;flex-direction:column;line-height:1.1}.brand-name.svelte-12qhfyh{font-family:var(--font-display);font-weight:800;font-size:.875rem;letter-spacing:.12em;color:var(--text-primary)}.brand-product.svelte-12qhfyh{font-size:.625rem;font-weight:600;letter-spacing:.1em;color:var(--accent)}.sidebar-nav.svelte-12qhfyh{flex:1;padding:12px 0;overflow-y:auto}.nav-section-label.svelte-12qhfyh{font-size:.625rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);padding:20px 20px 8px}.nav-link.svelte-12qhfyh{display:flex;align-items:center;gap:12px;padding:10px 20px;font-size:.8125rem;font-weight:500;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);text-decoration:none;transition:all .2s ease;border-left:3px solid transparent;margin:2px 0}.nav-link.svelte-12qhfyh:hover{color:var(--text-primary);background:#ffffff08}.nav-link.active.svelte-12qhfyh{color:var(--accent);border-left-color:var(--accent);background:var(--accent-ghost)}.sidebar-user.svelte-12qhfyh{padding:16px 20px;border-top:1px solid var(--card-border);display:flex;align-items:center;gap:12px}.sidebar-avatar.svelte-12qhfyh{width:36px;height:36px;border-radius:50%;background:var(--card-border);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:var(--accent);flex-shrink:0}.sidebar-user-name.svelte-12qhfyh{font-size:.8125rem;font-weight:600;color:var(--text-primary)}.sidebar-user-role.svelte-12qhfyh{font-size:.6875rem;color:var(--text-muted)}.topbar.svelte-12qhfyh{grid-column:2;grid-row:1;background:var(--card-bg);border-bottom:1px solid var(--card-border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:50}.topbar-search.svelte-12qhfyh{position:relative;width:240px}.search-icon.svelte-12qhfyh{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.search-input.svelte-12qhfyh{width:100%;padding:8px 12px 8px 36px;background:var(--sidebar-bg);border:1px solid var(--card-border);border-radius:var(--radius);color:var(--text-primary);font-family:var(--font-ui);font-size:.8125rem;outline:none;transition:border-color .2s ease}.search-input.svelte-12qhfyh::placeholder{color:var(--text-muted)}.search-input.svelte-12qhfyh:focus{border-color:var(--accent)}.topbar-actions.svelte-12qhfyh{display:flex;align-items:center;gap:12px}.topbar-btn.svelte-12qhfyh{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border:1px solid var(--card-border);border-radius:var(--radius);background:transparent;color:var(--text-muted);cursor:pointer;transition:all .2s ease;position:relative}.topbar-btn.svelte-12qhfyh:hover{border-color:var(--accent);color:var(--accent)}.notif-dot.svelte-12qhfyh{position:absolute;top:6px;right:6px;width:7px;height:7px;background:var(--brand-red);border-radius:50%}.topbar-avatar.svelte-12qhfyh{width:32px;height:32px;border-radius:50%;background:var(--card-border);display:flex;align-items:center;justify-content:center;font-size:.6875rem;font-weight:600;color:var(--accent)}.main-content.svelte-12qhfyh{grid-column:2;grid-row:2;padding:24px 32px;min-height:0}