:root{--gray-50: #F7F8FA;--gray-100: #EDEFF2;--gray-200: #D6DAE0;--gray-300: #B3BAC4;--gray-400: #8890A0;--gray-500: #5F6B7C;--gray-600: #414D5F;--gray-700: #333333;--gray-800: #1A2C42;--gray-900: #001F3F;--primary-blue: #007A94;--primary-blue-hover: #00647A;--shadow-sm: 0 1px 2px 0 rgba(60, 64, 67, .3);--shadow-md: 0 2px 6px 2px rgba(60, 64, 67, .15);--shadow-lg: 0 4px 8px 3px rgba(60, 64, 67, .15);--border-radius: 8px;--border-color: var(--gray-200);--sd-panel-bg: #F4F6F8;--sd-panel-border: #E0E3E7;--sd-panel-text: #1F2933;--sd-panel-muted: #6B7280;--sd-sidebar-bg: #EEF2F6;--sd-sidebar-border: #D6DADF;--sd-sidebar-text: #1F2933;--sd-sidebar-muted: #6B7280;--sd-sidebar-control-bg: #FFFFFF;--sd-sidebar-item-hover: rgba(37, 99, 235, .08);--sd-sidebar-item-active: rgba(37, 99, 235, .14);--sd-sidebar-item-active-border: rgba(37, 99, 235, .35);--sd-surface-1: var(--sd-panel-bg);--sd-surface-2: #FFFFFF;--sd-surface-3: #EEF2F6;--sd-detail-panel-bg: var(--sd-panel-bg);--sd-detail-panel-border: rgba(31, 41, 51, .18);--sd-detail-panel-text: var(--sd-panel-text);--sd-chart-bg: #0b1220;--sd-chart-border: rgba(255,255,255,.12);--sd-chart-text: #e5e7eb;--sd-chart-muted: rgba(229,231,235,.72);--sd-chart-axis: rgba(229,231,235,.55);--sd-chart-grid: rgba(229,231,235,.14);--sd-chart-grid-strong: rgba(229,231,235,.22);--sd-tooltip-bg: rgba(17,24,39,.92);--sd-tooltip-border: rgba(255,255,255,.14);--sd-tooltip-shadow: 0 10px 30px rgba(0, 0, 0, .3);--sd-ok: #1F7A4D;--sd-info: #2563EB;--sd-warning: #B45309;--sd-critical: #B42318;--sd-maintenance: #6D28D9;--sd-offline: #6B7280;--sd-ok-bg: rgba(31, 122, 77, .12);--sd-info-bg: rgba(37, 99, 235, .12);--sd-warning-bg: rgba(180, 83, 9, .14);--sd-critical-bg: rgba(180, 35, 24, .14);--sd-maintenance-bg: rgba(109, 40, 217, .12);--sd-offline-bg: rgba(107, 114, 128, .12);--sd-bg: #F4F6F8;--sd-detailpanel-bg: #FFFFFF;--sd-detailpanel-border: rgba(31,41,51,.12);--sd-card-bg: #FFFFFF;--sd-input-bg: #FFFFFF;--sd-input-border: #D1D5DB;--sd-input-text: #1F2933;--sd-chart-grid-light: rgba(31,41,51,.08);--sd-segment-bg: rgba(15, 23, 42, .04);--sd-seg-btn-bg: rgba(15, 23, 42, .03);--sd-seg-btn-text: rgba(15, 23, 42, .72);--sd-seg-btn-border: rgba(15, 23, 42, .18);--sd-seg-btn-active-bg: rgba(15, 23, 42, .1);--sd-seg-btn-active-text: #0f172a;--sd-seg-btn-active-border: rgba(15, 23, 42, .3);--sd-detailpanel-bg: rgba(255, 255, 255, .78);--sd-detailpanel-border: rgba(15, 23, 42, .16)}html,body,#root{margin:0;padding:0;height:100%;width:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--gray-50);color:var(--gray-900)}.card,.panel,.container,.box{background:#fff;border:1px solid var(--border-color);border-radius:var(--border-radius);box-shadow:var(--shadow-sm);transition:all .2s ease-in-out}.card:hover,.panel:hover{box-shadow:var(--shadow-md);border-color:var(--gray-300)}.btn{background:var(--gray-100);border:1px solid var(--gray-300);border-radius:6px;color:var(--gray-800);font-weight:500;padding:8px 16px;cursor:pointer;transition:all .2s ease;font-size:14px}.btn:hover{background:var(--gray-200);border-color:var(--gray-400)}.btn-primary{background:var(--primary-blue);color:#fff;border:none}.btn-primary:hover{background:var(--primary-blue-hover)}.input,input,select,textarea{border:1px solid var(--gray-300);border-radius:6px;padding:8px 12px;background:#fff;transition:border-color .2s ease;font-size:14px}.input:focus,input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary-blue);box-shadow:0 0 0 2px #1a73e833}h1,h2,h3,h4,h5,h6{color:var(--gray-900);font-weight:600;margin:0 0 16px}h1{font-size:24px}h2{font-size:20px}h3{font-size:18px}h4{font-size:16px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-thumb{background:var(--gray-400);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--gray-500)}::-webkit-scrollbar-track{background:var(--gray-100)}.sd-sidebar{background:var(--sd-sidebar-bg);color:var(--sd-sidebar-text);border-right:1px solid var(--sd-sidebar-border)}.sd-sidebar select,.sd-sidebar input,.sd-sidebar button{font-family:inherit}.sd-sidebar select,.sd-sidebar input{background:var(--sd-sidebar-control-bg);color:var(--sd-sidebar-text);border:1px solid var(--sd-sidebar-border)}.sd-sidebar label{color:var(--sd-sidebar-muted)}.sd-badge-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.sd-navtab-btn.is-active:hover{background:var(--sd-sidebar-item-active);border-color:var(--sd-sidebar-item-active-border)}.sd-detailtab-btn.is-active:hover{background:#2563eb1f;border-color:#2563eb47}html[data-theme=dark] .sd-detailtab-btn.is-active:hover{background:#60a5fa29;border-color:#60a5fa52}:root{--sd-ok-border: rgba(31, 122, 77, .3);--sd-map-overlay-bg: rgba(255,255,255,.62);--sd-map-overlay-text: #111827;--sd-map-overlay-title: #0f172a;--sd-map-overlay-value: rgba(17,24,39,.75);--sd-map-overlay-border: rgba(31,41,51,.18);--sd-app-bg: var(--gray-50);--sd-app-text: var(--gray-900);--sd-sidebar-bg: #ffffff;--sd-sidebar-border: rgba(15, 23, 42, .12);--sd-sidebar-text: #0f172a;--sd-sidebar-muted: rgba(15, 23, 42, .7);--sd-sidebar-control-bg: rgba(15, 23, 42, .04)}html,body,#root{background-color:var(--sd-app-bg);color:var(--sd-app-text)}html[data-theme=dark]{--primary-blue: #00FFFF;--primary-blue-hover: #33FFFF;--sd-app-bg: #0b1220;--sd-app-text: #e5e7eb;--sd-sidebar-bg: #0f172a;--sd-sidebar-border: rgba(255,255,255,.1);--sd-sidebar-text: #e5e7eb;--sd-sidebar-muted: rgba(229,231,235,.7);--sd-sidebar-control-bg: rgba(255,255,255,.06);--sd-map-overlay-bg: rgba(15,23,42,.4);--sd-map-overlay-text: #e5e7eb;--sd-map-overlay-title: #ffffff;--sd-map-overlay-value: rgba(229,231,235,.75);--sd-map-overlay-border: rgba(255,255,255,.14);--sd-ok-border: rgba(31, 122, 77, .4);--sd-segment-bg: rgba(255, 255, 255, .06);--sd-seg-btn-bg: rgba(255, 255, 255, .05);--sd-seg-btn-text: rgba(229, 231, 235, .7);--sd-seg-btn-border: rgba(255, 255, 255, .14);--sd-seg-btn-active-bg: rgba(255, 255, 255, .1);--sd-seg-btn-active-text: #e5e7eb;--sd-seg-btn-active-border: rgba(255, 255, 255, .22);--sd-detailpanel-bg: rgba(0, 0, 0, .22);--sd-detailpanel-border: rgba(255, 255, 255, .12);--sd-bg: #020617;--sd-card-bg: #0f172a;--sd-input-bg: rgba(255,255,255,.06);--sd-input-border: rgba(255,255,255,.14);--sd-input-text: #e5e7eb}html[data-theme=light]{--sd-app-bg: #f8f9fa;--sd-app-text: #1F2933;--sd-sidebar-bg: #ffffff;--sd-sidebar-border: rgba(15,23,42,.12);--sd-sidebar-text: #0f172a;--sd-sidebar-muted: rgba(15,23,42,.6);--sd-sidebar-control-bg: rgba(15,23,42,.04);--sd-bg: #F4F6F8;--sd-detailpanel-bg: #FFFFFF;--sd-detailpanel-border: rgba(15,23,42,.1);--sd-card-bg: #FFFFFF;--sd-input-bg: #FFFFFF;--sd-input-border: #D1D5DB;--sd-input-text: #1F2933;--sd-nav-btn-inactive-bg: rgba(15,23,42,.04);--sd-nav-btn-border: rgba(15,23,42,.15);--sd-nav-btn-text: rgba(15,23,42,.7);--sd-seg-btn-bg: rgba(15,23,42,.04);--sd-seg-btn-text: rgba(15,23,42,.7);--sd-seg-btn-border: rgba(15,23,42,.12);--sd-seg-btn-active-bg: rgba(37,99,235,.12);--sd-seg-btn-active-text: #1d4ed8;--sd-seg-btn-active-border: rgba(37,99,235,.3)}html:not([data-theme]){--primary-blue: #00FFFF;--primary-blue-hover: #33FFFF;--sd-app-bg: #0b1220;--sd-app-text: #e5e7eb;--sd-sidebar-bg: #0f172a;--sd-sidebar-border: rgba(255,255,255,.1);--sd-sidebar-text: #e5e7eb;--sd-sidebar-muted: rgba(229,231,235,.7);--sd-sidebar-control-bg: rgba(255,255,255,.06);--sd-map-overlay-bg: rgba(15,23,42,.4);--sd-map-overlay-text: #e5e7eb;--sd-map-overlay-title: #ffffff;--sd-map-overlay-value: rgba(229,231,235,.75);--sd-map-overlay-border: rgba(255,255,255,.14);--sd-ok-border: rgba(31, 122, 77, .4);--sd-bg: #020617;--sd-detailpanel-bg: rgba(0, 0, 0, .22);--sd-detailpanel-border: rgba(255, 255, 255, .12);--sd-card-bg: #0f172a}:root{--sd-nav-btn-inactive-bg: rgba(0,0,0,.03);--sd-nav-btn-border: rgba(15, 23, 42, .18);--sd-nav-btn-text: rgba(15, 23, 42, .7);--sd-stats-ok-bg: rgba(31, 122, 77, .1);--sd-stats-ok-border: rgba(31, 122, 77, .28);--sd-stats-ok-text: #1f7a4d;--sd-stats-warn-bg: rgba(217, 119, 6, .1);--sd-stats-warn-border: rgba(217, 119, 6, .3);--sd-stats-warn-text: #b45309}html[data-theme=dark],html:not([data-theme]){--sd-nav-btn-inactive-bg: rgba(255,255,255,.04);--sd-nav-btn-border: rgba(255,255,255,.14);--sd-nav-btn-text: rgba(229,231,235,.78);--sd-stats-ok-bg: rgba(74,222,128,.08);--sd-stats-ok-border: rgba(74,222,128,.2);--sd-stats-ok-text: #86efac;--sd-stats-warn-bg: rgba(251,191,36,.08);--sd-stats-warn-border: rgba(251,191,36,.2);--sd-stats-warn-text: #fde68a}.sd-chart-surface{background:var(--sd-chart-bg);border:1px solid var(--sd-chart-border);border-radius:8px;padding:10px;color:var(--sd-chart-text)}html[data-theme=light],html[data-theme=light] :root{--sd-status-ok: #16a34a;--sd-status-ok-bg: rgba(22, 163, 74, .1);--sd-status-ok-bd: rgba(22, 163, 74, .25);--sd-status-ok-text: #15803d;--sd-status-warn: #d97706;--sd-status-warn-bg: rgba(217, 119, 6, .1);--sd-status-warn-bd: rgba(217, 119, 6, .25);--sd-status-warn-text:#b45309;--sd-status-crit: #dc2626;--sd-status-crit-bg: rgba(220, 38, 38, .1);--sd-status-crit-bd: rgba(220, 38, 38, .25);--sd-status-crit-text:#b91c1c;--sd-status-unknown: #6b7280;--sd-status-unknown-bg: rgba(107, 114, 128, .1);--sd-status-unknown-bd: rgba(107, 114, 128, .2);--sd-status-unknown-text: #4b5563;--sd-accent: #FFD700;--sd-accent-bg: rgba(255, 215, 0, .12);--sd-accent-bd: rgba(255, 215, 0, .32);--sd-org-badge-bg: rgba(22, 163, 74, .1);--sd-org-badge-text: #15803d;--sd-org-badge-bd: rgba(22, 163, 74, .25)}html[data-theme=dark],html:not([data-theme]){--sd-status-ok: #4ade80;--sd-status-ok-bg: rgba(74, 222, 128, .08);--sd-status-ok-bd: rgba(74, 222, 128, .2);--sd-status-ok-text: #86efac;--sd-status-warn: #fbbf24;--sd-status-warn-bg: rgba(251, 191, 36, .08);--sd-status-warn-bd: rgba(251, 191, 36, .22);--sd-status-warn-text:#fde68a;--sd-status-crit: #f87171;--sd-status-crit-bg: rgba(248, 113, 113, .08);--sd-status-crit-bd: rgba(248, 113, 113, .22);--sd-status-crit-text:#fca5a5;--sd-status-unknown: #94a3b8;--sd-status-unknown-bg: rgba(148, 163, 184, .08);--sd-status-unknown-bd: rgba(148, 163, 184, .18);--sd-status-unknown-text: #cbd5e1;--sd-accent: #FFD700;--sd-accent-bg: rgba(255, 215, 0, .14);--sd-accent-bd: rgba(255, 215, 0, .34);--sd-org-badge-bg: rgba(74, 222, 128, .08);--sd-org-badge-text: #86efac;--sd-org-badge-bd: rgba(74, 222, 128, .2)}.sd-icon{width:1em;height:1em;display:inline-block;vertical-align:-.125em;color:currentColor}.sd-icon--sm{width:16px;height:16px}.sd-icon--md{width:24px;height:24px}.sd-icon--lg{width:32px;height:32px}.sd-icon--xl{width:48px;height:48px}.sd-loader{display:inline-flex;flex-direction:column;align-items:center;gap:10px}.sd-loader-label{font-size:12px;color:var(--sd-sidebar-muted);opacity:.85}.sd-loader-dot{animation:sd-ld-chase 1.25s linear infinite;opacity:.18}@keyframes sd-ld-chase{0%{opacity:.18}40%{opacity:1}to{opacity:.18}}.sd-loader-ring{animation:sd-lp-ring 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}.sd-loader-pulsedot{animation:sd-lp-dot 1.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center}@keyframes sd-lp-ring{0%{opacity:.55;r:7}to{opacity:0;r:48}}@keyframes sd-lp-dot{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.sd-loader-clip{animation:sd-lg-reveal 1.8s ease-in-out infinite}.sd-loader-wmdot{opacity:0;animation:sd-lg-dotin 1.8s .35s both infinite}.sd-loader-fade{animation:sd-lg-fade 1.8s ease-in-out infinite}@keyframes sd-lg-reveal{0%{width:0px}18%{width:0px}34%{width:220px}50%{width:380px}66%{width:560px}82%{width:760px}to{width:900px}}@keyframes sd-lg-dotin{0%,18%{opacity:0}19%,to{opacity:1}}@keyframes sd-lg-fade{0%,84%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){.sd-loader-dot,.sd-loader-ring,.sd-loader-pulsedot,.sd-loader-clip,.sd-loader-wmdot,.sd-loader-fade{animation:none}.sd-loader-dot{opacity:.6}.sd-loader-ring{opacity:0}.sd-loader-clip{width:900px}.sd-loader-wmdot,.sd-loader-fade{opacity:1}}.sd-toast--entering{animation:sd-toast-in .22s ease-out}.sd-toast--leaving{animation:sd-toast-out .2s ease-in forwards}@keyframes sd-toast-in{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes sd-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(8px) scale(.98)}}@media (prefers-reduced-motion: reduce){.sd-toast--entering,.sd-toast--leaving{animation:none}}
