:root{--color-bg: #0f1317;--color-surface: #1a2028;--color-surface-2: #1e262e;--color-sidebar-bg: #131920;--color-hover: #1e252c;--color-input-bg: #0f1317;--color-border: #2a3038;--color-border-2: #3a4248;--color-text: #d4d9dd;--color-text-muted: #8896a0;--color-text-dim: #5a6470;--color-accent: #c47c5a;--color-accent-dark: #a8653e;--color-accent-tint: #c47c5a18;--color-accent-text: #fff;--color-success: #4caf50;--color-warning: #ff9800;--color-error: #e05c5c;--color-info: #2196f3;--color-success-tint: #4caf5018;--color-warning-tint: #ff980018;--color-error-tint: #e05c5c18;--color-info-tint: #2196f318;--shadow-sm: 0 1px 4px rgba(0,0,0,.4);--shadow-md: 0 4px 12px rgba(0,0,0,.5);--shadow-lg: 0 8px 24px rgba(0,0,0,.6);--radius-sm: 4px;--radius-md: 6px;--radius-lg: 14px;--font-ui: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--font-hero: "Ubuntu", sans-serif;--fs-body: 13px;--fs-interactive: 11px;--fs-label: 10px;--fs-input-large: 12px;--fs-heading: 20px;--sidebar-width: 188px;--topbar-height: 38px;--modal-min-width: 460px;--rack-unit-height: 40px;--input-pad: 5px 10px;--card-pad: 12px 14px;--z-base: 0;--z-raised: 10;--z-sticky: 100;--z-modal: 1000;--z-tooltip: 1200;--color-vlan-default: #5a8fc4;--color-role-default: #7a6c9e;--color-type-default: #5c8a5c}[data-theme=light]{--color-bg: #f0f2f5;--color-surface: #ffffff;--color-surface-2: #f5f7fa;--color-sidebar-bg: #e8eaed;--color-hover: #e0e4ea;--color-input-bg: #ffffff;--color-border: #d0d6e0;--color-border-2: #b8c0cc;--color-text: #1a2028;--color-text-muted: #5a6470;--color-text-dim: #8896a0;--color-accent: #c47c5a;--color-accent-dark: #a8653e;--color-accent-tint: #c47c5a18;--color-accent-text: #fff;--shadow-sm: 0 1px 4px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--shadow-lg: 0 8px 24px rgba(0,0,0,.12)}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font-ui);font-size:var(--fs-body);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-dim)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}._shell_juo23_1{display:flex;height:100vh;overflow:hidden;background:var(--color-bg, #0f1317);color:var(--color-text, #d4d9dd);font-family:Inter,system-ui,sans-serif}._sidebar_juo23_10{width:188px;min-width:188px;display:flex;flex-direction:column;background:var(--color-sidebar-bg, #131920);border-right:1px solid var(--color-border, #2a3038);transition:width .2s ease,min-width .2s ease;overflow:hidden}._sidebar_juo23_10._collapsed_juo23_21{width:48px;min-width:48px}._sidebarTop_juo23_26{display:flex;align-items:center;justify-content:space-between;padding:0 10px;height:38px;border-bottom:1px solid var(--color-border, #2a3038);flex-shrink:0}._logoWrap_juo23_36{position:relative;display:flex;flex-direction:column;min-width:0;flex:1}._logo_juo23_36{font-size:13px;font-weight:700;color:var(--color-accent, #c47c5a);white-space:nowrap;overflow:hidden;background:none;border:none;cursor:pointer;padding:0;text-align:left}._logo_juo23_36:hover{filter:brightness(1.15)}._currentSite_juo23_61{font-size:10px;color:var(--color-text-muted, #5a6068);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;line-height:1.2}._sitePicker_juo23_70{position:absolute;top:calc(100% + 6px);left:0;min-width:180px;background:var(--color-surface, #1a2028);border:1px solid var(--color-border, #2a3038);border-radius:6px;box-shadow:0 8px 24px #0006;z-index:1000;overflow:hidden}._sitePickerTitle_juo23_83{font-size:10px;font-weight:600;color:var(--color-text-muted, #5a6068);text-transform:uppercase;letter-spacing:.5px;padding:8px 12px 6px;border-bottom:1px solid var(--color-border, #2a3038)}._sitePickerEmpty_juo23_93{font-size:12px;color:var(--color-text-muted, #5a6068);padding:10px 12px}._siteOption_juo23_99{display:block;width:100%;padding:8px 12px;font-size:12px;color:var(--color-text, #d4d9dd);background:none;border:none;text-align:left;cursor:pointer;white-space:nowrap}._siteOption_juo23_99:hover{background:var(--color-hover, #1e252c)}._siteOptionActive_juo23_116{color:var(--color-accent, #c47c5a);background:var(--color-accent-tint, #c47c5a18)}._collapseBtn_juo23_121{background:none;border:none;color:var(--color-text-muted, #888);cursor:pointer;font-size:10px;padding:4px;border-radius:3px;flex-shrink:0}._collapseBtn_juo23_121:hover{color:var(--color-text, #d4d9dd)}._nav_juo23_136{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px 0}._navItem_juo23_143,._navParent_juo23_144{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;font-size:12px;color:var(--color-text-muted, #888);text-decoration:none;background:none;border:none;cursor:pointer;white-space:nowrap;border-radius:0;text-align:left}._navItem_juo23_143:hover,._navParent_juo23_144:hover{color:var(--color-text, #d4d9dd);background:var(--color-hover, #1e252c)}._navItem_juo23_143._active_juo23_167{color:var(--color-accent, #c47c5a);background:var(--color-accent-tint, #c47c5a18)}._navIcon_juo23_172{font-size:14px;width:18px;text-align:center;flex-shrink:0}._navLabel_juo23_179{flex:1}._navChevron_juo23_183{font-size:10px;color:var(--color-text-muted, #888)}._navChildren_juo23_188{padding-left:30px}._navChild_juo23_188{display:block;padding:5px 12px;font-size:12px;color:var(--color-text-muted, #888);text-decoration:none;white-space:nowrap}._navChild_juo23_188:hover{color:var(--color-text, #d4d9dd)}._navChild_juo23_188._active_juo23_167{color:var(--color-accent, #c47c5a)}._sidebarBottom_juo23_209{padding:8px 10px;border-top:1px solid var(--color-border, #2a3038);display:flex;align-items:center;gap:8px;flex-shrink:0}._userEmail_juo23_218{flex:1;font-size:11px;color:var(--color-text-muted, #888);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}._logoutBtn_juo23_227{background:none;border:none;color:var(--color-text-muted, #888);cursor:pointer;font-size:11px;padding:4px 6px;border-radius:3px;white-space:nowrap}._logoutBtn_juo23_227:hover{color:var(--color-text, #d4d9dd)}._main_juo23_242{flex:1;display:flex;flex-direction:column;min-width:0;overflow:hidden}._header_juo23_250{height:38px;display:flex;align-items:center;justify-content:flex-end;padding:0 16px;border-bottom:1px solid var(--color-border, #2a3038);background:var(--color-surface, #1a2028);flex-shrink:0}._themeToggle_juo23_261{background:none;border:none;color:var(--color-text-muted, #888);cursor:pointer;font-size:14px;padding:4px 8px;border-radius:4px}._themeToggle_juo23_261:hover{color:var(--color-text, #d4d9dd)}._content_juo23_275{flex:1;overflow-y:auto;overflow-x:hidden}