.monitoring-layout[data-v-3de007a8]{--sidebar-width: 260px;--sidebar-collapsed-width: 80px;--monitoring-touch: 44px;background:var(--color-bg-page-hex);color:var(--color-text-primary-hex);display:flex;font-family:var(--font-ui);height:100vh;min-height:100dvh;transition:background-color var(--transition-slow)}.sidebar-backdrop[data-v-3de007a8]{display:none}.sidebar[data-v-3de007a8]{background:var(--color-bg-hex);border-right:1px solid var(--color-border-hex);box-shadow:var(--shadow-sm);display:flex;flex-direction:column;overflow:hidden;transition:width var(--transition-slow),transform var(--transition-slow);width:var(--sidebar-width);z-index:50}.sidebar-collapsed .sidebar[data-v-3de007a8]{width:var(--sidebar-collapsed-width)}.sidebar-brand[data-v-3de007a8]{align-items:center;background:var(--color-bg-muted-hex);border-bottom:1px solid var(--color-border-hex);display:flex;gap:var(--space-md);min-height:80px;padding:var(--space-lg)}.brand-name[data-v-3de007a8]{color:var(--color-text-primary-hex);font-size:var(--text-section);font-weight:700;letter-spacing:-.02em;white-space:nowrap}.brand-accent[data-v-3de007a8]{color:var(--color-accent-hex)}.sidebar-nav[data-v-3de007a8]{display:flex;flex:1;flex-direction:column;gap:var(--space-sm);padding:var(--space-lg) .75rem}.nav-section[data-v-3de007a8]{color:var(--color-text-tertiary-hex);font-size:var(--text-caption);font-weight:600;letter-spacing:.06em;padding:var(--space-md) .75rem var(--space-sm)}.nav-link[data-v-3de007a8]{align-items:center;border:1px solid transparent;border-radius:var(--radius-lg);color:var(--color-text-secondary-hex);cursor:pointer;display:flex;gap:var(--space-md);min-height:var(--monitoring-touch);padding:.625rem var(--space-md);text-decoration:none;transition:background-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);white-space:nowrap}.nav-link[data-v-3de007a8]:hover{background:var(--color-bg-muted-hex);color:var(--color-text-primary-hex)}.nav-link[data-v-3de007a8]:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.nav-link.active[data-v-3de007a8]{background:hsl(var(--primary));border-color:transparent;box-shadow:var(--shadow-sm);color:hsl(var(--primary-foreground))}.nav-link.active[data-v-3de007a8]:hover{background:hsl(var(--color-primary-hover))}.sidebar-collapsed .nav-link[data-v-3de007a8]{justify-content:center;padding:.625rem}.sidebar-footer[data-v-3de007a8]{background:var(--color-bg-hex);border-top:1px solid var(--color-border-hex);display:flex;flex-direction:column;gap:var(--space-sm);padding:var(--space-md) .75rem}.main-container[data-v-3de007a8]{display:flex;flex:1;flex-direction:column;min-width:0;overflow:hidden}.top-bar[data-v-3de007a8]{align-items:center;background:var(--color-bg-hex);border-bottom:1px solid var(--color-border-hex);display:flex;justify-content:space-between;min-height:80px;padding:0 var(--space-xl);z-index:40}.top-bar-left[data-v-3de007a8]{align-items:center;display:flex;gap:var(--space-sm);min-width:0}.sidebar-toggle[data-v-3de007a8]{align-items:center;background:transparent;border:none;border-radius:var(--radius-md);color:var(--color-text-primary-hex);cursor:pointer;display:inline-flex;justify-content:center;min-height:var(--monitoring-touch);min-width:var(--monitoring-touch);padding:0;transition:background-color var(--transition-fast),color var(--transition-fast)}.sidebar-toggle[data-v-3de007a8]:hover{background:var(--color-bg-muted-hex);color:hsl(var(--color-primary-hover))}.sidebar-toggle[data-v-3de007a8]:focus-visible{outline:2px solid hsl(var(--ring));outline-offset:2px}.breadcrumb[data-v-3de007a8]{color:var(--color-text-tertiary-hex);font-size:var(--text-body);margin-left:var(--space-md);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar-right[data-v-3de007a8]{align-items:center;display:flex;gap:var(--space-lg)}.status-badge[data-v-3de007a8]{align-items:center;background:var(--color-success-bg-hex);border:1px solid color-mix(in srgb,var(--color-success-text-hex) 18%,transparent);border-radius:var(--radius-full);color:var(--color-success-text-hex);display:inline-flex;font-size:var(--text-caption);font-weight:600;gap:var(--space-sm);letter-spacing:.04em;padding:var(--space-sm) .875rem}.pulse-dot[data-v-3de007a8]{animation:monitoring-pulse-3de007a8 2s ease-out infinite;background:var(--color-success-text-hex);border-radius:50%;flex-shrink:0;height:8px;width:8px}.page-content[data-v-3de007a8]{background:var(--color-bg-page-hex);flex:1;overflow-y:auto;padding:var(--space-xl)}@keyframes monitoring-pulse-3de007a8{0%{box-shadow:0 0 color-mix(in srgb,var(--color-success-text-hex) 45%,transparent);transform:scale(.95)}70%{box-shadow:0 0 0 6px transparent;transform:scale(1)}to{box-shadow:0 0 0 0 transparent;transform:scale(.95)}}@media (prefers-reduced-motion:reduce){.monitoring-layout[data-v-3de007a8],.nav-link[data-v-3de007a8],.sidebar[data-v-3de007a8],.sidebar-toggle[data-v-3de007a8]{transition:none}.pulse-dot[data-v-3de007a8]{animation:none;box-shadow:none}}@media (max-width:1024px){.monitoring-layout[data-v-3de007a8]{--sidebar-width: 240px}}@media (max-width:768px){.sidebar-backdrop[data-v-3de007a8]{background:color-mix(in srgb,var(--color-text-primary-hex) 35%,transparent);display:block;inset:0;position:fixed;z-index:40}.sidebar[data-v-3de007a8]{box-shadow:var(--shadow-lg);height:100vh;height:100dvh;left:0;position:fixed;top:0;transform:translate(-100%)}.monitoring-layout:not(.sidebar-collapsed) .sidebar[data-v-3de007a8]{transform:translate(0)}.main-container[data-v-3de007a8]{width:100%}}