@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap");:root,[data-theme=dark]{--ndc-bg:210 44% 6%;--ndc-surface:220 30% 12%;--ndc-surface-2:218 34% 10%;--ndc-surface-elev:220 28% 14%;--ndc-fg:214 30% 92%;--ndc-muted:220 14% 64%;--ndc-primary:178 79% 57%;--ndc-primary-hover:178 79% 47%;--ndc-secondary:232 100% 68%;--ndc-success:145 63% 42%;--ndc-warning:38 92% 50%;--ndc-danger:0 72% 51%;--ndc-border:220 13% 26%;--ndc-line:220 13% 20%;--ndc-input-bg:220 30% 10%;--ndc-ring:var(--ndc-primary);--ndc-radius-sm:6px;--ndc-radius-md:10px;--ndc-radius-lg:14px;--ndc-radius-xl:18px;--ndc-shadow-sm:0 1px 2px rgba(0,0,0,.3);--ndc-shadow-md:0 4px 12px rgba(0,0,0,.4);--ndc-shadow-lg:0 8px 24px rgba(0,0,0,.5);--ndc-font-title:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--ndc-font-body:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--ndc-font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}body,html{height:100%;-webkit-font-smoothing:antialiased}body{background:hsl(var(--ndc-bg));font-family:var(--ndc-font-body);font-size:14px;line-height:1.6}body,h1,h2,h3,h4{color:hsl(var(--ndc-fg))}h1,h2,h3,h4{font-family:var(--ndc-font-title);font-weight:600;line-height:1.3}h1{font-size:28px;letter-spacing:-.02em}h2{font-size:22px;letter-spacing:-.01em}h3{font-size:18px}h4{font-size:16px}a{color:hsl(var(--ndc-primary));text-decoration:none}a:hover{color:hsl(var(--ndc-primary-hover))}code,pre{font-family:var(--ndc-font-mono);font-size:13px}.ndcAppLayout{display:flex;min-height:100vh}.ndcSidebar{width:240px;min-width:240px;background:hsl(var(--ndc-surface));border-right:1px solid hsl(var(--ndc-line)/.3);display:flex;flex-direction:column;padding:16px 0;position:fixed;top:0;left:0;bottom:0;z-index:10}.ndcSidebarBrand{padding:8px 20px 24px;border-bottom:1px solid hsl(var(--ndc-line)/.2);margin-bottom:16px}.ndcSidebarBrandTitle{font-size:18px;font-weight:700;letter-spacing:-.02em;color:hsl(var(--ndc-fg));display:flex;align-items:center;gap:10px}.ndcSidebarBrandLogo{width:50px;height:40px;-o-object-fit:contain;object-fit:contain;border-radius:6px}.ndcSidebarBrandLogo.placeholder{background:linear-gradient(135deg,hsl(var(--ndc-primary)),hsl(var(--ndc-secondary)))}.ndcSidebarNav{flex:1;padding:0 12px;overflow-y:auto}.ndcSidebarNavItem{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--ndc-radius-md);color:hsl(var(--ndc-muted));font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease;margin-bottom:4px;background:none;border:none;width:100%;text-align:left}.ndcSidebarNavItem:hover{background:hsl(var(--ndc-surface-elev));color:hsl(var(--ndc-fg))}.ndcSidebarNavItem.active{background:hsl(var(--ndc-primary)/.15);color:hsl(var(--ndc-primary))}.ndcSidebarSection{font-size:10px;text-transform:uppercase;color:hsl(var(--ndc-muted));padding:20px 12px 8px;letter-spacing:.08em;font-weight:600;margin-top:8px;border-top:1px solid hsl(var(--ndc-line)/.15)}.ndcSidebarSection:first-of-type{border-top:none;margin-top:0}.ndcSidebarFooter{padding:16px 20px;border-top:1px solid hsl(var(--ndc-line)/.2);margin-top:auto}.ndcMain{flex:1;margin-left:240px;padding:24px 32px;min-height:100vh}.ndcMainHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid hsl(var(--ndc-line)/.2)}.ndcMainTitle{font-size:24px;font-weight:700}.ndcMainActions{display:flex;gap:12px}@media (max-width:1024px){.ndcSidebar{display:none}.ndcMain{margin-left:0}}.ndcGrid{display:grid;gap:16px}.ndcGrid2{grid-template-columns:repeat(2,1fr)}.ndcGrid3{grid-template-columns:repeat(3,1fr)}.ndcGrid4{grid-template-columns:repeat(4,1fr)}.ndcGridAuto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}@media (max-width:768px){.ndcGrid2,.ndcGrid3,.ndcGrid4{grid-template-columns:1fr}}.ndcCard{background:hsl(var(--ndc-surface));border:1px solid hsl(var(--ndc-border)/.5);border-radius:var(--ndc-radius-lg);padding:20px;transition:all .2s ease}.ndcCard:hover{border-color:hsl(var(--ndc-border));box-shadow:var(--ndc-shadow-sm)}.ndcCardHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ndcCardTitle{font-size:16px;font-weight:600;color:hsl(var(--ndc-fg))}.ndcCardSubtitle{font-size:13px;color:hsl(var(--ndc-muted));margin-top:4px}.ndcBtn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;font-family:var(--ndc-font-body);font-size:14px;font-weight:500;border-radius:var(--ndc-radius-md);border:none;cursor:pointer;transition:all .15s ease}.ndcBtn:disabled{opacity:.5;cursor:not-allowed}.ndcBtnPrimary{background:hsl(var(--ndc-primary));color:#090f16}.ndcBtnPrimary:hover:not(:disabled){background:hsl(var(--ndc-primary-hover));box-shadow:0 0 16px hsl(var(--ndc-primary)/.4)}.ndcBtnSecondary{background:hsl(var(--ndc-surface-elev));color:hsl(var(--ndc-fg));border:1px solid hsl(var(--ndc-border))}.ndcBtnSecondary:hover:not(:disabled){background:hsl(var(--ndc-surface));border-color:hsl(var(--ndc-muted))}.ndcBtnDanger{background:hsl(var(--ndc-danger));color:#fff}.ndcBtnDanger:hover:not(:disabled){background:hsl(var(--ndc-danger)/.8)}.ndcBtnGhost{background:transparent;color:hsl(var(--ndc-muted))}.ndcBtnGhost:hover:not(:disabled){color:hsl(var(--ndc-fg));background:hsl(var(--ndc-surface-elev))}.ndcBtnSm{padding:6px 12px;font-size:13px}.ndcInput{width:100%;padding:10px 14px;background:hsl(var(--ndc-input-bg));border:1px solid hsl(var(--ndc-border));border-radius:var(--ndc-radius-md);color:hsl(var(--ndc-fg));font-family:var(--ndc-font-body);font-size:14px;transition:all .15s ease}.ndcInput:focus{outline:none;border-color:hsl(var(--ndc-primary));box-shadow:0 0 0 3px hsl(var(--ndc-primary)/.15)}.ndcInput::-moz-placeholder{color:hsl(var(--ndc-muted))}.ndcInput::placeholder{color:hsl(var(--ndc-muted))}.ndcLabel{display:block;font-size:13px;font-weight:500;color:hsl(var(--ndc-muted));margin-bottom:6px}.ndcBadge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px;font-weight:500;border-radius:var(--ndc-radius-sm)}.ndcBadgeSuccess{background:hsl(var(--ndc-success)/.15);color:hsl(var(--ndc-success))}.ndcBadgeWarning{background:hsl(var(--ndc-warning)/.15);color:hsl(var(--ndc-warning))}.ndcBadgeDanger{background:hsl(var(--ndc-danger)/.15);color:hsl(var(--ndc-danger))}.ndcBadgeInfo{background:hsl(var(--ndc-primary)/.15);color:hsl(var(--ndc-primary))}.ndcBadgeMuted{background:hsl(var(--ndc-muted)/.15);color:hsl(var(--ndc-muted))}.ndcTable{width:100%;border-collapse:collapse;font-size:14px}.ndcTable th{text-align:left;padding:12px 16px;font-weight:500;color:hsl(var(--ndc-muted));border-bottom:1px solid hsl(var(--ndc-line));background:hsl(var(--ndc-surface-2))}.ndcTable td{padding:12px 16px;border-bottom:1px solid hsl(var(--ndc-line)/.5);color:hsl(var(--ndc-fg))}.ndcTable tr:hover td{background:hsl(var(--ndc-surface-elev)/.5)}.ndcTabs{display:flex;gap:4px;border-bottom:1px solid hsl(var(--ndc-line));margin-bottom:24px}.ndcTab{padding:12px 20px;font-size:14px;font-weight:500;color:hsl(var(--ndc-muted));cursor:pointer;background:none;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;transition:all .15s ease}.ndcTab:hover{color:hsl(var(--ndc-fg))}.ndcTab.active{color:hsl(var(--ndc-primary));border-bottom-color:hsl(var(--ndc-primary))}.ndcStatCard{background:hsl(var(--ndc-surface));border:1px solid hsl(var(--ndc-border)/.5);border-radius:var(--ndc-radius-lg);padding:20px}.ndcStatLabel{font-size:13px;color:hsl(var(--ndc-muted));margin-bottom:8px}.ndcStatValue{font-size:32px;font-weight:700;color:hsl(var(--ndc-fg));line-height:1}.ndcStatValueSuccess{color:hsl(var(--ndc-success))}.ndcStatValueWarning{color:hsl(var(--ndc-warning))}.ndcStatValueDanger{color:hsl(var(--ndc-danger))}.ndcStatusDot{width:8px;height:8px;border-radius:50%;display:inline-block}.ndcStatusDotSuccess{background:hsl(var(--ndc-success));box-shadow:0 0 8px hsl(var(--ndc-success)/.5)}.ndcStatusDotWarning{background:hsl(var(--ndc-warning));box-shadow:0 0 8px hsl(var(--ndc-warning)/.5)}.ndcStatusDotDanger{background:hsl(var(--ndc-danger));box-shadow:0 0 8px hsl(var(--ndc-danger)/.5)}.ndcStatusDotMuted{background:hsl(var(--ndc-muted))}.ndcLoginContainer{min-height:100vh;display:flex;align-items:center;justify-content:center;background:hsl(var(--ndc-bg))}.ndcLoginCard{width:100%;max-width:400px;background:hsl(var(--ndc-surface));border:1px solid hsl(var(--ndc-border)/.5);border-radius:var(--ndc-radius-xl);padding:40px}.ndcLoginLogo{width:48px;height:48px;background:linear-gradient(135deg,hsl(var(--ndc-primary)),hsl(var(--ndc-secondary)));border-radius:12px;margin:0 auto 24px}.ndcLoginTitle{text-align:center;font-size:24px;font-weight:700;margin-bottom:8px}.ndcLoginSubtitle{text-align:center;color:hsl(var(--ndc-muted));margin-bottom:32px}.ndcLoginForm{display:flex;flex-direction:column;gap:16px}.ndcLoginError{background:hsl(var(--ndc-danger)/.1);border:1px solid hsl(var(--ndc-danger)/.3);color:hsl(var(--ndc-danger));padding:12px 16px;border-radius:var(--ndc-radius-md);font-size:14px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:hsl(var(--ndc-surface-2))}::-webkit-scrollbar-thumb{background:hsl(var(--ndc-border));border-radius:4px}::-webkit-scrollbar-thumb:hover{background:hsl(var(--ndc-muted))}.ndcTextMuted{color:hsl(var(--ndc-muted))}.ndcTextSuccess{color:hsl(var(--ndc-success))}.ndcTextWarning{color:hsl(var(--ndc-warning))}.ndcTextDanger{color:hsl(var(--ndc-danger))}.ndcMono{font-family:var(--ndc-font-mono)}.ndcMt8{margin-top:8px}.ndcMt16{margin-top:16px}.ndcMt24{margin-top:24px}.ndcMb8{margin-bottom:8px}.ndcMb16{margin-bottom:16px}.ndcFlex{display:flex}.ndcFlexCol{flex-direction:column}.ndcItemsCenter{align-items:center}.ndcJustifyBetween{justify-content:space-between}.ndcGap8{gap:8px}.ndcGap16{gap:16px}.ndcSection{margin-bottom:32px}.ndcSectionHeader{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid hsl(var(--ndc-line)/.15)}.ndcSectionTitle{font-size:15px;font-weight:600;color:hsl(var(--ndc-fg));display:flex;align-items:center;gap:10px}.ndcSectionIcon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:14px}.ndcSectionSubtitle{font-size:13px;color:hsl(var(--ndc-muted));margin-top:2px}.ndcSectionActions{display:flex;gap:8px}.ndcMetricGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px}.ndcMetricCard{background:hsl(var(--ndc-surface));border:1px solid hsl(var(--ndc-border)/.4);border-radius:12px;padding:20px;text-align:center;transition:all .2s ease}.ndcMetricCard:hover{border-color:hsl(var(--ndc-border));transform:translateY(-2px);box-shadow:0 4px 12px hsl(var(--ndc-bg)/.5)}.ndcMetricLabel{font-size:12px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;color:hsl(var(--ndc-muted));margin-bottom:8px}.ndcMetricValue{font-size:28px;font-weight:700;color:hsl(var(--ndc-fg));line-height:1.1;font-variant-numeric:tabular-nums}.ndcMetricUnit{font-size:14px;font-weight:500;color:hsl(var(--ndc-muted));margin-left:4px}.ndcMetricTrend{display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;font-size:12px;font-weight:500}.ndcMetricTrendUp{color:hsl(var(--ndc-success))}.ndcMetricTrendDown{color:hsl(var(--ndc-danger))}.ndcMetricTrendNeutral{color:hsl(var(--ndc-muted))}.ndcLinkGrid{display:flex;flex-wrap:wrap;gap:8px}.ndcLinkCard{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;background:hsl(var(--ndc-surface-elev));border:1px solid hsl(var(--ndc-border)/.3);border-radius:8px;font-size:13px;font-weight:500;color:hsl(var(--ndc-fg));text-decoration:none;transition:all .15s ease}.ndcLinkCard:hover{background:hsl(var(--ndc-primary)/.1);border-color:hsl(var(--ndc-primary)/.3);color:hsl(var(--ndc-primary));transform:translateY(-1px)}.ndcLinkCardIcon{font-size:16px}.ndcInfoPanel{display:flex;gap:16px;padding:16px 20px;background:hsl(var(--ndc-surface));border:1px solid hsl(var(--ndc-border)/.3);border-radius:12px;margin-bottom:24px}.ndcInfoPanelIcon{font-size:24px;flex-shrink:0}.ndcInfoPanelContent{flex:1}.ndcInfoPanelTitle{font-size:14px;font-weight:600;color:hsl(var(--ndc-fg));margin-bottom:4px}.ndcInfoPanelText{font-size:13px;color:hsl(var(--ndc-muted));line-height:1.5}.ndcInfoPanelWarn{background:rgba(245,159,10,.08);border-color:rgba(245,159,10,.2)}.ndcInfoPanelWarn .ndcInfoPanelTitle{color:#f59f0a}.ndcInfoPanelSuccess{background:hsl(var(--ndc-success)/.08);border-color:hsl(var(--ndc-success)/.2)}.ndcInfoPanelSuccess .ndcInfoPanelTitle{color:hsl(var(--ndc-success))}.ndcServiceCard{background:hsl(var(--ndc-surface));border:1px solid hsl(var(--ndc-border)/.4);border-radius:12px;padding:20px}.ndcServiceCardHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.ndcServiceCardTitle{font-size:15px;font-weight:600;color:hsl(var(--ndc-fg));text-transform:capitalize}.ndcServiceCardStatus{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:500}.ndcServiceCardMetrics{display:flex;flex-direction:column;gap:12px}.ndcServiceCardMetric{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid hsl(var(--ndc-line)/.1)}.ndcServiceCardMetric:last-child{border-bottom:none;padding-bottom:0}.ndcServiceCardMetricLabel{font-size:13px;color:hsl(var(--ndc-muted))}.ndcServiceCardMetricValue{font-size:14px;font-weight:600;color:hsl(var(--ndc-fg));font-variant-numeric:tabular-nums}.ndcAlertList{display:flex;flex-direction:column;gap:8px}.ndcAlertItem{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:hsl(var(--ndc-surface));border:1px solid hsl(var(--ndc-border)/.3);border-radius:10px;transition:all .15s ease}.ndcAlertItem:hover{border-color:hsl(var(--ndc-border))}.ndcAlertItemCritical{border-left:3px solid hsl(var(--ndc-danger))}.ndcAlertItemWarning{border-left:3px solid hsl(var(--ndc-warning))}.ndcAlertItemInfo{border-left:3px solid hsl(var(--ndc-primary))}.ndcAlertItemIcon{font-size:18px;flex-shrink:0;margin-top:2px}.ndcAlertItemContent{flex:1;min-width:0}.ndcAlertItemTitle{font-size:14px;font-weight:600;color:hsl(var(--ndc-fg));margin-bottom:4px}.ndcAlertItemMeta{display:flex;flex-wrap:wrap;gap:12px;font-size:12px;color:hsl(var(--ndc-muted))}.ndcAlertItemBadge{padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.ndcEmptyState{text-align:center;padding:48px 24px}.ndcEmptyStateIcon{font-size:48px;margin-bottom:16px;opacity:.5}.ndcEmptyStateTitle{font-size:16px;font-weight:600;color:hsl(var(--ndc-fg));margin-bottom:8px}.ndcEmptyStateText{font-size:14px;color:hsl(var(--ndc-muted));max-width:320px;margin:0 auto}.ndcPageHeader{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;padding-bottom:20px;border-bottom:1px solid hsl(var(--ndc-line)/.2)}.ndcPageTitle{font-size:24px;font-weight:700;color:hsl(var(--ndc-fg));margin:0}.ndcPageSubtitle{font-size:14px;color:hsl(var(--ndc-muted));margin-top:6px}.ndcPageActions{display:flex;gap:12px;flex-shrink:0}.ndcCardBody{padding:0}.ndcCardFooter{display:flex;justify-content:flex-end;gap:8px;padding-top:16px;margin-top:16px;border-top:1px solid hsl(var(--ndc-line)/.15)}.ndcCardCompact{padding:16px}.ndcCardLarge{padding:24px}.ndcCardFlat{border:none;background:transparent}.ndcCardElevated{box-shadow:var(--ndc-shadow-md);border-color:transparent}.ndcSectionHeaderLg{padding-bottom:16px;margin-bottom:20px}.ndcSectionHeaderSm{padding-bottom:8px;margin-bottom:12px}.ndcStatusIndicator{display:inline-flex;align-items:center;gap:8px}.ndcStatusIndicator:before{content:"";width:8px;height:8px;border-radius:50%;flex-shrink:0}.ndcStatusOk:before{background:hsl(var(--ndc-success));box-shadow:0 0 8px hsl(var(--ndc-success)/.5)}.ndcStatusWarn:before{background:hsl(var(--ndc-warning));box-shadow:0 0 8px hsl(var(--ndc-warning)/.5)}.ndcStatusFail:before{background:hsl(var(--ndc-danger));box-shadow:0 0 8px hsl(var(--ndc-danger)/.5)}.ndcStatusMuted:before{background:hsl(var(--ndc-muted))}.ndcBadgeOk{background:hsl(var(--ndc-success)/.15);color:hsl(var(--ndc-success))}.ndcBadgeFail{background:hsl(var(--ndc-danger)/.15);color:hsl(var(--ndc-danger))}.ndcBadgeWarn{background:hsl(var(--ndc-warning)/.15);color:hsl(var(--ndc-warning))}.ndcBadgePrimary{background:hsl(var(--ndc-primary)/.15);color:hsl(var(--ndc-primary))}.ndcBadgeLg{padding:6px 14px;font-size:13px}.ndcBadgeSm{padding:2px 6px;font-size:11px}.ndcToggle{position:relative;width:44px;height:24px;background:hsl(var(--ndc-surface-elev));border:1px solid hsl(var(--ndc-border));border-radius:12px;cursor:pointer;transition:all .2s ease}.ndcToggle:after{content:"";position:absolute;top:2px;left:2px;width:18px;height:18px;background:hsl(var(--ndc-muted));border-radius:50%;transition:all .2s ease}.ndcToggle.active{background:hsl(var(--ndc-primary)/.2);border-color:hsl(var(--ndc-primary))}.ndcToggle.active:after{left:22px;background:hsl(var(--ndc-primary))}.ndcFormGroup{margin-bottom:16px}.ndcFormRow{display:flex;gap:16px}.ndcFormRow>*{flex:1}.ndcFormHelp{color:hsl(var(--ndc-muted))}.ndcFormError,.ndcFormHelp{font-size:12px;margin-top:4px}.ndcFormError{color:hsl(var(--ndc-danger))}.ndcActionGroup{display:flex;gap:8px}.ndcActionGroupStacked{flex-direction:column}.ndcActionGroupSpread{justify-content:space-between}.ndcListItem{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid hsl(var(--ndc-line)/.15)}.ndcListItem:last-child{border-bottom:none}.ndcListItemIcon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:hsl(var(--ndc-surface-elev));border-radius:8px;font-size:16px;flex-shrink:0}.ndcListItemContent{flex:1;min-width:0}.ndcListItemTitle{font-size:14px;font-weight:500;color:hsl(var(--ndc-fg))}.ndcListItemMeta{font-size:12px;color:hsl(var(--ndc-muted));margin-top:2px}.ndcListItemActions{display:flex;gap:8px}.ndcMb4{margin-bottom:4px}.ndcMb12{margin-bottom:12px}.ndcMb20{margin-bottom:20px}.ndcMb24{margin-bottom:24px}.ndcMb32{margin-bottom:32px}.ndcMt4{margin-top:4px}.ndcMt12{margin-top:12px}.ndcMt20{margin-top:20px}.ndcPt16{padding-top:16px}.ndcPb16{padding-bottom:16px}.ndcPx16{padding-left:16px;padding-right:16px}.ndcPy16{padding-top:16px;padding-bottom:16px}.ndcFlexWrap{flex-wrap:wrap}.ndcFlexGrow{flex-grow:1}.ndcFlexShrink0{flex-shrink:0}.ndcGap4{gap:4px}.ndcGap12{gap:12px}.ndcGap20{gap:20px}.ndcGap24{gap:24px}.ndcGap32{gap:32px}.ndcTextSm{font-size:13px}.ndcTextXs{font-size:12px}.ndcTextLg{font-size:16px}.ndcTextBold{font-weight:600}.ndcTextCenter{text-align:center}.ndcTextRight{text-align:right}.ndcTextTruncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ndcTextPrimary{color:hsl(var(--ndc-primary))}