*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family);background:var(--color-bg);color:var(--color-text-primary)}a{text-decoration:none;color:inherit}ul,ol{list-style:none}:root{--color-primary: #6366f1;--color-primary-hover: #4f46e5;--color-primary-light: #eef2ff;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-success-text: #166534;--color-warning: #ea8b09;--color-warning-bg: #fef3c7;--color-warning-text: #92400e;--color-info: #2563eb;--color-info-bg: #dbeafe;--color-info-text: #1e40af;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-danger-text: #991b1b;--color-bg: #f5f7fa;--color-surface: #ffffff;--color-surface-raised: #ffffff;--color-text-primary: #1a1a2e;--color-text-secondary: #5c6370;--color-text-muted: #8b919a;--color-border: #d5d9e0;--color-border-light: #e5e8ed;--color-bg-muted: #f0f2f5;--color-bg-hover: #e8ebf0;--color-bg-hover-dark: #dce0e6;--color-sidebar-bg: #ffffff;--color-sidebar-active: #eef2ff;--color-sidebar-accent: #6366f1;--color-sidebar-text: #1a1a2e;--color-sidebar-border: #e5e8ed;--color-online: #22c55e;--color-status-online-bg: #dcfce7;--color-status-online-text: #166534;--color-status-offline-bg: #fee2e2;--color-status-offline-text: #991b1b;--color-status-warning-bg: #fef3c7;--color-status-warning-text: #92400e;--color-premium-border: #f59e0b;--color-premium-gradient-start: #f59e0b;--color-premium-gradient-end: #d97706;--color-log-bg: #1e1e2e;--color-log-text: #d4d4d8;--color-log-info: #34d399;--color-log-warning: #fbbf24;--color-log-error: #f87171;--color-log-timestamp: #71717a;--color-topbar-bg: #ffffff;--color-topbar-text: #1a1a2e;--color-topbar-subtitle: #5c6370;--color-topbar-border: #e5e8ed;--color-app-sidebar-bg: #ffffff;--color-app-sidebar-text: #8b919a;--color-app-sidebar-text-active: #1a1a2e;--color-app-sidebar-hover: #f0f2f5;--color-app-sidebar-active-bg: #eef2ff;--color-tooltip-bg: #1a1a2e;--color-tooltip-text: #ffffff;--shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .15);--color-backdrop: rgba(0, 0, 0, .4);--color-avatar-start: #6366f1;--color-avatar-end: #4f46e5;--color-toggle-track: #cbd5e1;--shadow-card: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .08);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .12);--font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, sans-serif;--font-family-mono: "Courier New", monospace;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 24px;--font-size-3xl: 32px;--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 15px;--space-xl: 20px;--space-2xl: 25px;--space-3xl: 30px;--radius-sm: 5px;--radius-md: 8px;--radius-lg: 16px;--radius-full: 9999px;--radius-badge: 12px;--topbar-height: 56px;--app-sidebar-width: 72px;--secondary-panel-width: 260px;--z-topbar: 100;--z-app-sidebar: 90;--device-sidebar-width: 240px;--toggle-width: 50px;--toggle-height: 26px;--toggle-knob: 20px;--progress-height: 8px;--transition-fast: .2s;--transition-normal: .3s}:root[data-theme=dark]{--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-light: rgba(99, 102, 241, .15);--color-success: #4ade80;--color-success-bg: rgba(74, 222, 128, .12);--color-success-text: #86efac;--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .12);--color-warning-text: #fcd34d;--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .12);--color-info-text: #93bbfd;--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .12);--color-danger-text: #fca5a5;--color-bg: #0f1117;--color-surface: #1a1c25;--color-surface-raised: #22252f;--color-text-primary: #e4e5e9;--color-text-secondary: #9ca0ab;--color-text-muted: #6b7083;--color-border: #2e3140;--color-border-light: #252836;--color-bg-muted: #22252f;--color-bg-hover: #2a2d38;--color-bg-hover-dark: #343845;--color-sidebar-bg: #1a1c25;--color-sidebar-active: rgba(99, 102, 241, .15);--color-sidebar-accent: #818cf8;--color-sidebar-text: #e4e5e9;--color-sidebar-border: #2e3140;--color-online: #4ade80;--color-status-online-bg: rgba(74, 222, 128, .12);--color-status-online-text: #86efac;--color-status-offline-bg: rgba(248, 113, 113, .12);--color-status-offline-text: #fca5a5;--color-status-warning-bg: rgba(251, 191, 36, .12);--color-status-warning-text: #fcd34d;--color-premium-border: #fbbf24;--color-premium-gradient-start: #fbbf24;--color-premium-gradient-end: #f59e0b;--color-log-bg: #12131a;--color-log-text: #d4d4d8;--color-log-info: #34d399;--color-log-warning: #fbbf24;--color-log-error: #f87171;--color-log-timestamp: #6b7083;--color-topbar-bg: #1a1c25;--color-topbar-text: #e4e5e9;--color-topbar-subtitle: #9ca0ab;--color-topbar-border: #2e3140;--color-app-sidebar-bg: #1a1c25;--color-app-sidebar-text: #6b7083;--color-app-sidebar-text-active: #e4e5e9;--color-app-sidebar-hover: #22252f;--color-app-sidebar-active-bg: rgba(99, 102, 241, .15);--color-tooltip-bg: #343845;--color-tooltip-text: #e4e5e9;--shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .4);--color-backdrop: rgba(0, 0, 0, .6);--color-avatar-start: #818cf8;--color-avatar-end: #6366f1;--color-toggle-track: #4a4d5a;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .4);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .5)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-primary: #818cf8;--color-primary-hover: #6366f1;--color-primary-light: rgba(99, 102, 241, .15);--color-success: #4ade80;--color-success-bg: rgba(74, 222, 128, .12);--color-success-text: #86efac;--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .12);--color-warning-text: #fcd34d;--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .12);--color-info-text: #93bbfd;--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .12);--color-danger-text: #fca5a5;--color-bg: #0f1117;--color-surface: #1a1c25;--color-surface-raised: #22252f;--color-text-primary: #e4e5e9;--color-text-secondary: #9ca0ab;--color-text-muted: #6b7083;--color-border: #2e3140;--color-border-light: #252836;--color-bg-muted: #22252f;--color-bg-hover: #2a2d38;--color-bg-hover-dark: #343845;--color-sidebar-bg: #1a1c25;--color-sidebar-active: rgba(99, 102, 241, .15);--color-sidebar-accent: #818cf8;--color-sidebar-text: #e4e5e9;--color-sidebar-border: #2e3140;--color-online: #4ade80;--color-status-online-bg: rgba(74, 222, 128, .12);--color-status-online-text: #86efac;--color-status-offline-bg: rgba(248, 113, 113, .12);--color-status-offline-text: #fca5a5;--color-status-warning-bg: rgba(251, 191, 36, .12);--color-status-warning-text: #fcd34d;--color-premium-border: #fbbf24;--color-premium-gradient-start: #fbbf24;--color-premium-gradient-end: #f59e0b;--color-log-bg: #12131a;--color-log-text: #d4d4d8;--color-log-info: #34d399;--color-log-warning: #fbbf24;--color-log-error: #f87171;--color-log-timestamp: #6b7083;--color-topbar-bg: #1a1c25;--color-topbar-text: #e4e5e9;--color-topbar-subtitle: #9ca0ab;--color-topbar-border: #2e3140;--color-app-sidebar-bg: #1a1c25;--color-app-sidebar-text: #6b7083;--color-app-sidebar-text-active: #e4e5e9;--color-app-sidebar-hover: #22252f;--color-app-sidebar-active-bg: rgba(99, 102, 241, .15);--color-tooltip-bg: #343845;--color-tooltip-text: #e4e5e9;--shadow-tooltip: 0 4px 12px rgba(0, 0, 0, .4);--color-backdrop: rgba(0, 0, 0, .6);--color-avatar-start: #818cf8;--color-avatar-end: #6366f1;--color-toggle-track: #4a4d5a;--shadow-card: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-elevated: 0 4px 12px rgba(0, 0, 0, .4);--shadow-modal: 0 16px 48px rgba(0, 0, 0, .5)}}.modal-backdrop.svelte-g0qbla{position:fixed;inset:0;z-index:200;display:grid;place-items:center;background:var(--color-backdrop);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal-card.svelte-g0qbla{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-2xl);min-width:320px;max-width:400px;box-shadow:var(--shadow-modal)}.modal-title.svelte-g0qbla{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-lg);text-align:center}.language-search.svelte-g0qbla{width:100%;padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text-primary);font-size:var(--font-size-base);font-family:inherit;margin-bottom:var(--space-md);outline:none;transition:border-color var(--transition-fast)}.language-search.svelte-g0qbla::placeholder{color:var(--color-text-muted)}.language-search.svelte-g0qbla:focus{border-color:var(--color-primary)}.language-grid.svelte-g0qbla{display:flex;flex-direction:column;gap:var(--space-xs);max-height:320px;overflow-y:auto}.language-option.svelte-g0qbla{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-sm) var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);font-family:inherit;text-align:left}.language-option.svelte-g0qbla:hover{background:var(--color-bg-hover);border-color:var(--color-primary)}.language-option.active.svelte-g0qbla{background:var(--color-primary-light);border-color:var(--color-primary)}.language-code.svelte-g0qbla{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-bg-muted);font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-secondary);flex-shrink:0}.language-option.active.svelte-g0qbla .language-code:where(.svelte-g0qbla){background:var(--color-primary);color:#fff}.language-name.svelte-g0qbla{font-size:var(--font-size-base);font-weight:500;color:var(--color-text-primary)}.theme-toggle.svelte-bxe964{display:grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.theme-toggle.svelte-bxe964:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.top-header.svelte-1h47qfd{position:fixed;top:0;left:0;right:0;height:var(--topbar-height);background:var(--color-topbar-bg);border-bottom:1px solid var(--color-topbar-border);display:flex;align-items:center;justify-content:space-between;padding:0 var(--space-xl);z-index:var(--z-topbar)}.top-header-left.svelte-1h47qfd{display:flex;align-items:center;gap:var(--space-md)}.logo-icon.svelte-1h47qfd{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;display:grid;place-items:center;font-size:var(--font-size-base);font-weight:700}.top-header-titles.svelte-1h47qfd{display:flex;flex-direction:column;line-height:1.3}.top-header-title.svelte-1h47qfd{font-size:var(--font-size-base);font-weight:600;color:var(--color-topbar-text)}.top-header-subtitle.svelte-1h47qfd{font-size:var(--font-size-xs);color:var(--color-topbar-subtitle)}.top-header-right.svelte-1h47qfd{display:flex;align-items:center;gap:var(--space-sm)}.header-action.svelte-1h47qfd{display:flex;align-items:center;gap:6px;height:36px;padding:0 var(--space-sm);border-radius:var(--radius-md);border:none;background:transparent;color:var(--color-text-secondary);font-size:var(--font-size-xs);font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast);letter-spacing:.5px}.header-action.svelte-1h47qfd:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.action-icon.svelte-1h47qfd{display:flex;align-items:center}.action-icon.svelte-1h47qfd svg{width:18px;height:18px}.action-label.svelte-1h47qfd{font-size:var(--font-size-xs)}.header-divider.svelte-1h47qfd{width:1px;height:24px;background:var(--color-border);margin:0 var(--space-xs)}.user-pill.svelte-1h47qfd{display:flex;align-items:center;gap:var(--space-sm);padding:4px 10px 4px 4px;border-radius:var(--radius-full);border:none;background:transparent;cursor:pointer;transition:background var(--transition-fast);color:inherit;font-family:inherit}.user-pill.svelte-1h47qfd:hover{background:var(--color-bg-hover)}.user-avatar.svelte-1h47qfd{width:28px;height:28px;border-radius:var(--radius-full);background:linear-gradient(135deg,var(--color-avatar-start),var(--color-avatar-end));color:#fff;display:grid;place-items:center;font-size:var(--font-size-xs);font-weight:600}.user-details.svelte-1h47qfd{display:flex;flex-direction:column;text-align:left;line-height:1.3}.user-name.svelte-1h47qfd{font-size:var(--font-size-sm);font-weight:500;color:var(--color-topbar-text)}.user-role.svelte-1h47qfd{font-size:var(--font-size-xs);color:var(--color-topbar-subtitle)}.app-sidebar.svelte-1awo87y{position:fixed;top:var(--topbar-height);left:0;width:var(--app-sidebar-width);height:calc(100vh - var(--topbar-height));background:var(--color-app-sidebar-bg);border-right:1px solid var(--color-topbar-border);z-index:calc(var(--z-app-sidebar) + 1);overflow-y:auto}.app-sidebar-nav.svelte-1awo87y{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-sm)}.nav-item.svelte-1awo87y{position:relative;display:grid;place-items:center;width:48px;height:48px;border-radius:var(--radius-lg);border:1px solid transparent;color:var(--color-app-sidebar-text);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.nav-item.svelte-1awo87y:hover{background:var(--color-app-sidebar-hover);color:var(--color-app-sidebar-text-active);border-color:var(--color-topbar-border)}.nav-item.active.svelte-1awo87y{background:var(--color-app-sidebar-active-bg);color:var(--color-app-sidebar-text-active);border-color:var(--color-topbar-border)}.nav-icon.svelte-1awo87y{display:flex;align-items:center;justify-content:center}.nav-icon.svelte-1awo87y svg{width:22px;height:22px}.nav-tooltip.svelte-1awo87y{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%);padding:4px 10px;border-radius:var(--radius-md);background:var(--color-tooltip-bg);border:1px solid var(--color-border);color:var(--color-tooltip-text);font-size:var(--font-size-xs);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--transition-fast);box-shadow:var(--shadow-tooltip);z-index:1}.nav-item.svelte-1awo87y:hover .nav-tooltip:where(.svelte-1awo87y){opacity:1}.secondary-panel.svelte-ckzh3b{position:fixed;top:var(--topbar-height);left:var(--app-sidebar-width);width:var(--secondary-panel-width);height:calc(100vh - var(--topbar-height));background:var(--color-surface);border-right:1px solid var(--color-border);z-index:var(--z-app-sidebar);overflow:visible;transition:width var(--transition-normal)}.secondary-panel.collapsed.svelte-ckzh3b{width:20px;overflow:visible;background:var(--color-bg)}.panel-content.svelte-ckzh3b{height:100%;overflow-y:auto}.edge-toggle.svelte-ckzh3b{position:absolute;top:12px;right:-14px;width:28px;height:28px;border-radius:var(--radius-full);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;display:grid;place-items:center;z-index:1;box-shadow:var(--shadow-card);transition:background var(--transition-fast),color var(--transition-fast)}.edge-toggle.svelte-ckzh3b:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.edge-toggle.is-collapsed.svelte-ckzh3b{right:-16px;width:32px;height:32px;box-shadow:var(--shadow-elevated);border-color:var(--color-primary);color:var(--color-primary)}.edge-toggle-icon.svelte-ckzh3b{display:flex;transition:transform var(--transition-normal)}.edge-toggle-icon.rotated.svelte-ckzh3b{transform:rotate(180deg)}.edge-toggle-icon.svelte-ckzh3b svg{width:14px;height:14px}.panel-header.svelte-ckzh3b{display:flex;align-items:center;justify-content:space-between;padding:var(--space-lg) var(--space-lg) var(--space-md);border-bottom:1px solid var(--color-border-light)}.panel-title-row.svelte-ckzh3b{display:flex;align-items:center;gap:var(--space-sm)}.panel-icon.svelte-ckzh3b{display:flex;align-items:center;color:var(--color-text-secondary)}.panel-icon.svelte-ckzh3b svg{width:18px;height:18px}.panel-title.svelte-ckzh3b{font-size:var(--font-size-lg);font-weight:600;color:var(--color-text-primary)}.panel-nav.svelte-ckzh3b{display:flex;flex-direction:column;padding:var(--space-sm)}.panel-item.svelte-ckzh3b{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--font-size-base);color:var(--color-text-secondary);text-decoration:none;transition:background var(--transition-fast),color var(--transition-fast)}.panel-item.svelte-ckzh3b:hover{background:var(--color-bg-hover);color:var(--color-text-primary)}.panel-item.active.svelte-ckzh3b{background:var(--color-primary-light);color:var(--color-primary);font-weight:500}.back-header.svelte-ckzh3b{text-decoration:none;cursor:pointer;transition:background var(--transition-fast)}.back-header.svelte-ckzh3b:hover{background:var(--color-bg-hover)}.back-header.svelte-ckzh3b .panel-icon:where(.svelte-ckzh3b){color:var(--color-text-secondary);transition:color var(--transition-fast)}.back-header.svelte-ckzh3b:hover .panel-icon:where(.svelte-ckzh3b){color:var(--color-primary)}.detail-card.svelte-ckzh3b{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.detail-name.svelte-ckzh3b{font-size:var(--font-size-base);font-weight:600;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom:2px}.detail-status.svelte-ckzh3b{display:flex;align-items:center;gap:6px;font-size:var(--font-size-xs);color:var(--color-text-secondary)}.status-dot.svelte-ckzh3b{width:8px;height:8px;border-radius:var(--radius-full)}.status-dot.online.svelte-ckzh3b{background:var(--color-success)}.status-dot.offline.svelte-ckzh3b{background:var(--color-danger)}.status-dot.warning.svelte-ckzh3b{background:var(--color-warning)}.panel-item-icon.svelte-ckzh3b{display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-right:var(--space-sm);color:inherit}.panel-item-icon.svelte-ckzh3b svg{width:16px;height:16px}.app-shell.svelte-12qhfyh{display:flex;flex-direction:column;min-height:100vh}.app-body.svelte-12qhfyh{display:flex;flex:1;padding-top:var(--topbar-height)}.app-content.svelte-12qhfyh{flex:1;min-height:calc(100vh - var(--topbar-height));background:var(--color-bg);transition:margin-left var(--transition-normal)}