:root{--color-brand-primary:{{CLIENT_BRAND_PRIMARY|#0F172A}}--color-brand-primary-hover:{{CLIENT_BRAND_PRIMARY_HOVER|#1E293B}}--color-brand-primary-active:{{CLIENT_BRAND_PRIMARY_ACTIVE|#334155}}--color-brand-on-primary:{{CLIENT_BRAND_ON_PRIMARY|#FFFFFF}}--color-brand-accent:{{CLIENT_BRAND_ACCENT|#F59E0B}}--color-brand-accent-hover:{{CLIENT_BRAND_ACCENT_HOVER|#D97706}}--color-brand-on-accent:{{CLIENT_BRAND_ON_ACCENT|#0F172A}}--color-surface: #FFFFFF;--color-surface-raised: #FFFFFF;--color-surface-muted: #F8FAFC;--color-surface-inset: #F1F5F9;--color-border-subtle: #E2E8F0;--color-border-strong: #CBD5E1;--color-border-focus: var(--color-brand-primary);--color-text-primary: #0F172A;--color-text-secondary: #475569;--color-text-muted: #64748B;--color-text-inverse: #FFFFFF;--color-success: #10B981;--color-success-surface: #ECFDF5;--color-warning: #F59E0B;--color-warning-surface: #FFFBEB;--color-danger: #EF4444;--color-danger-surface: #FEF2F2;--color-info: #3B82F6;--color-info-surface: #EFF6FF;--color-status-ok: var(--color-success);--color-status-degraded: var(--color-warning);--color-status-down: var(--color-danger);--color-status-unknown: #94A3B8;--font-family-sans:{{CLIENT_FONT_SANS|"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}}--font-family-serif:{{CLIENT_FONT_SERIF|ui-serif,Georgia,Cambria,"Times New Roman",serif}}--font-family-mono:{{CLIENT_FONT_MONO|ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}}--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-md: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-weight-regular: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.2;--line-height-normal: 1.5;--line-height-relaxed: 1.7;--space-0: 0;--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;--space-16: 4rem;--radius-sm: 4px;--radius-md: 6px;--radius-lg: 10px;--radius-xl: 14px;--radius-pill: 9999px;--border-width-1: 1px;--border-width-2: 2px;--shadow-sm: 0 1px 2px 0 rgba(15, 23, 42, .05);--shadow-md: 0 2px 4px 0 rgba(15, 23, 42, .06), 0 1px 2px 0 rgba(15, 23, 42, .04);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .06);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-brand-primary) 25%, transparent);--sidebar-width: 240px;--sidebar-width-narrow: 72px;--status-bar-height: 28px;--layout-breakpoint-narrow: 720px;--transition-fast: .12s ease-out;--transition-base: .2s ease-out;--transition-slow: .32s ease-out;--z-base: 1;--z-sidebar: 10;--z-status: 15;--z-dropdown: 50;--z-modal: 100;--z-toast: 200}@media(prefers-reduced-motion:reduce){:root{--transition-fast: 0ms;--transition-base: 0ms;--transition-slow: 0ms}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--color-surface-muted);color:var(--color-text-primary);font-family:var(--font-family-sans);font-size:var(--font-size-md);line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}button,input,select,textarea{font:inherit;color:inherit}a{color:var(--color-brand-primary);text-decoration:none}a:hover,a:focus-visible{text-decoration:underline}:focus-visible{outline:none;box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}.bky-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root{--deep-reef-forest: #0F1F1C;--deep-reef-forest-deep: #0A1815;--deep-reef-moss: #183530;--deep-reef-moss-raised: #1F3F38;--deep-reef-moss-edge: #264842;--deep-reef-sea-teal: #4A7A6E;--deep-reef-sea-teal-hi: #5F9082;--deep-reef-chartreuse: #B8C96B;--deep-reef-chartreuse-hi: #C8D97D;--deep-reef-chartreuse-lo: #A3B456;--deep-reef-mustard: #D4B94E;--deep-reef-linen: #F2EFE0;--deep-reef-reef: #D5D2C4;--deep-reef-reef-muted: #8A9089;--deep-reef-ember: #D86C60;--deep-reef-ember-dim: #2A1816;--color-brand-primary: var(--deep-reef-chartreuse);--color-brand-primary-hover: var(--deep-reef-chartreuse-hi);--color-brand-primary-active: var(--deep-reef-chartreuse-lo);--color-brand-on-primary: var(--deep-reef-forest);--color-brand-accent: var(--deep-reef-sea-teal);--color-brand-accent-hover: var(--deep-reef-sea-teal-hi);--color-brand-on-accent: var(--deep-reef-linen);--color-surface: var(--deep-reef-moss);--color-surface-raised: var(--deep-reef-moss-raised);--color-surface-muted: var(--deep-reef-forest);--color-surface-inset: var(--deep-reef-forest-deep);--color-border-subtle: var(--deep-reef-moss-edge);--color-border-strong: var(--deep-reef-sea-teal);--color-border-focus: var(--deep-reef-chartreuse);--color-text-primary: var(--deep-reef-linen);--color-text-secondary: var(--deep-reef-reef);--color-text-muted: var(--deep-reef-reef-muted);--color-text-inverse: var(--deep-reef-forest);--color-success: var(--deep-reef-sea-teal);--color-success-surface: #1A3530;--color-warning: var(--deep-reef-mustard);--color-warning-surface: #2E2818;--color-danger: var(--deep-reef-ember);--color-danger-surface: var(--deep-reef-ember-dim);--color-info: var(--deep-reef-sea-teal);--color-info-surface: #1A3530;--color-status-ok: var(--color-success);--color-status-degraded: var(--color-warning);--color-status-down: var(--color-danger);--color-status-unknown: var(--deep-reef-reef-muted);--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .45), 0 1px 2px 0 rgba(0, 0, 0, .35);--shadow-lg: 0 10px 20px -6px rgba(0, 0, 0, .55), 0 4px 8px -4px rgba(0, 0, 0, .4);--shadow-focus: 0 0 0 3px color-mix(in srgb, var(--color-brand-primary) 35%, transparent);--font-family-sans: system-ui, -apple-system, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--color-primary: var(--color-brand-primary);--color-primary-accent: var(--color-brand-accent);--color-primary-dark: var(--deep-reef-moss);--color-background: var(--color-surface-muted);--color-surface-alt: var(--color-surface-raised);--color-text: var(--color-text-primary);--color-text-on-primary: var(--color-brand-on-primary);--color-border: var(--color-border-subtle)}.bky-sidebar{grid-area:sidebar;display:flex;flex-direction:column;width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--color-surface);border-right:var(--border-width-1) solid var(--color-border-subtle);z-index:var(--z-sidebar);overflow:hidden}.bky-sidebar__header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4);border-bottom:var(--border-width-1) solid var(--color-border-subtle);min-height:56px}.bky-sidebar__logo{width:32px;height:32px;border-radius:var(--radius-sm);object-fit:contain;flex:0 0 auto}.bky-sidebar__titles{display:flex;flex-direction:column;min-width:0;gap:2px}.bky-sidebar__product{font-weight:var(--font-weight-semibold);font-size:var(--font-size-sm);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bky-sidebar__tagline{font-size:var(--font-size-xs);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bky-sidebar__nav{flex:1 1 auto;overflow-y:auto;padding:var(--space-3) var(--space-2);display:flex;flex-direction:column;gap:var(--space-4)}.bky-sidebar__section{display:flex;flex-direction:column;gap:var(--space-1)}.bky-sidebar__section-label{margin:0;padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted)}.bky-sidebar__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.bky-sidebar__item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;transition:background-color var(--transition-fast),color var(--transition-fast)}.bky-sidebar__item:hover{background-color:var(--color-surface-muted);color:var(--color-text-primary);text-decoration:none}.bky-sidebar__item--active{background-color:color-mix(in srgb,var(--color-brand-primary) 10%,transparent);color:var(--color-brand-primary)}.bky-sidebar__item--active:hover{background-color:color-mix(in srgb,var(--color-brand-primary) 14%,transparent);color:var(--color-brand-primary)}.bky-sidebar__item-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto}.bky-sidebar__item-label{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(max-width:720px){.bky-sidebar{width:var(--sidebar-width-narrow);min-width:var(--sidebar-width-narrow)}.bky-sidebar__titles,.bky-sidebar__section-label,.bky-sidebar__item-label{display:none}.bky-sidebar__item{justify-content:center;padding:var(--space-2)}}.bky-status-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--status-bar-height);padding:0 var(--space-4);background-color:var(--color-surface);border-top:var(--border-width-1) solid var(--color-border-subtle);font-size:var(--font-size-xs);color:var(--color-text-secondary);z-index:var(--z-status)}.bky-status-bar__group{display:inline-flex;align-items:center;gap:var(--space-2);min-width:0}.bky-status-bar__label{font-weight:var(--font-weight-medium);white-space:nowrap}.bky-status-bar__detail{color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bky-status-dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto;box-shadow:0 0 0 2px color-mix(in srgb,currentColor 20%,transparent)}.bky-status-dot--ok{background-color:var(--color-status-ok)}.bky-status-dot--degraded{background-color:var(--color-status-degraded)}.bky-status-dot--down{background-color:var(--color-status-down)}.bky-status-dot--unknown{background-color:var(--color-status-unknown)}@media(max-width:720px){.bky-status-bar__detail{display:none}}.bky-app-shell{display:grid;grid-template-columns:auto 1fr;grid-template-rows:1fr auto;grid-template-areas:"sidebar main" "status  status";min-height:100vh;background-color:var(--color-surface-muted)}.bky-app-shell__main{grid-area:main;display:flex;flex-direction:column;min-width:0;padding:var(--space-6);overflow-y:auto}.bky-app-shell__loading,.bky-app-shell__empty{padding:var(--space-6);color:var(--color-text-muted)}.bky-app-shell__empty h2{margin:0 0 var(--space-2);color:var(--color-text-primary)}.bky-app-shell>.bky-status-bar{grid-area:status}@media(max-width:720px){.bky-app-shell__main{padding:var(--space-4)}}