:root{--noc-bg:#f7f8fa;--noc-surface:#fff;--noc-surface-subtle:#f2f4f7;--noc-border:#d9dee7;--noc-border-soft:#e8ebf0;--noc-text:#1f2937;--noc-muted:#667085;--noc-accent:#185fa5;--noc-accent-soft:#e8f1fa;--noc-success:#0f6e56;--noc-success-bg:#e1f5ee;--noc-error:#993c1d;--noc-error-bg:#faece7;--noc-warning:#854f0b;--noc-warning-bg:#faeeda;--noc-mono:"IBM Plex Mono", "Roboto Mono", "SFMono-Regular", Consolas, monospace;--noc-ui:Inter, "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}html,body,#root{color:var(--noc-text);background:var(--noc-bg)!important;font-family:var(--noc-ui)!important}body,.MuiTypography-root,.MuiButton-root,.MuiInputBase-root,.MuiTableCell-root,.MuiChip-root{font-family:var(--noc-ui)!important}.MuiAppBar-root{color:var(--noc-text)!important;border-bottom:1px solid var(--noc-border)!important;box-shadow:none!important;background:#fffffffa!important}.MuiAppBar-root:after{display:none!important}.MuiAppBar-root nav{gap:4px!important}.MuiAppBar-root nav .MuiButton-root{letter-spacing:.01em;color:#475467!important;border:0!important;border-radius:6px!important;min-height:32px!important;padding:5px 10px!important;font-size:12px!important;font-weight:600!important}.MuiAppBar-root nav .MuiButton-colorPrimary{background:var(--noc-accent-soft)!important;color:var(--noc-accent)!important}.MuiAppBar-root nav .MuiButton-root:hover{color:var(--noc-text)!important;background:#f0f3f7!important}.MuiAppBar-root .MuiTypography-root:first-of-type{color:var(--noc-accent)!important}h1.MuiTypography-root,.MuiTypography-h1,.MuiTypography-h2,.MuiTypography-h3,.MuiTypography-h4{color:var(--noc-text)!important;letter-spacing:-.015em!important;font-size:22px!important;font-weight:500!important;line-height:1.3!important}.MuiTypography-h5,.MuiTypography-h6{letter-spacing:-.01em!important;font-weight:500!important}.MuiTypography-body1{font-size:14px!important}.MuiTypography-body2,.MuiTypography-caption{color:var(--noc-muted)}.MuiPaper-root,.MuiCard-root{box-shadow:none!important;border-color:var(--noc-border)!important;background-image:none!important}.MuiCard-root,.MuiPaper-rounded{border:1px solid var(--noc-border)!important;border-radius:8px!important}.MuiCardContent-root{padding:16px!important}.MuiCard-root .MuiSvgIcon-colorPrimary,.MuiPaper-root .MuiSvgIcon-colorPrimary{color:var(--noc-accent)!important}.MuiTableBody-root .MuiTableCell-root:nth-child(4),.MuiDataGrid-cell[data-field*=ip i],.MuiDataGrid-cell[data-field*=serial i],.MuiDataGrid-cell[data-field*=interface i],code,pre{font-variant-numeric:tabular-nums;letter-spacing:-.01em;font-family:var(--noc-mono)!important}.MuiTableContainer-root,.MuiDataGrid-root{border:1px solid var(--noc-border)!important;box-shadow:none!important;background:var(--noc-surface)!important;border-radius:8px!important}.MuiTableCell-root{border-bottom:1px solid var(--noc-border-soft)!important;padding:10px 12px!important;font-size:13px!important}.MuiTableHead-root .MuiTableCell-root,.MuiDataGrid-columnHeaders{color:#475467!important;text-transform:none!important;background:#f8f9fb!important;font-size:12px!important;font-weight:600!important}.MuiTableRow-root:last-child .MuiTableCell-root{border-bottom:0!important}.MuiTableRow-root:hover,.MuiDataGrid-row:hover{background:#f8fafc!important}.MuiDataGrid-row,.MuiDataGrid-cell{border-color:var(--noc-border-soft)!important;min-height:42px!important;max-height:42px!important}.MuiOutlinedInput-root{background:var(--noc-surface)!important;border-radius:6px!important;min-height:36px!important;font-size:13px!important}.MuiOutlinedInput-notchedOutline{border-width:1px!important;border-color:#cfd5df!important}.MuiOutlinedInput-root:hover .MuiOutlinedInput-notchedOutline{border-color:#98a2b3!important}.MuiOutlinedInput-root.Mui-focused .MuiOutlinedInput-notchedOutline{border-color:var(--noc-accent)!important;border-width:1px!important}.MuiInputLabel-root.Mui-focused{color:var(--noc-accent)!important}.MuiButton-root{min-height:34px!important;box-shadow:none!important;text-transform:none!important;border-radius:6px!important;font-size:12px!important;font-weight:600!important}.MuiButton-containedPrimary{background:var(--noc-accent)!important;color:#fff!important}.MuiButton-containedPrimary:hover{background:#124f89!important}.MuiButton-outlined,.MuiButton-text{color:#475467!important;background:0 0!important;border-color:#b8c0cc!important}.MuiButton-outlined:hover,.MuiButton-text:hover{color:var(--noc-text)!important;background:#f0f3f7!important;border-color:#98a2b3!important}.MuiChip-root{height:24px!important;box-shadow:none!important;border-radius:12px!important;font-size:11px!important;font-weight:600!important}.MuiChip-colorSuccess,.MuiChip-root[class*=success i]{background:var(--noc-success-bg)!important;color:var(--noc-success)!important;border-color:#9fd8c5!important}.MuiChip-colorError,.MuiChip-root[class*=error i]{background:var(--noc-error-bg)!important;color:var(--noc-error)!important;border-color:#e6b8a8!important}.MuiChip-colorWarning,.MuiChip-root[class*=warning i]{background:var(--noc-warning-bg)!important;color:var(--noc-warning)!important;border-color:#e5c58f!important}.MuiChip-colorPrimary{background:var(--noc-accent-soft)!important;color:var(--noc-accent)!important;border-color:#accce8!important}.MuiAlert-root{box-shadow:none!important;border-radius:6px!important}.MuiMenu-paper,.MuiPopover-paper,.MuiDialog-paper{border:1px solid var(--noc-border)!important;border-radius:8px!important;box-shadow:0 8px 24px #1018281f!important}.MuiIconButton-root,.MuiTablePagination-root,.MuiTablePagination-actions,.MuiDataGrid-footerContainer{color:#667085!important}.MuiIconButton-root:hover{color:#344054!important;background:#eef1f5!important}.MuiCard-root .MuiSvgIcon-root,.MuiPaper-root .MuiSvgIcon-root{filter:saturate(.72)}html{--lightningcss-light:initial!important;--lightningcss-dark: !important;color-scheme:light!important}html,body,#root,.MuiBox-root{scrollbar-color:#b8c0cc #eef1f5}.MuiCssBaseline-root,body{background-color:var(--noc-bg)!important;color:var(--noc-text)!important}.MuiTypography-root,.MuiTableCell-root,.MuiInputBase-input,.MuiSelect-select,.MuiMenuItem-root,.MuiDialogContentText-root{color:inherit}.Mui-disabled{opacity:.55!important}html[data-theme=dark]{--noc-bg:#111418;--noc-surface:#171b21;--noc-surface-subtle:#1d2229;--noc-border:#303640;--noc-border-soft:#272d35;--noc-text:#e5e7eb;--noc-muted:#9aa4b2;--noc-accent:#6ea8d9;--noc-accent-soft:#1b3145;--lightningcss-light: !important;--lightningcss-dark:initial!important;color-scheme:dark!important}html[data-theme=dark] body,html[data-theme=dark] #root,html[data-theme=dark] .MuiAppBar-root,html[data-theme=dark] .MuiPaper-root,html[data-theme=dark] .MuiCard-root,html[data-theme=dark] .MuiTableContainer-root,html[data-theme=dark] .MuiDataGrid-root,html[data-theme=dark] .MuiOutlinedInput-root,html[data-theme=dark] .MuiMenu-paper,html[data-theme=dark] .MuiPopover-paper,html[data-theme=dark] .MuiDialog-paper{background-color:var(--noc-surface)!important;color:var(--noc-text)!important}html[data-theme=dark] .MuiTableHead-root .MuiTableCell-root,html[data-theme=dark] .MuiDataGrid-columnHeaders,html[data-theme=dark] .MuiTableRow-root:hover,html[data-theme=dark] .MuiDataGrid-row:hover{background:var(--noc-surface-subtle)!important}