@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap";:root{--gn-navy-950: #0b1220;--gn-navy-900: #101a2e;--gn-navy-800: #16223c;--gn-navy-700: #1e2c4a;--gn-navy-600: #2a3c60;--gn-navy-500: #3c5279;--gn-gold-500: #b08d57;--gn-gold-400: #c9a870;--gn-gold-300: #ddc596;--gn-ink-100: #f5f3ee;--gn-ink-300: #c7cbd6;--gn-ink-500: #8891a6;--gn-ink-700: #565f77;--gn-green: #4fb87a;--gn-amber: #d9a441;--gn-red: #d9645a;--gn-blue: #5a8fd9;--bg-app: var(--gn-navy-950);--bg-surface: var(--gn-navy-900);--bg-surface-raised: var(--gn-navy-800);--bg-surface-hover: var(--gn-navy-700);--border-subtle: rgba(255, 255, 255, .07);--border-strong: rgba(255, 255, 255, .14);--text-primary: var(--gn-ink-100);--text-secondary: var(--gn-ink-300);--text-tertiary: var(--gn-ink-500);--text-accent: var(--gn-gold-400);--status-online: var(--gn-green);--status-warning: var(--gn-amber);--status-offline: var(--gn-red);--status-disabled: var(--gn-ink-700);--status-unknown: var(--gn-ink-500);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--font-ui: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--shadow-card: 0 1px 2px rgba(0, 0, 0, .3), 0 8px 24px -8px rgba(0, 0, 0, .5);--transition-fast: .12s ease;--transition-base: .2s ease}:root[data-theme=light]{--bg-app: #f4f2ee;--bg-surface: #ffffff;--bg-surface-raised: #faf9f6;--bg-surface-hover: #efece5;--border-subtle: rgba(11, 18, 32, .08);--border-strong: rgba(11, 18, 32, .16);--text-primary: #16223c;--text-secondary: #495166;--text-tertiary: #7a8299;--text-accent: #96733c;--shadow-card: 0 1px 2px rgba(11, 18, 32, .06), 0 8px 20px -10px rgba(11, 18, 32, .15)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--bg-app);color:var(--text-primary);font-family:var(--font-ui);font-size:14px;line-height:1.5;-webkit-font-smoothing:antialiased}*:focus-visible{outline:2px solid var(--gn-gold-400);outline-offset:2px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}a{color:inherit}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.app-main{display:flex;flex-direction:column;min-width:0}.app-content{padding:var(--space-6);max-width:1280px;width:100%;margin:0 auto}@media (max-width: 900px){.app-shell{grid-template-columns:1fr}}.sidebar{background:var(--bg-surface);border-right:1px solid var(--border-subtle);padding:var(--space-5) var(--space-3);display:flex;flex-direction:column;gap:var(--space-6)}.sidebar-brand{display:flex;align-items:center;gap:var(--space-2);padding:0 var(--space-2)}.sidebar-brand-mark{width:28px;height:28px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--gn-gold-400),var(--gn-gold-500));flex-shrink:0}.sidebar-brand-text{display:flex;flex-direction:column;line-height:1.2}.sidebar-brand-text strong{font-size:14px;letter-spacing:.02em}.sidebar-brand-text span{font-size:11px;color:var(--text-tertiary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-1)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);color:var(--text-secondary);text-decoration:none;font-weight:500;transition:background var(--transition-fast),color var(--transition-fast)}.sidebar-link:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.sidebar-link.active{background:var(--bg-surface-raised);color:var(--text-primary);box-shadow:inset 2px 0 0 var(--gn-gold-400)}.sidebar-icon{width:16px;height:16px;flex-shrink:0;opacity:.85}.sidebar-footer{margin-top:auto;font-family:var(--font-mono);font-size:11px;color:var(--text-tertiary);padding:0 var(--space-2)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--border-subtle);background:var(--bg-app);position:sticky;top:0;z-index:10}.topbar-title{font-size:18px;font-weight:700;letter-spacing:-.01em}.topbar-subtitle{font-size:12px;color:var(--text-tertiary);font-family:var(--font-mono)}.topbar-actions{display:flex;align-items:center;gap:var(--space-3)}.theme-toggle{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:999px;padding:6px 12px;cursor:pointer;color:var(--text-secondary);font-size:12px;transition:border-color var(--transition-fast)}.theme-toggle:hover{border-color:var(--border-strong)}.card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-5)}.card-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--space-4)}.card-title{font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary)}.grid{display:grid;gap:var(--space-5)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 900px){.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:1fr}}.status-row{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) 0;border-bottom:1px solid var(--border-subtle);font-size:13px}.status-row:last-child{border-bottom:none}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-dot.online{background:var(--status-online);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-online) 25%,transparent)}.status-dot.warning{background:var(--status-warning);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-warning) 25%,transparent)}.status-dot.offline{background:var(--status-offline);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-offline) 25%,transparent)}.status-dot.disabled{background:var(--status-disabled)}.status-dot.unknown{background:var(--status-unknown);box-shadow:0 0 0 3px color-mix(in srgb,var(--status-unknown) 25%,transparent)}.status-label{display:inline-flex;align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.status-label.online{color:var(--status-online)}.status-label.warning{color:var(--status-warning)}.status-label.offline{color:var(--status-offline)}.status-label.disabled{color:var(--text-tertiary)}.status-label.unknown{color:var(--text-tertiary);font-style:italic}.metric-value{font-family:var(--font-mono);font-size:28px;font-weight:600;letter-spacing:-.02em}.metric-label{font-size:12px;color:var(--text-tertiary);margin-top:var(--space-1)}.metric-bar-track{height:6px;border-radius:999px;background:var(--bg-surface-raised);overflow:hidden;margin-top:var(--space-2)}.metric-bar-fill{height:100%;border-radius:999px;background:var(--gn-gold-400);transition:width var(--transition-base)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-4);font-weight:600;font-size:13px;border:1px solid transparent;cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast)}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--gn-gold-400);color:var(--gn-navy-950)}.btn-primary:hover{background:var(--gn-gold-300)}.btn-secondary{background:var(--bg-surface-raised);border-color:var(--border-subtle);color:var(--text-primary)}.btn-secondary:hover{border-color:var(--border-strong)}.btn-ghost{background:transparent;color:var(--text-secondary)}.btn-ghost:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.btn-danger{background:transparent;border-color:var(--status-offline);color:var(--status-offline)}.btn-danger:hover{background:color-mix(in srgb,var(--status-offline) 12%,transparent)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);font-weight:600;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle)}.table td{padding:var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--bg-surface-hover)}.table td.mono,.table th.mono{font-family:var(--font-mono)}.entity-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-3);transition:border-color var(--transition-fast)}.entity-card:hover{border-color:var(--border-strong)}.entity-card-header{display:flex;align-items:center;justify-content:space-between}.entity-card-title{font-weight:600;font-size:14px}.entity-card-meta{font-family:var(--font-mono);font-size:12px;color:var(--text-tertiary);display:flex;flex-direction:column;gap:4px}.entity-card-actions{display:flex;gap:var(--space-2);margin-top:var(--space-2)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-7) var(--space-5);color:var(--text-tertiary);gap:var(--space-2)}.state-block strong{color:var(--text-primary);font-size:14px}.state-block.error{color:var(--status-offline)}.log-line{font-family:var(--font-mono);font-size:12px;display:grid;grid-template-columns:90px 140px 1fr 90px 60px 70px;gap:var(--space-3);padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border-subtle);color:var(--text-secondary)}.log-line.header{color:var(--text-tertiary);text-transform:uppercase;font-size:10px;letter-spacing:.06em}@media (max-width: 900px){.log-line{grid-template-columns:1fr;gap:2px}}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#04081099;display:flex;align-items:center;justify-content:center;z-index:100;padding:var(--space-4)}.modal-panel{background:var(--bg-surface);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:var(--space-5);width:100%;max-width:440px;box-shadow:var(--shadow-card)}.field-group{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.field-group label{font-size:12px;color:var(--text-tertiary)}.field-group input,.field-group select{background:var(--bg-surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--space-2) var(--space-3);color:var(--text-primary)}.field-group input:focus,.field-group select:focus{border-color:var(--gn-gold-400)}.toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);display:flex;flex-direction:column;gap:var(--space-2);z-index:200}.toast{background:var(--bg-surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);font-size:13px;box-shadow:var(--shadow-card);min-width:240px;animation:toast-in var(--transition-base)}.toast.error{border-color:var(--status-offline)}.toast.success{border-color:var(--status-online)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.skeleton{background:linear-gradient(90deg,var(--bg-surface-raised) 25%,var(--bg-surface-hover) 37%,var(--bg-surface-raised) 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:var(--radius-sm)}@keyframes skeleton-loading{0%{background-position:100% 50%}to{background-position:0 50%}}.page-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-5)}.page-header h1{font-size:20px;margin:0 0 4px}.page-header p{margin:0;color:var(--text-tertiary);font-size:13px}