@import "https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&family=Outfit:wght@400;500;600&display=swap";@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;-webkit-tap-highlight-color:transparent;touch-action:manipulation}body{min-height:100dvh}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:inherit;text-decoration:none}ul,ol{list-style:none}table{border-collapse:collapse;border-spacing:0}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}fieldset{border:none}input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input[type=search]::-webkit-search-decoration{-webkit-appearance:none}input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none}dialog{background:0 0;border:none;padding:0}}@layer base{html{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);min-width:320px}:is(h1,h2,h3,h4,h5,h6){font-weight:var(--weight-semibold);line-height:var(--leading-tight);color:var(--text-primary)}h1{font-size:var(--text-2xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}h4{font-size:var(--text-base)}a{color:var(--accent-primary);transition:color var(--duration-fast) var(--easing-default)}a:hover{color:var(--accent-secondary)}p{color:var(--text-secondary)}code,kbd,samp,pre{font-family:var(--font-mono);font-size:var(--text-base)}code{background-color:var(--bg-secondary);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm)}pre{background-color:var(--bg-secondary);padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto}pre code{background:0 0;border-radius:0;padding:0}label{font-size:var(--text-sm);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted)}small{font-size:var(--text-sm);color:var(--text-muted)}strong,b{font-weight:var(--weight-semibold)}hr{border:none;border-top:1px solid var(--border-default);margin:var(--space-lg) 0}:focus{outline:none}:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}::selection{background-color:var(--accent-primary);color:var(--bg-primary)}::placeholder{color:var(--text-muted);opacity:1}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--bg-tertiary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}*{scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) var(--bg-primary)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes pulse-opacity{0%,to{opacity:1}50%{opacity:.6}}.animate-spin{animation:spin var(--duration-spinner) linear infinite}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}}@layer components{.app-shell,.admin-shell{background-color:var(--bg-primary);flex-direction:column;height:100dvh;display:flex}@media (display-mode:standalone){.app-shell,.admin-shell{height:100vh}}.app-shell__header,.admin-shell__header{z-index:var(--z-sticky);flex-shrink:0;position:sticky;top:0}@media (width<=767px){.app-shell__header,.admin-shell__header{z-index:calc(var(--z-overlay) + 3)}}.app-shell__body,.admin-shell__body{flex:1;min-height:0;display:flex}.app-shell__sidebar,.admin-shell__sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-default);transition:width var(--duration-normal) var(--easing-default), min-width var(--duration-normal) var(--easing-default), transform var(--duration-normal) var(--easing-default);flex-direction:column;display:flex;overflow:hidden}:is(.app-shell__sidebar,.admin-shell__sidebar)[data-collapsed=true]{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}.app-shell__sidebar-backdrop,.admin-shell__sidebar-backdrop{display:none}@media (width<=767px){.app-shell__sidebar-backdrop,.admin-shell__sidebar-backdrop{inset:calc(var(--header-height,56px) + env(safe-area-inset-top,0px)) 0 0;z-index:calc(var(--z-overlay) + 1);pointer-events:none;transition:background-color var(--duration-normal) var(--easing-default);background-color:#0000;display:block;position:fixed}:is(.app-shell__sidebar-backdrop,.admin-shell__sidebar-backdrop)[data-visible=true]{background-color:var(--overlay-backdrop);pointer-events:auto}}@media (width<=767px){.app-shell__sidebar,.admin-shell__sidebar{top:calc(var(--header-height,56px) + env(safe-area-inset-top,0px));z-index:calc(var(--z-overlay) + 2);height:calc(100dvh - var(--header-height,56px) - env(safe-area-inset-top,0px));width:var(--sidebar-width);min-width:var(--sidebar-width);position:fixed;left:0;transform:translate(-100%)}:is(.app-shell__sidebar,.admin-shell__sidebar)[data-open=true]{transform:translate(0)}:is(.app-shell__sidebar,.admin-shell__sidebar)[data-collapsed=true]{width:var(--sidebar-width);min-width:var(--sidebar-width)}}@media (width<=767px) and (display-mode:standalone){.app-shell__sidebar,.admin-shell__sidebar{height:calc(100vh - var(--header-height,56px) - env(safe-area-inset-top,0px))}}.app-shell__main,.admin-shell__main{flex-direction:column;flex:1;min-width:0;min-height:0;display:flex}:is(.app-shell__main,.admin-shell__main):focus{outline:none}@media (width<=767px){.app-shell__main,.admin-shell__main{overscroll-behavior-y:contain;overflow-y:auto}}.app-shell__main-wrapper,.admin-shell__main-wrapper{flex-direction:column;flex:1;min-height:0;display:flex;overflow-y:auto}@media (width<=767px){.app-shell__main-wrapper,.admin-shell__main-wrapper{flex:none;min-height:100%;overflow:visible}}.app-shell__bottom-nav,.admin-shell__bottom-nav{display:none}@media (width<=767px){.app-shell__bottom-nav,.admin-shell__bottom-nav{z-index:var(--z-sticky);display:block;position:sticky;bottom:0}}.sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background-color:var(--bg-secondary);border-right:1px solid var(--border-default);transition:width var(--duration-normal) var(--easing-default), min-width var(--duration-normal) var(--easing-default);flex-direction:column;flex:1;display:flex;overflow:hidden}@media (width>=768px){.sidebar.sidebar--collapsed{width:var(--sidebar-collapsed-width);min-width:var(--sidebar-collapsed-width)}}.sidebar-content{padding:var(--space-sm);scrollbar-width:thin;scrollbar-color:var(--bg-tertiary) transparent;flex:1;overflow:hidden auto}.sidebar-content::-webkit-scrollbar{width:6px}.sidebar-content::-webkit-scrollbar-track{background:0 0}.sidebar-content::-webkit-scrollbar-thumb{background-color:var(--bg-tertiary);border-radius:var(--radius-full)}.sidebar-footer{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);border-top:1px solid var(--border-default);font-size:var(--text-xs);color:var(--text-muted);margin-top:auto;display:flex}.sidebar-footer a{color:var(--text-muted);text-decoration:none}.sidebar-footer a:hover{color:var(--text-secondary)}@media (width>=768px){.sidebar--collapsed .sidebar-footer{display:none}}.sidebar-group{margin-bottom:var(--space-sm)}.sidebar-group-trigger{width:100%;padding:var(--space-xs) var(--space-sm);min-height:var(--touch-target-min);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--easing-default);background:0 0;border:none;justify-content:space-between;align-items:center;display:flex}.sidebar-group-trigger:hover{color:var(--text-secondary)}.sidebar-group-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}@media (width>=768px){.sidebar--collapsed .sidebar-group-trigger{padding:var(--space-xs);justify-content:center}}.sidebar-group-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}@media (width>=768px){.sidebar--collapsed .sidebar-group-label{display:none}}.sidebar-group-icon{width:12px;height:12px;transition:transform var(--duration-fast) var(--easing-default);flex-shrink:0}[data-state=closed] .sidebar-group-icon{transform:rotate(-90deg)}.sidebar-group-content{overflow:hidden}.sidebar-group-content[data-state=open]{animation:sidebar-expand var(--duration-normal) var(--easing-default)}.sidebar-group-content[data-state=closed]{animation:sidebar-collapse var(--duration-normal) var(--easing-default)}.sidebar-item,.sidebar-submenu-trigger{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);min-height:var(--touch-target-min);font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-medium);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default);text-decoration:none;display:flex}:is(.sidebar-item,.sidebar-submenu-trigger):hover{background-color:var(--bg-tertiary);color:var(--text-primary)}:is(.sidebar-item,.sidebar-submenu-trigger)[data-active=true]{background-color:var(--bg-primary);color:var(--accent-primary);font-weight:var(--weight-semibold);box-shadow:inset 3px 0 0 var(--accent-primary)}:is(.sidebar-item,.sidebar-submenu-trigger):focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.sidebar-item.sidebar-item--active{background-color:var(--bg-primary);color:var(--accent-primary);font-weight:var(--weight-semibold);box-shadow:inset 3px 0 0 var(--accent-primary)}@media (width>=768px){.sidebar--collapsed .sidebar-item{padding:var(--space-sm);justify-content:center}}.sidebar-item-icon{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.sidebar-item-icon>svg{width:100%;height:100%}.sidebar-item-label{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.sidebar-submenu{margin-bottom:var(--space-xs)}.sidebar-submenu-trigger{text-align:left;background:0 0;border:none}.sidebar-submenu-trigger.sidebar-submenu-trigger--collapsed{padding:var(--space-sm);justify-content:center}.sidebar-submenu-caret{width:12px;height:12px;transition:transform var(--duration-fast) var(--easing-default);flex-shrink:0;margin-left:auto}[data-state=open]>.sidebar-submenu-caret{transform:rotate(90deg)}.sidebar-submenu-content{padding-left:var(--space-lg);overflow:hidden}.sidebar-submenu-content[data-state=open]{animation:sidebar-expand var(--duration-normal) var(--easing-default)}.sidebar-submenu-content[data-state=closed]{animation:sidebar-collapse var(--duration-normal) var(--easing-default)}.sidebar-submenu-content .sidebar-item{padding:var(--space-xs) var(--space-md);font-size:var(--text-sm)}.sidebar-separator{height:1px;margin:var(--space-sm) 0;background-color:var(--border-default);border:none}@keyframes sidebar-expand{0%{opacity:0;height:0}to{height:var(--radix-collapsible-content-height);opacity:1}}@keyframes sidebar-collapse{0%{height:var(--radix-collapsible-content-height);opacity:1}to{opacity:0;height:0}}.header{z-index:var(--z-sticky);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-default);padding-top:env(safe-area-inset-top,0);position:sticky;top:0}.header__container{justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);min-height:56px;display:flex}.header__start{align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.header__sidebar-toggle{display:flex}.header__brand{align-items:center;gap:var(--space-sm);font-family:var(--font-sans);font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);white-space:nowrap;display:flex}.header__brand a{align-items:center;gap:var(--space-sm);color:inherit;text-decoration:none;display:flex}.header__status{display:none}@media (width>=768px){.header__status{align-items:center;display:flex}}.header__slot{flex:1;align-items:center;min-width:0;display:flex}.header__left-slot,.header__right-slot{align-items:center;gap:var(--space-sm);display:flex}.header__end{align-items:center;gap:var(--space-sm);flex-shrink:0;display:flex}.admin-link__label{display:none}@media (width>=768px){.admin-link__label{display:inline}}.avatar{vertical-align:middle;-webkit-user-select:none;user-select:none;border-radius:var(--radius-full);background-color:var(--bg-tertiary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.avatar--sm{width:24px;height:24px;font-size:var(--text-2xs)}.avatar--md{width:32px;height:32px;font-size:var(--text-xs)}.avatar--lg{width:40px;height:40px;font-size:var(--text-sm)}.avatar--xl{width:56px;height:56px;font-size:var(--text-base)}.avatar__image{object-fit:cover;object-position:center top;border-radius:inherit;width:100%;height:100%}.avatar__fallback{background-color:var(--bg-tertiary);width:100%;height:100%;color:var(--text-primary);font-family:var(--font-sans);font-weight:var(--weight-medium);text-transform:uppercase;justify-content:center;align-items:center;line-height:1;display:flex}.dropdown-menu-content,.dropdown-menu-sub-content{z-index:var(--z-popover);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-md);min-width:160px;box-shadow:var(--shadow-lg);padding:var(--space-xs);animation-duration:var(--duration-fast);animation-timing-function:var(--easing-default);overflow:hidden}:is(.dropdown-menu-content,.dropdown-menu-sub-content)[data-state=open]{animation-name:dropdown-menu-content-show}:is(.dropdown-menu-content,.dropdown-menu-sub-content)[data-state=closed]{animation-name:dropdown-menu-content-hide}.dropdown-menu-sub-content[data-side=top]{animation-name:dropdown-menu-slide-down-fade}.dropdown-menu-sub-content[data-side=bottom]{animation-name:dropdown-menu-slide-up-fade}.dropdown-menu-sub-content[data-side=left]{animation-name:dropdown-menu-slide-right-fade}.dropdown-menu-sub-content[data-side=right]{animation-name:dropdown-menu-slide-left-fade}@keyframes dropdown-menu-content-show{0%{opacity:0;transform:translateY(calc(-1 * var(--space-xs)))}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-menu-content-hide{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(-1 * var(--space-xs)))}}@keyframes dropdown-menu-slide-up-fade{0%{opacity:0;transform:translateY(var(--space-xs))}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-menu-slide-down-fade{0%{opacity:0;transform:translateY(calc(-1 * var(--space-xs)))}to{opacity:1;transform:translateY(0)}}@keyframes dropdown-menu-slide-left-fade{0%{opacity:0;transform:translateX(var(--space-xs))}to{opacity:1;transform:translate(0)}}@keyframes dropdown-menu-slide-right-fade{0%{opacity:0;transform:translateX(calc(-1 * var(--space-xs)))}to{opacity:1;transform:translate(0)}}.dropdown-menu-item,.dropdown-menu-checkbox-item,.dropdown-menu-radio-item,.dropdown-menu-sub-trigger{align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--duration-fast) var(--easing-default);outline:none;display:flex;position:relative}:is(.dropdown-menu-item,.dropdown-menu-checkbox-item,.dropdown-menu-radio-item,.dropdown-menu-sub-trigger)[data-highlighted]{background-color:var(--bg-tertiary)}:is(.dropdown-menu-item,.dropdown-menu-checkbox-item,.dropdown-menu-radio-item,.dropdown-menu-sub-trigger)[data-disabled]{color:var(--text-muted);cursor:not-allowed;pointer-events:none}.dropdown-menu-item--inset{padding-left:calc(var(--space-md) + var(--icon-inline-sm))}.dropdown-menu-checkbox-item,.dropdown-menu-radio-item{padding-left:calc(var(--space-sm) + 16px + var(--space-sm))}.dropdown-menu-item__indicator{left:var(--space-sm);width:16px;height:16px;color:var(--accent-primary);justify-content:center;align-items:center;display:flex;position:absolute}.dropdown-menu-sub-trigger__icon{color:var(--text-muted);transition:transform var(--duration-fast) var(--easing-default);margin-left:auto}.dropdown-menu-sub-trigger[data-state=open]>.dropdown-menu-sub-trigger__icon{transform:rotate(90deg)}.dropdown-menu-sub-trigger--inset{padding-left:calc(var(--space-md) + var(--icon-inline-sm))}.dropdown-menu-label{padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide)}.dropdown-menu-label--inset{padding-left:calc(var(--space-md) + var(--icon-inline-sm))}.dropdown-menu-separator{height:1px;margin:var(--space-xs) calc(var(--space-xs) * -1);background-color:var(--border-default)}.dropdown-menu-shortcut{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--text-muted);letter-spacing:var(--tracking-wide);margin-left:auto}@media (pointer:coarse){.dropdown-menu-item,.dropdown-menu-checkbox-item,.dropdown-menu-radio-item,.dropdown-menu-sub-trigger{min-height:var(--touch-target-min)}}.user-menu{align-items:center;display:flex}.user-menu__trigger{align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);min-height:var(--touch-target-min);border-radius:var(--radius-full);display:flex}.user-menu__trigger:hover{background-color:var(--bg-tertiary)}.user-menu__username{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--text-primary);white-space:nowrap;display:none}@media (width>=768px){.user-menu__username{display:inline}}.user-menu__caret{color:var(--text-muted);transition:transform var(--duration-fast) var(--easing-default)}.user-menu__trigger[data-state=open] .user-menu__caret{transform:rotate(180deg)}.error-boundary{justify-content:center;align-items:center;gap:var(--space-md);padding:var(--space-xl);text-align:center;min-height:200px;font-family:var(--font-sans);flex-direction:column;display:flex}.error-boundary__icon{color:var(--status-unhealthy)}.error-boundary__content{gap:var(--space-xs);flex-direction:column;display:flex}.error-boundary__title{font-size:var(--text-lg);font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-tight);margin:0}.error-boundary__message{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);font-family:var(--font-mono);overflow-wrap:break-word;max-width:400px;margin:0}.slot{display:contents}.tabs{flex-direction:column;width:100%;display:flex}.tabs-list{align-items:center;gap:var(--space-xs);padding:var(--space-xs);background-color:var(--bg-secondary);border-radius:var(--radius-md);flex-wrap:wrap;display:flex}.tabs-trigger{justify-content:center;align-items:center;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);line-height:var(--leading-tight);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;transition:background-color var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default);background-color:#0000;border:none;flex-shrink:0;display:inline-flex}.tabs-trigger:hover:not([data-state=active],[data-disabled]){color:var(--text-primary);background-color:var(--bg-tertiary)}.tabs-trigger[data-state=active]{color:var(--text-primary);background-color:var(--bg-primary);box-shadow:var(--shadow-sm)}.tabs-trigger[data-disabled]{color:var(--text-muted);cursor:not-allowed;opacity:var(--opacity-disabled)}.tabs-trigger:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.detail-tab-trigger__anchor{align-items:center;gap:var(--space-xs);display:inline-flex}.tabs-content{padding:var(--space-md) 0}.tabs-content:focus{outline:none}.tabs-content:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.tabs-content[data-state=inactive]{display:none}.tabs-content[data-state=active]{animation:tabs-content-fade-in var(--duration-fast) var(--easing-default)}@keyframes tabs-content-fade-in{0%{opacity:0}to{opacity:1}}.tabs-list--detail{scrollbar-width:thin;flex-wrap:nowrap;min-width:0;overflow-x:auto}@media (width<=767px){.tabs-list:not(.tabs-list--detail) .tabs-trigger{min-width:0;min-height:var(--touch-target-min);flex:1 1 0}.tabs-list--detail{gap:var(--space-2xs)}.tabs-list--detail .detail-tab-trigger__label{display:none}.tabs-list--detail .tabs-trigger{flex:1 0 var(--touch-target-min);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-sm)}.tabs-list--detail .detail-tab-trigger__anchor svg{width:var(--icon-inline-md);height:var(--icon-inline-md)}}.bottom-nav{background-color:var(--bg-secondary);border-top:1px solid var(--border-default);padding-bottom:env(safe-area-inset-bottom,0)}@media (width>=768px){.bottom-nav{display:none}}.bottom-nav__container{max-width:var(--content-max-width);min-height:var(--bottom-nav-height);justify-content:space-around;align-items:stretch;margin:0 auto;display:flex}.bottom-nav-item{justify-content:center;align-items:center;gap:var(--space-xs);min-width:var(--touch-target-min);min-height:var(--touch-target-min);padding:var(--space-sm) var(--space-xs);color:var(--text-muted);transition:color var(--duration-fast) var(--easing-default), background-color var(--duration-fast) var(--easing-default);cursor:pointer;flex-direction:column;flex:1;text-decoration:none;display:flex}.bottom-nav-item:hover{color:var(--text-secondary);background-color:var(--bg-tertiary)}.bottom-nav-item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:calc(-1 * var(--focus-ring-offset));border-radius:var(--radius-sm)}.bottom-nav-item--active{color:var(--accent-primary)}.bottom-nav-item--active:hover{color:var(--accent-primary)}.bottom-nav-item__icon{justify-content:center;align-items:center;font-size:1.5rem;display:flex}.bottom-nav-item__icon svg{width:24px;height:24px}.bottom-nav-item__label{font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-tight);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.live-announcer{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:0;padding:0;position:fixed;inset:0 auto auto 0;overflow:hidden}.alert{align-items:flex-start;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);display:flex}.alert--info{background-color:color-mix(in srgb, var(--accent-primary) 10%, transparent);border-color:color-mix(in srgb, var(--accent-primary) 40%, transparent);color:var(--text-primary)}.alert--info .alert__icon,.alert--info .alert__title{color:var(--accent-primary)}.alert--success{background-color:color-mix(in srgb, var(--status-healthy) 10%, transparent);border-color:color-mix(in srgb, var(--status-healthy) 40%, transparent);color:var(--text-primary)}.alert--success .alert__icon,.alert--success .alert__title{color:var(--status-healthy)}.alert--warning{background-color:color-mix(in srgb, var(--status-degraded) 10%, transparent);border-color:color-mix(in srgb, var(--status-degraded) 40%, transparent);color:var(--text-primary)}.alert--warning .alert__icon,.alert--warning .alert__title{color:var(--status-degraded)}.alert--error{background-color:color-mix(in srgb, var(--status-unhealthy) 10%, transparent);border-color:color-mix(in srgb, var(--status-unhealthy) 40%, transparent);color:var(--text-primary)}.alert--error .alert__icon,.alert--error .alert__title{color:var(--status-unhealthy)}.alert__icon{width:20px;height:20px;margin-top:var(--space-2xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.alert__content{flex:1;min-width:0}.alert__title{font-weight:var(--weight-semibold);margin-bottom:var(--space-xs)}.alert__title:last-child{margin-bottom:0}.alert__description{color:var(--text-secondary)}.alert__dismiss{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-muted);cursor:pointer;transition:color var(--duration-fast) var(--easing-default), background-color var(--duration-fast) var(--easing-default);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;margin:-2px -4px -2px 0;padding:0;display:flex}.alert__dismiss:hover{color:var(--text-primary);background-color:var(--bg-tertiary)}.alert__dismiss:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.restart-required-banner{width:100%;padding:var(--space-sm) var(--space-md) 0;box-sizing:border-box}.restart-required-banner [data-component=alert]{margin:0}.empty-state{text-align:center;font-family:var(--font-sans);flex-direction:column;flex:1;justify-content:center;align-items:center;min-height:0;display:flex}.empty-state--sm{padding:var(--space-lg);gap:var(--space-sm)}.empty-state--sm .empty-state__icon{font-size:var(--icon-size-sm)}.empty-state--sm .empty-state__title{font-size:var(--text-sm)}.empty-state--sm .empty-state__description{font-size:var(--text-xs)}.empty-state--md{padding:var(--space-xl);gap:var(--space-md)}.empty-state--md .empty-state__icon{font-size:var(--icon-size-md)}.empty-state--md .empty-state__title{font-size:var(--text-base)}.empty-state--md .empty-state__description{font-size:var(--text-sm)}.empty-state--lg{padding:var(--space-2xl);gap:var(--space-lg)}.empty-state--lg .empty-state__icon{font-size:var(--icon-size-lg)}.empty-state--lg .empty-state__title{font-size:var(--text-lg)}.empty-state--lg .empty-state__description{font-size:var(--text-base)}.empty-state__icon{color:var(--text-muted);justify-content:center;align-items:center;display:flex}.empty-state__title{font-weight:var(--weight-semibold);color:var(--text-primary);line-height:var(--leading-normal);margin:0}.empty-state__description{color:var(--text-secondary);line-height:var(--leading-normal);max-width:40ch;margin:0}.empty-state__action{margin:0}.route-error{min-height:0;padding:var(--space-xl);text-align:center;flex-direction:column;flex:1 0 auto;justify-content:center;align-items:center;display:flex}.route-error__actions{gap:var(--space-md);flex-wrap:wrap;justify-content:center;display:flex}.route-error__actions>*{justify-content:center;min-width:160px}@media (width<=480px){.route-error__actions{flex-direction:column;width:100%;max-width:280px}.route-error__actions>*{width:100%}}.command-palette-overlay{z-index:var(--z-modal);background-color:var(--overlay-backdrop);-webkit-backdrop-filter:blur(var(--blur-overlay));backdrop-filter:blur(var(--blur-overlay));animation:command-palette-overlay-in var(--duration-fast) var(--easing-default) forwards;position:fixed;inset:0}.command-palette-overlay[data-state=closed]{animation-name:command-palette-overlay-out}.command-palette{z-index:calc(var(--z-modal) + 1);width:calc(100% - var(--space-lg) * 2);background-color:var(--bg-secondary);border:1px solid var(--border-default);border-radius:var(--radius-lg);max-width:560px;max-height:70vh;box-shadow:var(--shadow-xl);animation:command-palette-in var(--duration-fast) var(--easing-default) forwards;flex-direction:column;display:flex;position:fixed;top:15%;left:50%;overflow:hidden;transform:translate(-50%)}.command-palette[data-state=closed]{animation-name:command-palette-out}.command-palette:focus{outline:none}.command-palette__search{align-items:center;gap:var(--space-sm);padding:var(--space-md);border-bottom:1px solid var(--border-subtle);flex-shrink:0;display:flex}.command-palette__search-icon{color:var(--text-muted);flex-shrink:0}.command-palette__input{min-width:0;font-family:var(--font-sans);font-size:var(--text-lg);color:var(--text-primary);background:0 0;border:none;outline:none;flex:1}.command-palette__input::placeholder{color:var(--text-muted)}.command-palette__esc-hint{padding:var(--space-2xs) var(--space-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.command-palette__results{padding:var(--space-sm) 0;flex:1;min-height:0;overflow-y:auto}.command-palette__empty{padding:var(--space-xl) var(--space-md);text-align:center;font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-muted)}.command-palette__group{padding:0 var(--space-sm)}.command-palette__group-label{padding:var(--space-xs) var(--space-sm);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.command-palette__item{align-items:center;gap:var(--space-sm);width:100%;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-sm);font-family:var(--font-sans);font-size:var(--text-base);color:var(--text-secondary);cursor:pointer;text-align:left;transition:background-color var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default);background:0 0;border:none;display:flex}.command-palette__item[data-active=true],.command-palette__item:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.command-palette__item:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.command-palette__item-icon{font-size:var(--text-lg);color:var(--text-muted);flex-shrink:0;align-items:center;display:flex}.command-palette__item[data-active=true] .command-palette__item-icon,.command-palette__item:hover .command-palette__item-icon{color:var(--text-secondary)}.command-palette__item-label{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.command-palette__footer{align-items:center;gap:var(--space-md);padding:var(--space-xs) var(--space-md);border-top:1px solid var(--border-subtle);font-family:var(--font-sans);font-size:var(--text-xs);color:var(--text-muted);flex-shrink:0;display:flex}.command-palette__footer kbd{padding:var(--space-2xs) var(--space-xs);background-color:var(--bg-tertiary);border:1px solid var(--border-default);border-radius:var(--radius-xs);font-family:var(--font-sans);font-size:var(--text-2xs);color:var(--text-muted);margin-right:var(--space-2xs);justify-content:center;align-items:center;display:inline-flex}@media (width<=480px){.command-palette{border-radius:0 0 var(--radius-lg) var(--radius-lg);width:100%;max-width:none;max-height:60vh;top:0;left:50%;transform:translate(-50%)}}@keyframes command-palette-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes command-palette-overlay-out{0%{opacity:1}to{opacity:0}}@keyframes command-palette-in{0%{opacity:0;transform:translate(-50%)scale(.97)translateY(-4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}@keyframes command-palette-out{0%{opacity:1;transform:translate(-50%)scale(1)translateY(0)}to{opacity:0;transform:translate(-50%)scale(.97)translateY(-4px)}}.skip-link{top:var(--space-sm);left:var(--space-sm);z-index:var(--z-max);padding:var(--space-sm) var(--space-md);background-color:var(--accent-primary);color:var(--bg-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);opacity:0;transition:transform var(--duration-fast) var(--easing-default), opacity var(--duration-fast) var(--easing-default);text-decoration:none;position:fixed;transform:translateY(-200%)}.skip-link:focus{opacity:1;outline:var(--focus-ring-width) solid var(--accent-secondary);outline-offset:var(--focus-ring-offset);transform:translateY(0)}.skip-link:hover{background-color:var(--accent-secondary)}.content-lineage-title,.content-lineage-title__visual{white-space:nowrap;align-items:baseline;min-width:0;max-width:100%;display:inline-flex}.content-lineage-title__visual{flex:auto}.content-lineage-title__node{display:contents}.content-lineage-title__segment{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.content-lineage-title__segment--ancestor{color:var(--text-secondary);flex:0 10 auto}.content-lineage-title__segment--leaf{flex:auto;max-width:100%}.content-lineage-title[data-qualified=true] .content-lineage-title__segment--leaf{flex:0 auto;max-width:70%}.content-lineage-title__separator{color:var(--text-muted);flex:none;margin-inline:.35em}.content-lineage-title__placeholder{border-radius:var(--radius-xs);background:var(--bg-tertiary);width:3.5rem;height:.8em;animation:pulse var(--duration-pulse) ease-in-out infinite;flex:0 3.5rem}@media (width<=767px){.content-lineage-title[data-qualified=true] .content-lineage-title__segment--leaf{max-width:75%}}@media (prefers-reduced-motion:reduce){.content-lineage-title__placeholder{animation:none}}.logo{background-color:currentColor;flex-shrink:0;display:inline-block;-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.logo--default,.logo--solid{-webkit-mask-image:url(/magpie-solid.png);mask-image:url(/magpie-solid.png)}}@layer utilities{.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.font-mono{font-family:var(--font-mono)}.tab-count{font-size:var(--text-xs);font-weight:var(--weight-semibold);font-family:var(--font-mono);color:var(--text-secondary)}.tabs-trigger[data-state=active] .tab-count{color:var(--accent-primary)}.overlay-close{top:var(--overlay-close-top,var(--space-md));right:var(--space-md);width:var(--touch-target-min);height:var(--touch-target-min);border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:background-color var(--duration-fast) var(--easing-default), color var(--duration-fast) var(--easing-default);background-color:#0000;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute}.overlay-close:hover{background-color:var(--bg-tertiary);color:var(--text-primary)}.overlay-close:focus-visible{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.form-error{font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--status-unhealthy);line-height:var(--leading-normal);margin:0}}:root{--bg-primary:#1a1b26;--bg-secondary:#24283b;--bg-tertiary:#414868;--accent-primary:#7aa2f7;--accent-secondary:#7dcfff;--filter-active:#bb9af7;--text-primary:#c0caf5;--text-secondary:#a9b1d6;--text-muted:#858db5;--text-on-accent:var(--bg-primary);--text-on-inverse:#ffffffeb;--border-default:#414868;--border-subtle:#343b58;--border-accent:#7aa2f7;--status-healthy:#9ece6a;--status-unhealthy:#f7768e;--status-degraded:#e0af68;--status-unknown:#858db5;--status-stabilizing:#bb9af7;--fulfillment-missing:#f7768e;--fulfillment-upgradable:#e0af68;--fulfillment-fulfilled:#9ece6a;--fulfillment-external:#7dcfff;--fulfillment-partial:var(--status-stabilizing);--font-sans:"Outfit", system-ui, -apple-system, "Segoe UI", roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "Cascadia Code", consolas, monospace;--text-2xs:.65rem;--text-xs:.7rem;--text-sm:.8rem;--text-base:.85rem;--text-lg:1rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-2-5xl:1.75rem;--text-3xl:2rem;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-normal:1.5;--leading-relaxed:1.75;--tracking-wide:.05em;--space-2xs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-2-5:.625rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-xs:3px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--shadow-sm:0 1px 2px #0000004d;--shadow-md:0 4px 16px #00000059;--shadow-lg:0 8px 32px #0006;--shadow-xl:0 12px 48px #00000073;--shadow-glow:0 0 16px #7aa2f74d;--glow-error:0 0 16px #f7768e4d;--overlay-backdrop:#000000b3;--blur-overlay:4px;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.3s;--duration-slower:.4s;--duration-spinner:.75s;--duration-pulse:1s;--easing-default:cubic-bezier(.4, 0, .2, 1);--icon-size-xs:10px;--icon-size-sm:2rem;--icon-size-md:3rem;--icon-size-lg:4rem;--icon-inline-xs:16px;--icon-inline-sm:20px;--icon-inline-md:24px;--icon-logo:36px;--dot-size-sm:8px;--content-max-width:1200px;--touch-target-min:44px;--bottom-nav-height:56px;--sidebar-width:240px;--sidebar-collapsed-width:64px;--z-raised:1;--z-dropdown:100;--z-sticky:200;--z-overlay:300;--z-modal:400;--z-popover:450;--z-toast:500;--z-tooltip:600;--z-max:9999;--opacity-disabled:.5;--opacity-muted:.65;--opacity-secondary:.7;--opacity-reduced:.75;--focus-ring-width:2px;--focus-ring-offset:2px;--focus-ring-color:var(--accent-primary)}@media (pointer:coarse){input,textarea,select{font-size:16px}}