*{margin:0;padding:0;box-sizing:border-box}:root{--primary-color:#2563eb;--primary-dark:#1d4ed8;--primary-light:#3b82f6;--secondary-color:#7c3aed;--accent-color:#06b6d4;--success-color:var(--status-online);--warning-color:var(--status-warning);--error-color:var(--status-critical);--info-color:#06b6d4;--loading-overlay-bg:rgba(255,255,255,0.75);--white:#ffffff;--gray-50:#e5e5e7;--gray-100:#f1f5f9;--gray-200:#d1d5db;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--sidebar-bg:#f5f5f7;--status-online:#16a34a;--status-warning:#facc15;--status-critical:#dc2626;--status-offline:#6b7280;--status-unknown:#8b5cf6;--link-loss-color:#ff4d1a;--dying-gasp-color:#45a9f7;--unknown-reason-color:#bf5af2;--header-height:60px;--footer-height:48px;--details-panel-width:480px;--details-panel-min-width:360px;--details-panel-max-width:720px;--main-panel-min-width:640px;--resizer-width:4px;--content-max-width:1400px;--tree-accent-width:3px;--tree-indent-width:32px;--pon-agg-card-padding:10px 12px 4px 12px;--pon-agg-card-margin:6px 0;--pon-agg-card-min-width:220px;--pon-agg-card-width:auto;--pon-agg-card-max-width:min(320px,100%);--pon-agg-card-gap:2px;--pon-agg-label-font-size:0.72rem;--pon-agg-label-font-weight:600;--pon-agg-label-opacity:0.9;--pon-agg-footer-font-size:0.72rem;--chip-list-columns:repeat(auto-fit,minmax(92px,1fr));--chip-list-single-columns:repeat(3,minmax(0,1fr));--chip-list-gap:6px 8px;--chip-list-margin:4px 0;--chip-padding:4px 8px;--chip-font-size:0.66rem;--chip-min-height:22px;--chip-gap:4px;--tree-node-margin-bottom:var(--spacing-sm);--tree-node-content-padding:calc(var(--spacing-sm) + 0.25rem) calc(var(--spacing-lg) - 4px);--tree-node-content-margin-left:6px;--tree-node-content-min-height:auto;--tree-node-container-padding:0.6rem 1rem;--tree-node-container-min-height:44px;--tree-node-toggle-size:20px;--tree-node-toggle-margin-right:var(--spacing-sm);--tree-node-name-font-size:0.875rem;--tree-node-details-font-size:0.75rem;--cto-card-header-padding:16px 18px;--cto-card-header-gap:6px;--cto-card-header-min-height:58px;--cto-name-font-size:0.9rem;--client-count-font-size:0.75rem;--cto-mode-toggle-padding:10px 12px;--cto-mode-toggle-min-height:52px;--cto-mode-toggle-gap:3px;--cto-card-content-padding:0px 12px 12px 12px;--cto-mode-toggle-margin:0;--cto-mode-toggle-radius:0;--cto-mode-toggle-wrap:wrap;--cto-mode-toggle-height:auto;--cto-mode-tab-padding:4px 11px;--cto-mode-tab-font-size:0.68rem;--details-action-size:38px;--details-action-icon-size:24px;--details-close-font-size:1.2rem;--client-table-cell-padding:6px 8px;--refresh-btn-size:28px;--refresh-btn-icon-size:22px;--topology-action-icon-size:24px;--refresh-action-icon-size:22px;--row-refresh-btn-size:24px;--row-refresh-btn-icon-size:18px;--power-actions-size:32px;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-pill:999px;--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.08);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.12),0 1px 2px 0 rgba(0,0,0,0.08);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.12),0 2px 4px -1px rgba(0,0,0,0.08);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.12),0 4px 6px -2px rgba(0,0,0,0.08);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.14),0 10px 10px -5px rgba(0,0,0,0.08);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.3);--transition-fast:150ms ease;--transition-normal:200ms ease;--transition-slow:300ms ease;--pane-header-height:64px;--control-height:38px}html.theme-switching *,html.theme-switching *::before,html.theme-switching *::after{transition:none!important}:root[data-theme="dark"]{color-scheme:dark;--primary-color:#0a84ff;--primary-dark:#0060df;--primary-light:#2997ff;--secondary-color:#5e5ce6;--accent-color:#64d2ff;--white:#2c2c2e;--gray-50:#1c1c1e;--gray-100:#2a2a2c;--gray-200:#3a3a3c;--gray-300:#48484a;--gray-400:#636366;--gray-500:#8e8e93;--gray-600:#98989d;--gray-700:#aeaeb2;--gray-800:#c7c7cc;--gray-900:#e5e5e7;--sidebar-bg:#1c1c1e;--status-online:#30d158;--status-warning:#ffd60a;--status-critical:#ff453a;--status-offline:#8e8e93;--status-unknown:#64d2ff;--dark-subtitle-color:#c7c7cc;--loading-overlay-bg:rgba(5,10,25,0.78);--shadow-xs:0 1px 2px 0 rgba(0,0,0,0.3);--shadow-sm:0 1px 3px 0 rgba(0,0,0,0.3),0 1px 2px 0 rgba(0,0,0,0.2);--shadow-md:0 4px 6px -1px rgba(0,0,0,0.3),0 2px 4px -1px rgba(0,0,0,0.2);--shadow-lg:0 10px 15px -3px rgba(0,0,0,0.3),0 4px 6px -2px rgba(0,0,0,0.2);--shadow-xl:0 20px 25px -5px rgba(0,0,0,0.4),0 10px 10px -5px rgba(0,0,0,0.2);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,0.5)}body{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;background-color:var(--gray-50);color:var(--gray-900);line-height:1.6}:root[data-theme="dark"] body{background-color:var(--gray-50);color:var(--gray-900)}.hidden{display:none!important}html[data-theme="dark"] .user-dropdown{border-color:var(--gray-300);box-shadow:0 18px 35px -18px rgba(2,6,23,0.9)}html[data-theme="dark"] .dropdown-divider{background:var(--gray-300)}html[data-theme="dark"] .dropdown-item:hover{background:var(--gray-200);color:var(--primary-light)}html[data-theme="dark"] .dropdown-item:hover .dropdown-icon{color:var(--primary-light)}html[data-theme="dark"] .dropdown-icon{color:var(--gray-500)}html[data-theme="dark"] .theme-toggle-pill{background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.2)}html[data-theme="dark"] .theme-toggle-thumb{background:rgba(255,255,255,0.28);box-shadow:0 1px 3px rgba(0,0,0,0.3)}html[data-theme="dark"] .theme-toggle-btn{color:rgba(255,255,255,0.6)}html[data-theme="dark"] .theme-toggle-btn:hover{color:rgba(255,255,255,0.85)}html[data-theme="dark"] .theme-toggle-btn.active{color:var(--primary-light)}html[data-theme="dark"] .theme-section-title{color:rgba(255,255,255,0.7)}html[data-theme="dark"] .dropdown-item.logout-link{color:var(--gray-900)}html[data-theme="dark"] .dropdown-item.logout-link .dropdown-icon{color:inherit}html[data-theme="dark"] .dropdown-item.logout-link:hover{color:#ffffff}html[data-theme="dark"] .messages-container .message{border:1px solid rgba(148,163,184,0.25);background:var(--white);color:var(--gray-800)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}html[data-theme="dark"] .message-success{background:rgba(34,197,94,0.15);border-left-color:rgba(34,197,94,0.8);border-color:rgba(34,197,94,0.35);color:#bbf7d0}html[data-theme="dark"] .message-error{background:rgba(248,113,113,0.18);border-left-color:rgba(220,38,38,0.8);border-color:rgba(220,38,38,0.35);color:#fecaca}html[data-theme="dark"] .message-warning{background:rgba(250,204,21,0.18);border-left-color:rgba(250,204,21,0.8);border-color:rgba(250,204,21,0.35);color:#fef08a}html[data-theme="dark"] .message-info{background:rgba(96,165,250,0.2);border-left-color:rgba(59,130,246,0.8);border-color:rgba(96,165,250,0.35);color:#bfdbfe}html[data-theme="dark"] .search-highlight{background:rgba(250,204,21,0.25);color:#fde68a;box-shadow:0 0 0 1px rgba(250,204,21,0.35)}html[data-theme="dark"] .tree-node.search-match{background:rgba(250,204,21,0.12);border-left-color:#facc15}html[data-theme="dark"] .loading-overlay{background:rgba(0,0,0,0.92)}html[data-theme="dark"] .spinner{border-color:var(--gray-300);border-top-color:transparent;border-right-color:transparent}html[data-theme="dark"] .loading-spinner p{color:var(--gray-700)}html[data-theme="dark"] body,html[data-theme="dark"] .dashboard-container,html[data-theme="dark"] .main-content{background:var(--gray-50);color:var(--gray-900)}html[data-theme="dark"] .topology-tree{background:var(--gray-100);border-color:var(--gray-300);box-shadow:0 4px 6px -1px rgba(0,0,0,0.5),0 2px 4px -1px rgba(0,0,0,0.3)}html[data-theme="dark"] .header,html[data-theme="dark"] .footer,html[data-theme="dark"] .panel{background:var(--gray-100);color:var(--gray-900)}html[data-theme="dark"] .topology-header{background:transparent;border-bottom:none;color:var(--gray-900)}html[data-theme="dark"] .header,html[data-theme="dark"] .footer,html[data-theme="dark"] .topology-header,html[data-theme="dark"] .panel-resizer--details{border-color:var(--gray-300)}html[data-theme="dark"] .footer-text,html[data-theme="dark"] .topology-breadcrumb,html[data-theme="dark"] .nav-link{color:var(--gray-700)}html[data-theme="dark"] .nav-link:hover,html[data-theme="dark"] .nav-link.active{background:var(--gray-200);color:var(--gray-900)}html[data-theme="dark"] .user-name,html[data-theme="dark"] .user-details span,html[data-theme="dark"] .dropdown-item{color:var(--gray-800)}html[data-theme="dark"] .user-menu-btn{border:2px solid rgba(255,255,255,0.15);background:var(--primary-color);color:white}html[data-theme="dark"] .user-menu-btn:hover{border-color:var(--primary-light);box-shadow:0 4px 12px rgba(102,126,234,0.4)}html[data-theme="dark"] .dropdown-item:hover{background:var(--gray-200)}html[data-theme="dark"] .dropdown-item.logout-link{color:var(--gray-900)}html[data-theme="dark"] .dropdown-item.logout-link:hover{color:#ffffff}html[data-theme="dark"] .dropdown-label{color:var(--gray-800)}html[data-theme="dark"] .refresh-button{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);box-shadow:0 1px 2px rgba(0,0,0,0.45)}html[data-theme="dark"] .refresh-button:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95);box-shadow:0 4px 14px rgba(0,0,0,0.55);transform:translateY(-1px)}html[data-theme="dark"] .refresh-button img{filter:brightness(0) invert(1)}html[data-theme="dark"] .section-title,html[data-theme="dark"] .panel .panel-title{color:var(--gray-800)}html[data-theme="dark"] .topology-empty-message{color:#aeaeb2}html[data-theme="dark"] .details-panel{background:#1c1c1e;color:var(--gray-900);border-left-color:#48484a;box-shadow:-4px 0 12px rgba(0,0,0,0.5)}html[data-theme="dark"] .details-header{background:#2c2c2e;border-bottom-color:#48484a}html[data-theme="dark"] .topology-breadcrumb,html[data-theme="dark"] .breadcrumb-item{color:#c7c7cc}html[data-theme="dark"] .breadcrumb-separator{color:#8e8e93}html[data-theme="dark"] .details-actions .icon-btn,html[data-theme="dark"] .panel-actions .icon-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);box-shadow:0 1px 2px rgba(0,0,0,0.45)}html[data-theme="dark"] .details-actions .icon-btn:hover,html[data-theme="dark"] .panel-actions .icon-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95);box-shadow:0 4px 14px rgba(0,0,0,0.55);transform:translateY(-1px)}html[data-theme="dark"] .close-details-btn,html[data-theme="dark"] .btn-close{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);box-shadow:0 1px 2px rgba(0,0,0,0.45)}html[data-theme="dark"] .close-details-btn:hover,html[data-theme="dark"] .btn-close:hover{background:rgba(255,69,58,0.18);border-color:rgba(255,69,58,0.6);color:#ffd1cc;box-shadow:0 4px 14px rgba(255,69,58,0.4);transform:translateY(-1px)}html[data-theme="dark"] .cto-section-header,html[data-theme="dark"] .details-section-header{background:#5e2e2e;border-color:#8b4545;color:#fca5a5}html[data-theme="dark"] .client-count-badge{color:#fca5a5}html[data-theme="dark"] .table,html[data-theme="dark"] .card,html[data-theme="dark"] .panel-body{background:#2c2c2e;color:var(--gray-900);border-color:#48484a}html[data-theme="dark"] .table thead th{background:#3a3a3c;color:#e5e5e7;border-bottom-color:#48484a}html[data-theme="dark"] .table tbody td{border-bottom-color:#3a3a3c;color:#e5e5e7}html[data-theme="dark"] .table tbody tr:nth-child(odd){background:rgba(58,58,60,0.3)}html[data-theme="dark"] .table tbody tr:hover{background:rgba(59,130,246,0.12)}html[data-theme="dark"] .status-online{color:#6ee7b7}html[data-theme="dark"] .status-offline{color:#fca5a5}html[data-theme="dark"] .client-table{background:#2c2c2e;border-color:#48484a}html[data-theme="dark"] .client-table th{background:#3a3a3c;color:#e5e5e7;border-bottom-color:#48484a}html[data-theme="dark"] .client-table td{border-bottom-color:#3a3a3c;color:#e5e5e7}html[data-theme="dark"] .client-table tbody tr:hover{background:rgba(59,130,246,0.12)}html[data-theme="dark"] .details-content{background:#1c1c1e}html[data-theme="dark"] .details-loading,html[data-theme="dark"] .details-empty{color:#aeaeb2}html[data-theme="dark"] .cto-card{background:#2c2c2e;border-color:#48484a}html[data-theme="dark"] .cto-card:hover{border-color:#6e6e73;box-shadow:0 2px 8px rgba(0,0,0,0.4)}html[data-theme="dark"] .cto-card-header{background:#2c2c2e;border-bottom-color:#48484a}html[data-theme="dark"] .cto-card-header[role="button"]:hover{background:#3a3a3c}html[data-theme="dark"] .cto-title,html[data-theme="dark"] .cto-name{color:#e5e5e7}html[data-theme="dark"] .cto-subtitle,html[data-theme="dark"] .cto-meta{color:var(--dark-subtitle-color)}html[data-theme="dark"] .panel-resizer::after{background:var(--gray-400);opacity:0.75}html[data-theme="dark"] .panel-resizer:hover::after,html[data-theme="dark"] .panel-resizer:focus-visible::after{background:var(--primary-color);opacity:1}html[data-theme="dark"] .message-close{color:var(--gray-800)}html[data-theme="dark"] input[type="text"],html[data-theme="dark"] input[type="search"],html[data-theme="dark"] input[type="email"],html[data-theme="dark"] input[type="password"],html[data-theme="dark"] select,html[data-theme="dark"] textarea{background:#3a3a3c;border-color:#6e6e73;color:#f5f5f7}html[data-theme="dark"] input::placeholder,html[data-theme="dark"] textarea::placeholder{color:#98989d}html[data-theme="dark"] input:focus,html[data-theme="dark"] select:focus,html[data-theme="dark"] textarea:focus{background:#424245;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(10,132,255,0.25)}html[data-theme="dark"] label,html[data-theme="dark"] .section-label{color:#e5e5e7}html[data-theme="dark"] .client-count,html[data-theme="dark"] .tree-node-meta,html[data-theme="dark"] .cto-clients{color:#aeaeb2}html[data-theme="dark"] .dropdown-menu{background:#2c2c2e;border-color:#48484a;box-shadow:0 12px 32px rgba(0,0,0,0.5)}html[data-theme="dark"] .dropdown-option{color:#e5e5e7}html[data-theme="dark"] .search-suggestion{border-bottom-color:#3a3a3c}html[data-theme="dark"] .search-suggestion:hover{background:#3a3a3c}html[data-theme="dark"] .suggestion-primary{color:#e5e5e7}html[data-theme="dark"] .suggestion-secondary{color:#98989d}html[data-theme="dark"] .icon-btn svg,html[data-theme="dark"] .icon-btn svg path,html[data-theme="dark"] .icon-btn svg circle,html[data-theme="dark"] .icon-btn svg rect,html[data-theme="dark"] .icon-btn svg line,html[data-theme="dark"] .icon-btn svg polyline,html[data-theme="dark"] .icon-btn svg polygon{fill:rgba(255,255,255,0.9)!important;stroke:rgba(255,255,255,0.9)!important;color:rgba(255,255,255,0.9)!important}html[data-theme="dark"] .icon-btn:hover svg,html[data-theme="dark"] .icon-btn:hover svg path,html[data-theme="dark"] .icon-btn:hover svg circle,html[data-theme="dark"] .icon-btn:hover svg rect,html[data-theme="dark"] .icon-btn:hover svg line,html[data-theme="dark"] .icon-btn:hover svg polyline,html[data-theme="dark"] .icon-btn:hover svg polygon{fill:#ffffff!important;stroke:#ffffff!important;color:#ffffff!important}html[data-theme="dark"] .icon-btn img{filter:brightness(0) invert(1)!important}html[data-theme="dark"] .icon-btn:hover img{filter:brightness(0) invert(1)!important}html[data-theme="dark"] .filter-dropdown-btn .filter-icon{fill:#ffffff!important;color:#ffffff!important}html[data-theme="dark"] .filter-dropdown-btn:hover .filter-icon,html[data-theme="dark"] .filter-dropdown-btn[aria-expanded="true"] .filter-icon{fill:#ffffff!important;color:#ffffff!important}html[data-theme="dark"] .header-search-icon{stroke:#ffffff!important;color:#ffffff!important}html[data-theme="dark"] .header-search-wrapper:hover .header-search-icon{stroke:#ffffff!important;color:#ffffff!important}html[data-theme="dark"] .header-search-icon{color:rgba(255,255,255,0.6)}html[data-theme="dark"] .header-search-wrapper:hover .header-search-icon{color:rgba(255,255,255,0.8)}html[data-theme="dark"] .pon-agg-card{background:rgba(28,28,30,0.88);border-color:rgba(255,255,255,0.14);box-shadow:0 10px 24px rgba(0,0,0,0.5);backdrop-filter:blur(8px)}html[data-theme="dark"] .pon-agg-card:hover{background:rgba(44,44,46,0.95);border-color:rgba(255,255,255,0.22);box-shadow:0 16px 32px rgba(0,0,0,0.55)}html[data-theme="dark"] .pon-agg-card.is-selected,html[data-theme="dark"] .pon-agg-card.selected,html[data-theme="dark"] .tree-node.is-selected .pon-agg-card{border-color:rgba(100,210,255,0.7);box-shadow:0 16px 36px rgba(100,210,255,0.26);background:linear-gradient(135deg,rgba(100,210,255,0.18) 0%,rgba(94,92,255,0.16) 100%)}html[data-theme="dark"] .pon-agg-label{color:#e5e5e7;opacity:0.95}html[data-theme="dark"] .pon-agg-empty{color:#d4d4d8}html[data-theme="dark"] .pon-agg-header{border-bottom-color:#52525b}html[data-theme="dark"] .pon-agg-footer{color:#d4d4d8;border:none}html[data-theme="dark"] .header-item,html[data-theme="dark"] .footer-item{color:#ffffff;font-weight:500}html[data-theme="dark"] .tree-node-content{background:rgba(28,28,30,0.92);border-color:rgba(255,255,255,0.08);box-shadow:0 12px 28px rgba(0,0,0,0.45)}html[data-theme="dark"] .tree-node-content:hover{background:rgba(44,44,46,0.95);border-color:rgba(255,255,255,0.16);box-shadow:0 16px 32px rgba(0,0,0,0.5)}html[data-theme="dark"] .tree-node::before{background:rgba(255,255,255,0.06);border-radius:var(--radius-pill);opacity:1}html[data-theme="dark"] .tree-node.status-online::before{background:#30d158;box-shadow:0 0 12px rgba(48,209,88,0.85)}html[data-theme="dark"] .tree-node.status-offline::before{background:#ff453a;box-shadow:0 0 12px rgba(255,69,58,0.85)}html[data-theme="dark"] .tree-node.status-warning::before{background:#ffd60a;box-shadow:0 0 12px rgba(255,214,10,0.85)}html[data-theme="dark"] .tree-node.status-neutral::before{background:#a1a1aa}html[data-theme="dark"] .tree-node.status-online>.tree-node-content{border-left-color:rgba(48,209,88,0.95);background:linear-gradient(120deg,rgba(48,209,88,0.38) 0%,rgba(48,209,88,0.12) 100%);box-shadow:0 0 28px rgba(48,209,88,0.32)}html[data-theme="dark"] .tree-node.status-offline>.tree-node-content{border-left-color:rgba(255,69,58,0.95);background:linear-gradient(120deg,rgba(255,69,58,0.38) 0%,rgba(255,69,58,0.12) 100%);box-shadow:0 0 28px rgba(255,69,58,0.32)}html[data-theme="dark"] .tree-node.status-warning>.tree-node-content{border-left-color:rgba(255,214,10,0.9);background:linear-gradient(120deg,rgba(255,214,10,0.42) 0%,rgba(255,214,10,0.16) 100%);box-shadow:0 0 28px rgba(255,214,10,0.32)}html[data-theme="dark"] .tree-node.status-neutral>.tree-node-content{border-left-color:rgba(142,142,147,0.75);background:linear-gradient(120deg,rgba(142,142,147,0.32) 0%,rgba(142,142,147,0.1) 100%);box-shadow:0 0 24px rgba(142,142,147,0.28)}html[data-theme="dark"] .tree-node-label,html[data-theme="dark"] .tree-label,html[data-theme="dark"] .tree-node-name{color:#ffffff;font-weight:600}html[data-theme="dark"] .tree-node-meta,html[data-theme="dark"] .tree-meta,html[data-theme="dark"] .tree-node-details{color:#d4d4d8}html[data-theme="dark"] .status-badge{font-weight:600;box-shadow:0 6px 16px rgba(0,0,0,0.35)}html[data-theme="dark"] .status-badge.status-online{background:rgba(48,209,88,0.28);color:#30d158;border-color:rgba(48,209,88,0.7)}html[data-theme="dark"] .status-badge.status-offline{background:rgba(255,69,58,0.3);color:#ff6f66;border-color:rgba(255,69,58,0.75)}html[data-theme="dark"] .status-badge.status-warning{background:rgba(255,214,10,0.3);color:#ffd60a;border-color:rgba(255,214,10,0.75)}html[data-theme="dark"] .status-badge.status-neutral{background:rgba(142,142,147,0.28);color:#d1d1d6;border-color:rgba(142,142,147,0.65)}html[data-theme="dark"] .tree-node-toggle{color:#d4d4d8}html[data-theme="dark"] .tree-node-toggle:hover{background:#3a3a3c;color:#ffffff}html[data-theme="dark"] .header-search-input{background:#3a3a3c;border-color:#6e6e73;color:#f5f5f7}html[data-theme="dark"] .header-search-input::placeholder{color:#98989d}html[data-theme="dark"] .header-search-input:focus{background:#424245;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(10,132,255,0.25)}html[data-theme="dark"] .header-search-icon{color:#98989d}html[data-theme="dark"] .header-search-clear{background:#4a4a4e;color:#d1d1d6}html[data-theme="dark"] .header-search-clear:hover{background:#5a5a5e;color:#f5f5f7}html[data-theme="dark"] .header-search-suggestions{background:#2c2c2e;border-color:#48484a;box-shadow:0 4px 12px rgba(0,0,0,0.4)}@media (max-width:768px){html[data-theme="dark"] .footer{background:rgba(28,28,30,0.8);border-top-color:rgba(255,255,255,0.1)}html[data-theme="dark"] .header,html[data-theme="dark"] .header-content{background:var(--gray-100)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:var(--loading-overlay-bg);backdrop-filter:blur(4px);z-index:9999;opacity:0;animation:fadeIn 0.2s ease-out forwards;pointer-events:none}html[data-theme="dark"] .loading-overlay{background:rgba(0,0,0,0.95);backdrop-filter:blur(6px)}@keyframes fadeIn{to{opacity:1}}.loading-overlay::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#cbd5ff 25%,#60a5fa 50%,#cbd5ff 75%,transparent 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;box-shadow:0 2px 8px rgba(59,130,246,0.45)}html[data-theme="dark"] .loading-overlay::before{background:linear-gradient(90deg,transparent 0%,rgba(96,165,250,0.4) 25%,rgba(59,130,246,0.65) 50%,rgba(96,165,250,0.4) 75%,transparent 100%);box-shadow:0 2px 12px rgba(37,99,235,0.45)}@keyframes shimmer{0%{background-position:-200% 0}100%{background-position:200% 0}}.loading-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;opacity:0;animation:fadeInUp 0.4s ease-out 0.2s forwards}@keyframes fadeInUp{from{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.spinner{width:32px;height:32px;border:3px solid var(--gray-200);border-top:3px solid transparent;border-right:3px solid transparent;border-radius:50%;animation:spin 0.8s cubic-bezier(0.4,0,0.2,1) infinite;margin:0 auto var(--spacing-sm)}html[data-theme="dark"] .spinner{border:3px solid rgba(148,163,184,0.4);border-top:3px solid transparent;border-right:3px solid transparent}.loading-spinner p{font-size:0.875rem;color:var(--gray-600);font-weight:500}html[data-theme="dark"] .loading-spinner p{color:#c7c7cc}.messages-container{position:fixed;top:calc(var(--header-height) + var(--spacing-md));right:var(--spacing-md);z-index:2200;max-width:400px;display:flex;flex-direction:column;align-items:flex-end;gap:var(--spacing-sm);pointer-events:none}.message{display:flex;align-items:flex-start;gap:var(--spacing-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-md);animation:slideIn 0.3s ease;position:relative;pointer-events:auto;width:min(360px,90vw)}.message.closing{opacity:0;transform:translateY(-6px);transition:opacity 0.18s ease,transform 0.18s ease}@keyframes slideIn{from{transform:translateX(100%);opacity:0}to{transform:translateX(0);opacity:1}}.message-success{background:#f0fff4;border-left:4px solid var(--success-color);color:#22543d}.message-error{background:#fff5f5;border-left:4px solid var(--error-color);color:#742a2a}.message-warning{background:#fffbeb;border-left:4px solid var(--warning-color);color:#7c2d12}.message-info{background:#eff6ff;border-left:4px solid var(--info-color);color:#1e3a8a}.message-content{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.message-close{background:none;border:none;font-size:1.25rem;cursor:pointer;color:inherit;opacity:0.7;transition:var(--transition-fast);padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.message-close:hover{opacity:1}.message{padding:0.75rem 1rem;margin-bottom:1rem;border-radius:6px;font-size:0.9rem;transition:opacity 0.3s ease}.message-error{background:#fee;color:#c33;border:1px solid #fcc}.message-success{background:#efe;color:#363;border:1px solid #cfc}.message-info{background:#eef;color:#336;border:1px solid #ccf}.btn{display:inline-flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md) var(--spacing-lg);border:none;border-radius:8px;font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;text-decoration:none;justify-content:center}.btn .btn-icon{display:inline-flex;align-items:center}.btn-primary{background:var(--primary-color);color:white}.btn-primary:hover{background:var(--primary-dark);transform:translateY(-1px)}.btn-secondary{background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300)}.btn-secondary:hover{background:var(--gray-200);border-color:var(--gray-400)}.btn-small{padding:var(--spacing-sm) var(--spacing-md);font-size:0.75rem}.btn:disabled{background:var(--gray-100);color:var(--gray-500);border:1px solid var(--gray-200);opacity:0.85;cursor:not-allowed;transform:none!important}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--gray-300);background:var(--white);color:var(--gray-600);border-radius:8px;cursor:pointer;transition:all 0.2s ease;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.icon-btn:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800);box-shadow:0 2px 4px rgba(0,0,0,0.08)}.icon-btn:active{box-shadow:0 1px 2px rgba(0,0,0,0.05)}.icon-btn.active{border-color:var(--primary-color);color:var(--primary-color);background:rgba(59,130,246,0.08)}.icon-btn svg,.icon-btn img{width:20px;height:20px;display:block;object-fit:contain}.icon-btn svg{fill:currentColor;stroke:currentColor}.icon-btn svg path,.icon-btn svg circle,.icon-btn svg rect,.icon-btn svg line,.icon-btn svg polyline,.icon-btn svg polygon{fill:currentColor;stroke:currentColor}.icon-btn.danger{color:var(--error-color);border-color:#fecaca;background:var(--white)}.icon-btn.danger:hover{background:#fee2e2;border-color:#fca5a5}.icon-btn:disabled,.icon-btn[aria-disabled="true"]{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400);opacity:0.85;cursor:not-allowed;box-shadow:none}.icon-btn.siren.calm,.icon-btn.siren[data-state="calm"]{background:rgba(22,163,74,0.1);border-color:rgba(22,163,74,0.4);color:#16a34a}.icon-btn.siren.calm:hover,.icon-btn.siren[data-state="calm"]:hover{background:rgba(22,163,74,0.15);border-color:rgba(22,163,74,0.5)}.icon-btn.siren.active,.icon-btn.siren[data-state="alert"]{background:rgba(255,59,48,0.12);border-color:rgba(255,59,48,0.4);color:#ff3b30}.icon-btn.siren.active:hover,.icon-btn.siren[data-state="alert"]:hover{background:rgba(255,59,48,0.18);border-color:rgba(255,59,48,0.5)}.icon-btn.siren.active img,.icon-btn.siren[data-state="alert"] img{filter:drop-shadow(0 0 3px rgba(255,59,48,0.4))}html[data-theme="light"] .icon-btn.siren.calm,html[data-theme="light"] .icon-btn.siren[data-state="calm"]{border-width:2px;border-color:rgba(22,163,74,0.6);background:rgba(22,163,74,0.14);box-shadow:0 0 0 2px rgba(22,163,74,0.18),0 2px 6px rgba(22,163,74,0.15)}html[data-theme="light"] .icon-btn.siren.calm:hover,html[data-theme="light"] .icon-btn.siren[data-state="calm"]:hover{border-color:rgba(22,163,74,0.75);background:rgba(22,163,74,0.2);box-shadow:0 0 0 2px rgba(22,163,74,0.24),0 3px 8px rgba(22,163,74,0.2)}html[data-theme="light"] .icon-btn.siren.active,html[data-theme="light"] .icon-btn.siren[data-state="alert"]{border-width:2px;border-color:rgba(255,59,48,0.6);background:rgba(255,59,48,0.16);box-shadow:0 0 0 2px rgba(255,59,48,0.2),0 2px 6px rgba(255,59,48,0.18)}html[data-theme="light"] .icon-btn.siren.active:hover,html[data-theme="light"] .icon-btn.siren[data-state="alert"]:hover{border-color:rgba(255,59,48,0.8);background:rgba(255,59,48,0.22);box-shadow:0 0 0 2px rgba(255,59,48,0.26),0 3px 8px rgba(255,59,48,0.22)}.icon-btn.siren.suppressed,.icon-btn.siren[data-state="suppressed"]{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400)}.icon-btn.siren.suppressed img,.icon-btn.siren[data-state="suppressed"] img{filter:grayscale(1) opacity(0.6)}.icon-btn.collapse,.icon-btn.expand{color:#007AFF}html[data-theme="dark"] .btn:disabled{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.4);opacity:1}html[data-theme="dark"] .icon-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);box-shadow:none}html[data-theme="dark"] .icon-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95)}html[data-theme="dark"] .icon-btn.active{background:rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.4);color:#60a5fa}html[data-theme="dark"] .icon-btn:disabled,html[data-theme="dark"] .icon-btn[aria-disabled="true"]{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.3);opacity:1}html[data-theme="dark"] .icon-btn.collapse,html[data-theme="dark"] .icon-btn.expand{color:rgba(255,255,255,0.8)}html[data-theme="dark"] .icon-btn.collapse:hover,html[data-theme="dark"] .icon-btn.expand:hover{color:rgba(255,255,255,0.95)}html[data-theme="dark"] .icon-btn.siren.calm,html[data-theme="dark"] .icon-btn.siren[data-state="calm"]{background:rgba(48,209,88,0.35);border-color:rgba(48,209,88,0.7);color:rgba(255,255,255,0.95);box-shadow:0 0 0 1px rgba(48,209,88,0.45),0 8px 18px rgba(48,209,88,0.35)}html[data-theme="dark"] .icon-btn.siren.calm:hover,html[data-theme="dark"] .icon-btn.siren[data-state="calm"]:hover{background:rgba(48,209,88,0.45);border-color:rgba(48,209,88,0.85);color:#ffffff}html[data-theme="dark"] .icon-btn.siren.active,html[data-theme="dark"] .icon-btn.siren[data-state="alert"]{background:rgba(255,59,48,0.38);border-color:rgba(255,59,48,0.75);color:rgba(255,255,255,0.95);box-shadow:0 0 0 1px rgba(255,59,48,0.5),0 8px 18px rgba(255,59,48,0.35)}html[data-theme="dark"] .icon-btn.siren.active:hover,html[data-theme="dark"] .icon-btn.siren[data-state="alert"]:hover{background:rgba(255,59,48,0.48);border-color:rgba(255,59,48,0.9);color:#ffffff}html[data-theme="dark"] .icon-btn.siren.suppressed,html[data-theme="dark"] .icon-btn.siren[data-state="suppressed"]{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.3)}html[data-theme="dark"] .icon-btn.danger{background:rgba(239,68,68,0.12);border-color:rgba(239,68,68,0.3);color:rgba(255,255,255,0.8)}html[data-theme="dark"] .icon-btn.danger:hover{background:rgba(239,68,68,0.18);border-color:rgba(239,68,68,0.4);color:rgba(255,255,255,0.95)}.topology-content{flex:1;min-height:0;position:relative;display:flex;flex-direction:column;overflow:hidden;padding:0 var(--spacing-lg) var(--spacing-lg)}.chip{display:flex;align-items:center;justify-content:center;gap:var(--chip-gap);padding:var(--chip-padding);border-radius:var(--radius-md);font-size:var(--chip-font-size);font-weight:600;background:linear-gradient(135deg,rgba(248,250,252,0.9) 0%,rgba(241,245,249,0.7) 100%);border:1px solid rgba(148,163,184,0.45);color:var(--gray-800);cursor:pointer;transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);box-shadow:var(--shadow-sm);min-height:var(--chip-min-height);width:100%;text-align:center}.chip:hover{background:var(--gray-50);border-color:rgba(148,163,184,0.6);box-shadow:var(--shadow-md);transform:translateY(-1px)}.chip:focus-visible{outline:2px solid var(--primary-color);outline-offset:1px}.chip.is-selected,.chip.is-search-selected,.chip.selected,.chip-list .chip.is-selected,.chip-list .chip.is-search-selected{border-color:inherit!important;outline:none;box-shadow:0 0 0 3px rgba(29,78,216,0.9),0 4px 10px rgba(29,78,216,0.1)!important}.chip .dot{width:8px;height:8px;border-radius:50%;display:inline-block;box-shadow:0 0 0 1px rgba(255,255,255,0.1)}.chip.success{background:rgba(22,163,74,0.12);border-color:rgba(22,163,74,0.3);color:#166534}.chip.success .dot{background:var(--success-color)}.chip.warning{background:rgba(250,204,21,0.15);border-color:rgba(250,204,21,0.35);color:#92400e}.chip.warning .dot{background:var(--warning-color)}.chip.error{background:rgba(220,38,38,0.15);border-color:rgba(220,38,38,0.3);color:#7f1d1d}.chip.error .dot{background:var(--error-color)}.chip.disconnect-link-loss{background:rgba(255,77,26,0.42);border-color:rgba(255,77,26,0.88);color:#8a2200}.chip.disconnect-dying-gasp{background:rgba(69,169,247,0.42);border-color:rgba(69,169,247,0.9);color:#1e3a8a}.chip.disconnect-unknown{background:rgba(191,90,242,0.32);border-color:rgba(191,90,242,0.86);color:#5b21b6}.chip.disconnect-mix-dying-gasp-link-loss{background:linear-gradient(135deg,rgba(69,169,247,0.42) 0%,rgba(69,169,247,0.34) 42%,rgba(255,77,26,0.34) 58%,rgba(255,77,26,0.42) 100%);border-color:rgba(69,169,247,0.72);color:#1f2937}.chip.disconnect-mix-dying-gasp-unknown{background:linear-gradient(135deg,rgba(69,169,247,0.42) 0%,rgba(69,169,247,0.34) 42%,rgba(191,90,242,0.36) 58%,rgba(191,90,242,0.42) 100%);border-color:rgba(69,169,247,0.7);color:#1f2937}.chip.disconnect-mix-link-loss-unknown{background:linear-gradient(135deg,rgba(255,77,26,0.42) 0%,rgba(255,77,26,0.34) 42%,rgba(191,90,242,0.36) 58%,rgba(191,90,242,0.42) 100%);border-color:rgba(255,77,26,0.76);color:#1f2937}.chip.disconnect-mix-multi{background:linear-gradient(135deg,rgba(69,169,247,0.42) 0%,rgba(69,169,247,0.34) 26%,rgba(255,77,26,0.36) 50%,rgba(191,90,242,0.36) 74%,rgba(191,90,242,0.42) 100%);border-color:rgba(69,169,247,0.7);color:#1f2937}.chip.neutral{background:rgba(148,163,184,0.15);border-color:rgba(148,163,184,0.3);color:#475569}.chip.neutral .dot{background:var(--gray-400)}.chip.more{background:var(--white);border-style:dashed;color:var(--gray-600);font-weight:normal}html[data-theme="dark"] .chip{background:rgba(44,44,46,0.9);border-color:rgba(255,255,255,0.14);color:#f4f4f5;box-shadow:0 10px 22px rgba(0,0,0,0.45)}html[data-theme="dark"] .chip:hover{background:rgba(58,58,60,0.95);border-color:rgba(255,255,255,0.28);box-shadow:0 0 16px rgba(255,255,255,0.1),0 12px 26px rgba(0,0,0,0.55);transform:translateY(-2px)}html[data-theme="dark"] .chip.success:hover{background:linear-gradient(135deg,rgba(48,209,88,0.45) 0%,rgba(48,209,88,0.2) 100%);border-color:rgba(48,209,88,0.65);box-shadow:0 0 18px rgba(48,209,88,0.4),0 6px 16px rgba(0,0,0,0.35)}html[data-theme="dark"] .chip.error:hover{background:linear-gradient(135deg,rgba(255,69,58,0.5) 0%,rgba(255,69,58,0.2) 100%);border-color:rgba(255,69,58,0.7);box-shadow:0 0 18px rgba(255,69,58,0.45),0 6px 16px rgba(0,0,0,0.35)}html[data-theme="dark"] .chip.warning:hover{background:linear-gradient(135deg,rgba(255,214,10,0.5) 0%,rgba(255,214,10,0.2) 100%);border-color:rgba(255,214,10,0.7);box-shadow:0 0 18px rgba(255,214,10,0.35),0 6px 16px rgba(0,0,0,0.35)}html[data-theme="dark"] .chip.neutral:hover{background:linear-gradient(135deg,rgba(142,142,147,0.45) 0%,rgba(142,142,147,0.18) 100%);border-color:rgba(142,142,147,0.65);box-shadow:0 0 14px rgba(142,142,147,0.3),0 6px 16px rgba(0,0,0,0.35)}html[data-theme="dark"] .chip.is-selected,html[data-theme="dark"] .chip.is-search-selected,html[data-theme="dark"] .chip.selected,html[data-theme="dark"] .chip-list .chip.is-selected,html[data-theme="dark"] .chip-list .chip.is-search-selected{border-color:inherit!important;background:inherit!important;box-shadow:0 0 0 3px rgba(191,219,254,0.95)!important}html[data-theme="dark"] .chip.success{background:linear-gradient(135deg,rgba(48,209,88,0.35) 0%,rgba(48,209,88,0.15) 100%);border-color:rgba(48,209,88,0.5);color:#d1fae5;box-shadow:0 0 12px rgba(48,209,88,0.25),0 4px 12px rgba(0,0,0,0.3)}html[data-theme="dark"] .chip.success.is-selected,html[data-theme="dark"] .chip.success.is-search-selected,html[data-theme="dark"] .chip.success.selected,html[data-theme="dark"] .chip-list .chip.success.is-selected,html[data-theme="dark"] .chip-list .chip.success.is-search-selected{background:rgba(34,197,94,0.25)!important;border-color:rgba(34,197,94,0.65)!important;box-shadow:0 0 0 3px rgba(191,219,254,0.95)!important}html[data-theme="dark"] .chip.error{background:linear-gradient(135deg,rgba(255,69,58,0.4) 0%,rgba(255,69,58,0.15) 100%);border-color:rgba(255,69,58,0.55);color:#fecdd3;box-shadow:0 0 12px rgba(255,69,58,0.3),0 4px 12px rgba(0,0,0,0.3)}html[data-theme="dark"] .chip.disconnect-link-loss{background:linear-gradient(135deg,rgba(255,77,26,0.86) 0%,rgba(255,77,26,0.46) 100%);border-color:rgba(255,77,26,0.96);color:#ffe4d8;box-shadow:0 0 18px rgba(255,77,26,0.5),0 4px 12px rgba(0,0,0,0.3)}html[data-theme="dark"] .chip.disconnect-link-loss:hover,html[data-theme="dark"] .chip.disconnect-link-loss:active,html[data-theme="dark"] .chip.disconnect-link-loss:focus{background:linear-gradient(135deg,rgba(255,77,26,0.92) 0%,rgba(255,77,26,0.56) 100%);border-color:rgba(255,77,26,1);color:#ffe4d8;box-shadow:0 0 22px rgba(255,77,26,0.6),0 4px 14px rgba(0,0,0,0.35)}html[data-theme="dark"] .chip.disconnect-dying-gasp{background:linear-gradient(135deg,rgba(69,169,247,0.86) 0%,rgba(69,169,247,0.46) 100%);border-color:rgba(69,169,247,0.96);color:#eef6ff;box-shadow:0 0 20px rgba(69,169,247,0.5),0 4px 12px rgba(0,0,0,0.3)}html[data-theme="dark"] .chip.disconnect-dying-gasp:hover,html[data-theme="dark"] .chip.disconnect-dying-gasp:active,html[data-theme="dark"] .chip.disconnect-dying-gasp:focus{background:linear-gradient(135deg,rgba(69,169,247,0.92) 0%,rgba(69,169,247,0.56) 100%);border-color:rgba(69,169,247,1);color:#eef6ff;box-shadow:0 0 24px rgba(69,169,247,0.6),0 4px 14px rgba(0,0,0,0.35)}html[data-theme="dark"] .chip.disconnect-unknown{background:linear-gradient(135deg,rgba(191,90,242,0.74) 0%,rgba(191,90,242,0.36) 100%);border-color:rgba(191,90,242,0.92);color:#f5e9ff;box-shadow:0 0 18px rgba(191,90,242,0.42),0 4px 12px rgba(0,0,0,0.3)}html[data-theme="dark"] .chip.disconnect-unknown:hover,html[data-theme="dark"] .chip.disconnect-unknown:active,html[data-theme="dark"] .chip.disconnect-unknown:focus{background:linear-gradient(135deg,rgba(191,90,242,0.82) 0%,rgba(191,90,242,0.46) 100%);border-color:rgba(191,90,242,1);color:#f5e9ff;box-shadow:0 0 22px rgba(191,90,242,0.52),0 4px 14px rgba(0,0,0,0.35)}html[data-theme="dark"] .chip.disconnect-link-loss.is-selected,html[data-theme="dark"] .chip.disconnect-link-loss.is-search-selected,html[data-theme="dark"] .chip.disconnect-link-loss.selected,html[data-theme="dark"] .chip-list .chip.disconnect-link-loss.is-selected,html[data-theme="dark"] .chip-list .chip.disconnect-link-loss.is-search-selected{background:linear-gradient(135deg,rgba(255,77,26,0.86) 0%,rgba(255,77,26,0.46) 100%)!important;border-color:rgba(255,77,26,0.96)!important;color:#ffe4d8!important;box-shadow:0 0 0 3px rgba(191,219,254,0.95),0 0 18px rgba(255,77,26,0.5)!important}html[data-theme="dark"] .chip.disconnect-dying-gasp.is-selected,html[data-theme="dark"] .chip.disconnect-dying-gasp.is-search-selected,html[data-theme="dark"] .chip.disconnect-dying-gasp.selected,html[data-theme="dark"] .chip-list .chip.disconnect-dying-gasp.is-selected,html[data-theme="dark"] .chip-list .chip.disconnect-dying-gasp.is-search-selected{background:linear-gradient(135deg,rgba(69,169,247,0.86) 0%,rgba(69,169,247,0.46) 100%)!important;border-color:rgba(69,169,247,0.96)!important;color:#eef6ff!important;box-shadow:0 0 0 3px rgba(191,219,254,0.95),0 0 20px rgba(69,169,247,0.5)!important}html[data-theme="dark"] .chip.disconnect-unknown.is-selected,html[data-theme="dark"] .chip.disconnect-unknown.is-search-selected,html[data-theme="dark"] .chip.disconnect-unknown.selected,html[data-theme="dark"] .chip-list .chip.disconnect-unknown.is-selected,html[data-theme="dark"] .chip-list .chip.disconnect-unknown.is-search-selected{background:linear-gradient(135deg,rgba(191,90,242,0.74) 0%,rgba(191,90,242,0.36) 100%)!important;border-color:rgba(191,90,242,0.92)!important;color:#f5e9ff!important;box-shadow:0 0 0 3px rgba(191,219,254,0.95),0 0 18px rgba(191,90,242,0.42)!important}html[data-theme="dark"] .chip.disconnect-mix-dying-gasp-link-loss,html[data-theme="dark"] .chip.disconnect-mix-dying-gasp-unknown,html[data-theme="dark"] .chip.disconnect-mix-link-loss-unknown,html[data-theme="dark"] .chip.disconnect-mix-multi{border-color:rgba(191,219,254,0.5);color:#e5e7eb;box-shadow:0 0 12px rgba(148,163,184,0.25),0 4px 12px rgba(0,0,0,0.3)}html[data-theme="dark"] .chip.disconnect-mix-dying-gasp-link-loss{background:linear-gradient(135deg,rgba(69,169,247,0.72) 0%,rgba(69,169,247,0.56) 45%,rgba(255,77,26,0.56) 65%,rgba(255,77,26,0.72) 100%)}html[data-theme="dark"] .chip.disconnect-mix-dying-gasp-unknown{background:linear-gradient(135deg,rgba(69,169,247,0.7) 0%,rgba(69,169,247,0.54) 45%,rgba(191,90,242,0.56) 65%,rgba(191,90,242,0.72) 100%)}html[data-theme="dark"] .chip.disconnect-mix-link-loss-unknown{background:linear-gradient(135deg,rgba(255,77,26,0.7) 0%,rgba(255,77,26,0.54) 45%,rgba(191,90,242,0.56) 65%,rgba(191,90,242,0.72) 100%)}html[data-theme="dark"] .chip.disconnect-mix-multi{background:linear-gradient(135deg,rgba(69,169,247,0.7) 0%,rgba(69,169,247,0.54) 30%,rgba(255,77,26,0.56) 55%,rgba(191,90,242,0.6) 80%,rgba(191,90,242,0.72) 100%)}html[data-theme="dark"] .chip.error.is-selected,html[data-theme="dark"] .chip.error.is-search-selected,html[data-theme="dark"] .chip.error.selected,html[data-theme="dark"] .chip-list .chip.error.is-selected,html[data-theme="dark"] .chip-list .chip.error.is-search-selected{background:rgba(248,113,113,0.25)!important;border-color:rgba(248,113,113,0.65)!important;box-shadow:0 0 0 3px rgba(191,219,254,0.95)!important}html[data-theme="dark"] .chip.warning{background:linear-gradient(135deg,rgba(255,214,10,0.4) 0%,rgba(255,214,10,0.15) 100%);border-color:rgba(255,214,10,0.55);color:#fef9c3;box-shadow:0 0 12px rgba(255,214,10,0.25),0 4px 12px rgba(0,0,0,0.3)}html[data-theme="dark"] .chip.warning.is-selected,html[data-theme="dark"] .chip.warning.is-search-selected,html[data-theme="dark"] .chip.warning.selected,html[data-theme="dark"] .chip-list .chip.warning.is-selected,html[data-theme="dark"] .chip-list .chip.warning.is-search-selected{background:rgba(251,191,36,0.25)!important;border-color:rgba(251,191,36,0.65)!important;box-shadow:0 0 0 3px rgba(191,219,254,0.95)!important}html[data-theme="dark"] .chip.neutral{background:linear-gradient(135deg,rgba(142,142,147,0.35) 0%,rgba(142,142,147,0.12) 100%);border-color:rgba(142,142,147,0.5);color:#e2e8f0;box-shadow:0 0 10px rgba(142,142,147,0.2),0 4px 12px rgba(0,0,0,0.3)}html[data-theme="dark"] .chip.neutral.is-selected,html[data-theme="dark"] .chip.neutral.is-search-selected,html[data-theme="dark"] .chip.neutral.selected,html[data-theme="dark"] .chip-list .chip.neutral.is-selected,html[data-theme="dark"] .chip-list .chip.neutral.is-search-selected{background:rgba(148,163,184,0.25)!important;border-color:rgba(148,163,184,0.65)!important;box-shadow:0 0 0 2px rgba(191,219,254,0.95)!important}html[data-theme="dark"] .chip.more{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.24);color:#d1d1d6}.dashboard-container{display:flex;align-items:stretch;height:calc(100vh - var(--header-height) - var(--footer-height));background:var(--gray-50);overflow:hidden}.dashboard-container>*{min-height:100%}.panel-resizer{flex:0 0 var(--resizer-width);width:var(--resizer-width);cursor:col-resize;position:relative;background:transparent;border:none;padding:0;transition:background-color var(--transition-fast);touch-action:none}.panel-resizer::after{content:'';position:absolute;top:15%;bottom:15%;left:50%;width:1px;border-radius:999px;background:rgba(148,163,184,0.15);transform:translateX(-50%);transition:background-color var(--transition-fast),opacity var(--transition-fast);opacity:0.4}.panel-resizer:hover::after,.panel-resizer:focus-visible::after{background:rgba(102,126,234,0.3);opacity:0.8}.panel-resizer:focus-visible{outline:none;box-shadow:0 0 0 2px rgba(37,99,235,0.35);border-radius:var(--radius-sm)}.panel-resizer--details{border-left:none;background:transparent}.header{height:var(--header-height);background:var(--sidebar-bg);border-bottom:1px solid var(--gray-200);position:sticky;top:0;z-index:100;box-shadow:var(--shadow-sm);display:flex;align-items:center}.header-content{width:100%;max-width:100%;padding:0 clamp(16px,2.6vw,28px);display:flex;align-items:center;justify-content:space-between}.header-left{display:flex;align-items:center;gap:34px;flex:1;min-width:0}@media (max-width:768px){.header-content{padding-left:var(--spacing-lg);padding-right:var(--spacing-lg)}.header-left{gap:var(--spacing-lg);align-items:center}}.logo{display:flex;align-items:center;gap:10px;min-width:0;margin-top:-1px}.logo-svg{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;color:var(--gray-800)}.logo-svg svg{width:100%;height:100%;display:block}@media (max-width:768px){.logo h1{font-size:1.125rem}}.logo-img{width:56px;height:56px;border-radius:6px;object-fit:contain;object-position:center;display:block}.logo-icon{font-size:1.5rem}.logo h1{margin:0;font-size:1.4rem;font-weight:700;line-height:1;letter-spacing:-0.01em;color:var(--gray-900)}.header-nav{display:flex;align-items:center;gap:18px;padding:0;background:transparent;border:none;border-radius:0;box-shadow:none;flex-wrap:nowrap;margin-top:1px;margin-left:10px}.nav-link{display:flex;align-items:center;gap:8px;padding:9px 2px 12px;min-height:40px;text-decoration:none;color:#64748b;border-radius:0;transition:all 0.18s ease;font-weight:600;line-height:1;letter-spacing:-0.005em;position:relative;border-bottom:none}.nav-link svg{flex:0 0 auto;display:block;width:17px;height:17px;opacity:0.88;transition:opacity 0.18s ease}.nav-link span{font-size:0.98rem;white-space:nowrap}.nav-link:hover{color:#334155;background:transparent}.nav-link.active{color:#1d4ed8;background:transparent;box-shadow:none}.nav-link.active svg{opacity:1}.nav-link::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;background:currentColor;opacity:0.35;transform:scaleX(0);transform-origin:center;transition:transform 0.2s ease,opacity 0.2s ease}.nav-link:hover::after{transform:scaleX(0.45)}.nav-link.active::after{opacity:1;transform:scaleX(1)}.nav-link:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}html[data-theme="dark"] .header-nav{background:transparent;border-color:transparent;box-shadow:none}html[data-theme="dark"] .nav-link{color:#94a3b8}html[data-theme="dark"] .nav-link:hover{color:#e2e8f0;background:transparent}html[data-theme="dark"] .nav-link.active{color:#93c5fd;background:transparent;box-shadow:none}.header-right{display:flex;align-items:center;gap:var(--spacing-lg)}@media (max-width:768px){.header-right{gap:var(--spacing-md)}.user-details{display:none}}.user-info{display:flex;align-items:center;gap:var(--spacing-md)}.user-details{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.user-name{font-weight:600;color:var(--gray-900);font-size:0.875rem}.user-menu{position:relative}.user-menu-btn{width:40px;height:40px;border-radius:50%;border:2px solid var(--gray-200);background:var(--primary-color);color:white;font-weight:600;cursor:pointer;transition:var(--transition-fast);padding:0}.user-menu-btn:hover{border-color:var(--primary-color);transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,0.3)}.user-avatar{display:block;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.user-dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,0.08);min-width:180px;padding:6px;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);z-index:1000}.user-dropdown.show{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-item{display:flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;text-decoration:none;color:var(--gray-700);transition:var(--transition-fast);font-size:0.875rem;border-radius:8px;margin:4px 6px}.dropdown-item--button{background:none;border:none;width:100%;text-align:left;font:inherit;cursor:pointer}.dropdown-item--button:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.dropdown-item:hover{background:var(--gray-50);color:var(--primary-color)}.dropdown-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--gray-400);transition:var(--transition-fast)}.dropdown-item:hover .dropdown-icon{color:var(--primary-color)}.dropdown-icon img{display:block;width:20px;height:20px;opacity:0.85}.dropdown-label{flex:1}.dropdown-icon svg{display:block;width:20px;height:20px}.dropdown-divider{height:1px;margin:0 var(--spacing-md);background:var(--gray-200)}.theme-section{display:flex;flex-direction:column;align-items:center;padding:6px 6px 12px}.theme-section-title{font-size:0.875rem;font-weight:500;color:var(--gray-500);margin-bottom:8px}.theme-toggle-pill{position:relative;display:flex;align-items:center;justify-content:center;gap:0;background:var(--gray-100);padding:4px;border-radius:24px;border:1px solid var(--gray-200);width:calc(100% - 12px);box-sizing:border-box}.theme-toggle-track{position:absolute;top:4px;left:4px;right:4px;bottom:4px;pointer-events:none}.theme-toggle-thumb{position:absolute;top:0;left:0;width:50%;height:100%;background:var(--white);border-radius:20px;box-shadow:0 1px 3px rgba(0,0,0,0.1),0 1px 2px rgba(0,0,0,0.06);transition:transform 0.25s cubic-bezier(0.4,0,0.2,1);will-change:transform}.theme-toggle-pill[data-active="dark"] .theme-toggle-thumb{transform:translateX(100%)}.theme-toggle-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:20px;border:none;background:transparent;color:var(--gray-400);cursor:pointer;transition:color 0.2s ease;position:relative;z-index:1}.theme-toggle-btn:hover{color:var(--gray-600)}.theme-toggle-btn.active{color:var(--primary-color)}.theme-toggle-btn svg{display:block;width:18px;height:18px;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1)}.theme-toggle-btn.active svg{transform:scale(1.1)}.theme-toggle-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}@media (max-width:768px){.user-details{display:none}.user-dropdown{right:8px;min-width:180px;padding:8px;border-radius:16px}.theme-section{padding:4px 4px 10px}.theme-toggle-pill{padding:3px;border-radius:20px}.theme-toggle-btn{padding:6px 10px}.theme-toggle-btn svg{width:16px;height:16px}.dropdown-item{padding:12px 16px;margin:2px 4px;border-radius:10px;font-size:0.9rem}}.main-content{min-height:calc(100vh - var(--header-height) - var(--footer-height))}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-sm);cursor:pointer;font-size:0.875rem;color:var(--gray-700)}.checkbox-label input[type="checkbox"]{display:none}.checkbox-custom{width:16px;height:16px;border:2px solid var(--gray-300);border-radius:var(--radius-sm);position:relative;transition:var(--transition-fast)}.checkbox-label input[type="checkbox"]:checked + .checkbox-custom{background:var(--primary-color);border-color:var(--primary-color)}.checkbox-label input[type="checkbox"]:checked + .checkbox-custom::after{content:'✓';position:absolute;top:-2px;left:1px;color:white;font-size:12px;font-weight:bold}.main-panel{flex:1 1 auto;display:flex;flex-direction:column;overflow:hidden;position:relative;min-width:min(100%,var(--main-panel-min-width))}.topology-header{padding:16px var(--spacing-xl) 16px;background:transparent;border-bottom:none;display:flex;align-items:center;gap:8px;min-height:auto}.topology-title{display:none}.topology-title h2{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.topology-breadcrumb{font-size:0.875rem;color:var(--gray-600)}.topology-actions{display:flex;gap:var(--spacing-sm);align-items:center;margin-left:auto}.siren-sensitivity-group{display:inline-flex;align-items:center;gap:0.5rem;padding:4px;background:var(--white);border:1px solid var(--gray-300);border-radius:8px;box-shadow:0 1px 2px rgba(0,0,0,0.05);height:40px}.siren-sensitivity-group .icon-btn{margin:0;border:none;box-shadow:none;border-radius:6px;width:32px;height:32px;background:transparent}.siren-sensitivity-group .icon-btn:hover{background:var(--gray-100)}.siren-sensitivity-group .icon-btn img{width:24px;height:24px}.siren-sensitivity-group .icon-btn.siren img{width:28px;height:28px}.siren-sensitivity-group .icon-btn.siren.calm,.siren-sensitivity-group .icon-btn.siren[data-state="calm"]{background:rgba(22,163,74,0.1)}.siren-sensitivity-group .icon-btn.siren.active,.siren-sensitivity-group .icon-btn.siren[data-state="alert"]{background:rgba(255,59,48,0.12)}html[data-theme="dark"] .siren-sensitivity-group{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);box-shadow:none}html[data-theme="dark"] .siren-sensitivity-group .icon-btn{background:transparent;color:rgba(255,255,255,0.8)}html[data-theme="dark"] .siren-sensitivity-group .icon-btn:hover{background:rgba(255,255,255,0.1)}html[data-theme="dark"] .siren-sensitivity-group .icon-btn.siren.calm,html[data-theme="dark"] .siren-sensitivity-group .icon-btn.siren[data-state="calm"]{background:rgba(48,209,88,0.35);box-shadow:0 0 0 1px rgba(48,209,88,0.45),0 6px 14px rgba(48,209,88,0.35)}html[data-theme="dark"] .siren-sensitivity-group .icon-btn.siren.active,html[data-theme="dark"] .siren-sensitivity-group .icon-btn.siren[data-state="alert"]{background:rgba(255,59,48,0.38);box-shadow:0 0 0 1px rgba(255,59,48,0.5),0 6px 14px rgba(255,59,48,0.35)}#toggle-expand-btn{width:40px;height:40px}#toggle-expand-btn img{width:var(--topology-action-icon-size);height:var(--topology-action-icon-size)}.sensitivity-bar{display:flex;gap:0.35rem;padding:0 0.25rem;border-left:1px solid var(--gray-200);padding-left:0.5rem}.sensitivity-level{width:32px;height:32px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);display:flex;align-items:center;justify-content:center;position:relative;outline:none}.sensitivity-level:hover{background:var(--gray-100)}.sensitivity-indicator{width:var(--indicator-size,8px);height:var(--indicator-size,8px);display:block;border-radius:50%;background:var(--gray-300);transition:all 0.3s cubic-bezier(0.4,0,0.2,1);position:relative}.sensitivity-bar.disabled{opacity:0.45;pointer-events:none}.sensitivity-bar.disabled .sensitivity-level{cursor:not-allowed}.sensitivity-bar.disabled .sensitivity-indicator{box-shadow:none!important;filter:grayscale(0.35)}.sensitivity-level:nth-child(1) .sensitivity-indicator{--indicator-size:6px}.sensitivity-level:nth-child(2) .sensitivity-indicator{--indicator-size:10px}.sensitivity-level:nth-child(3) .sensitivity-indicator{--indicator-size:14px}.sensitivity-level.active .sensitivity-indicator{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 2px 8px rgba(102,126,234,0.5),0 0 12px rgba(118,75,162,0.45);animation:pulse-glow 0.6s ease-out}@keyframes pulse-glow{0%,100%{transform:scale(1);box-shadow:0 2px 8px rgba(102,126,234,0.5),0 0 12px rgba(118,75,162,0.4)}50%{transform:scale(1.2);box-shadow:0 3px 12px rgba(102,126,234,0.65),0 0 20px rgba(118,75,162,0.5)}}.sensitivity-level.active{background:linear-gradient(135deg,rgba(102,126,234,0.18) 0%,rgba(118,75,162,0.14) 100%)}.sensitivity-level:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}html[data-theme="dark"] .sensitivity-bar{border-left-color:rgba(255,255,255,0.1)}html[data-theme="dark"] .sensitivity-level:hover{background:rgba(255,255,255,0.1)}html[data-theme="dark"] .sensitivity-indicator{background:rgba(255,255,255,0.3)}html[data-theme="dark"] .sensitivity-level.active .sensitivity-indicator{background:linear-gradient(135deg,#818cf8 0%,#a78bfa 100%)}.loading-progress{width:100%;max-width:240px;height:4px;background:var(--gray-200);border-radius:var(--radius-pill);overflow:hidden;margin:var(--spacing-sm) auto}.loading-progress-bar{width:40%;height:100%;background:linear-gradient(90deg,var(--primary-color),var(--primary-dark));transform:translateX(-100%);animation:loading-indeterminate 1.4s ease-in-out infinite}@keyframes loading-indeterminate{0%{transform:translateX(-100%)}50%{transform:translateX(0%)}100%{transform:translateX(100%)}}.header-search-container{position:relative;display:flex;align-items:center;flex:1;max-width:320px;margin-left:0}.header-search-wrapper{position:relative;display:flex;align-items:center;width:100%}.header-search-icon{position:absolute;left:12px;color:var(--gray-400);pointer-events:none;z-index:1}.header-search-input{width:100%;padding:8px 36px 8px 40px;border:1px solid var(--gray-300);border-radius:var(--radius-md);font-size:0.875rem;background:var(--white);color:var(--gray-800);transition:all 0.15s ease;height:40px}.header-search-input::placeholder{color:var(--gray-400)}.header-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.12)}.header-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;transition:all 0.15s ease;opacity:0;pointer-events:none}.header-search-clear.visible{opacity:1;pointer-events:auto}.header-search-clear:hover{background:var(--gray-200);color:var(--gray-700)}.header-search-suggestions{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 12px 32px rgba(15,23,42,0.18);max-height:300px;overflow-y:auto;z-index:4000}.header-search-suggestions.show{display:block}.filter-dropdown-container{position:relative;display:flex;align-items:center;margin-left:12px}.filter-dropdown-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;background:var(--white);border:1px solid var(--gray-300);border-radius:var(--radius-md);color:var(--gray-500);cursor:pointer;transition:all 0.2s ease;position:relative}.filter-dropdown-btn .filter-icon{flex-shrink:0;width:var(--topology-action-icon-size);height:var(--topology-action-icon-size)}html[data-theme="dark"] .filter-dropdown-btn .filter-icon{color:rgba(255,255,255,0.8)}html[data-theme="dark"] .filter-dropdown-btn:hover .filter-icon,html[data-theme="dark"] .filter-dropdown-btn[aria-expanded="true"] .filter-icon{color:rgba(255,255,255,0.95)}html[data-theme="dark"] .filter-dropdown-btn:hover{border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95);background:rgba(255,255,255,0.1)}html[data-theme="dark"] .filter-dropdown-btn[aria-expanded="true"]{border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95);background:rgba(255,255,255,0.1);box-shadow:0 0 0 3px rgba(102,126,234,0.12)}.filter-dropdown-btn:hover{border-color:var(--primary-color);color:var(--primary-color);background:var(--white)}.filter-dropdown-btn[aria-expanded="true"]{border-color:var(--primary-color);color:var(--primary-color);background:var(--white);box-shadow:0 0 0 3px rgba(102,126,234,0.12)}.filter-dropdown-panel{position:absolute;top:calc(100% + 8px);left:0;min-width:320px;max-width:380px;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:0 10px 40px rgba(0,0,0,0.12);opacity:0;visibility:hidden;transform:translateY(-8px);transition:all 0.2s cubic-bezier(0.16,1,0.3,1);z-index:1000;overflow:hidden}.filter-dropdown-panel.show{opacity:1;visibility:visible;transform:translateY(0)}.filter-search-section{padding:12px;background:transparent;position:relative}.filter-search-wrapper{position:relative;display:flex;align-items:center}.filter-search-icon{position:absolute;left:12px;color:var(--gray-400);pointer-events:none;z-index:1}.filter-search-input{width:100%;padding:10px 36px 10px 40px;border:1px solid var(--gray-200);border-radius:var(--radius-md);font-size:0.875rem;background:var(--white);color:var(--gray-800);transition:all 0.15s ease}.filter-search-input::placeholder{color:var(--gray-400)}.filter-search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.12)}.filter-search-clear{position:absolute;right:8px;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;transition:all 0.15s ease}.filter-search-clear:hover{background:var(--gray-200);color:var(--gray-700)}.filter-search-clear.hidden{display:none}.filter-search-suggestions{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:0 4px 12px rgba(0,0,0,0.1);max-height:200px;overflow-y:auto;z-index:10}.filter-search-suggestions.hidden{display:none}.search-suggestion-item{display:flex;align-items:center;gap:10px;padding:10px 12px;cursor:pointer;transition:background 0.1s ease;border-bottom:1px solid var(--gray-100)}.search-suggestion-item:last-child{border-bottom:none}.search-suggestion-item:hover{background:var(--gray-50)}.search-suggestion-item.selected{background:rgba(102,126,234,0.08)}.suggestion-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--gray-100);border-radius:var(--radius-sm);color:var(--gray-500);flex-shrink:0}.suggestion-icon svg{width:14px;height:14px}.suggestion-icon--cto{background:rgba(102,126,234,0.1);color:var(--primary-color)}.suggestion-icon--client{background:rgba(16,185,129,0.1);color:#059669}.suggestion-content{flex:1;min-width:0}.suggestion-name{font-size:0.875rem;font-weight:500;color:var(--gray-800);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.suggestion-path{font-size:0.75rem;color:var(--gray-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.search-no-results{padding:16px 12px;text-align:center;color:var(--gray-500);font-size:0.875rem}.search-loading{padding:16px 12px;text-align:center;color:var(--gray-500);font-size:0.875rem}.filter-dropdown-content{padding:12px;max-height:280px;overflow-y:auto}.olt-checkboxes{display:flex;flex-direction:column;gap:4px}.olt-checkbox-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background 0.15s ease}.olt-checkbox-item:hover{background:var(--gray-100)}.olt-checkbox-item input[type="checkbox"]{width:16px;height:16px;accent-color:var(--primary-color);cursor:pointer;flex-shrink:0}.olt-checkbox-item .olt-name{flex:1;font-size:0.875rem;color:var(--gray-700)}.filter-section-actions{display:flex;gap:16px;margin-top:8px;padding:8px 10px 0;border-top:1px solid var(--gray-100)}.filter-link-btn{background:none;border:none;color:var(--primary-color);font-size:0.8rem;font-weight:500;cursor:pointer;padding:4px 0;transition:all 0.15s ease}.filter-link-btn:hover{opacity:0.8;text-decoration:underline}.active-filter-chips{display:flex;align-items:center;gap:8px;flex:1;min-width:0;overflow-x:auto;padding:4px 0;margin:0 12px;scrollbar-width:none;-ms-overflow-style:none}.active-filter-chips::-webkit-scrollbar{display:none}.active-filter-chips:empty{display:none}.filter-chip{display:inline-flex;align-items:center;gap:6px;padding:4px 8px 4px 10px;background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-pill);font-size:0.75rem;color:var(--gray-700);white-space:nowrap;transition:all 0.15s ease;max-width:180px}.filter-chip:hover{background:var(--gray-200);border-color:var(--gray-300)}.filter-chip--olt{background:rgba(102,126,234,0.1);border-color:rgba(102,126,234,0.25);color:var(--primary-color)}.filter-chip--olt:hover{background:rgba(102,126,234,0.18);border-color:rgba(102,126,234,0.35)}.filter-chip--search{background:rgba(16,185,129,0.1);border-color:rgba(16,185,129,0.25);color:#059669}.filter-chip--search:hover{background:rgba(16,185,129,0.18);border-color:rgba(16,185,129,0.35)}.filter-chip-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px;flex-shrink:0}.filter-chip-icon svg{width:12px;height:12px}.filter-chip-label{overflow:hidden;text-overflow:ellipsis;font-weight:500}.filter-chip-remove{display:flex;align-items:center;justify-content:center;width:16px;height:16px;background:transparent;border:none;border-radius:50%;cursor:pointer;color:inherit;opacity:0.6;transition:all 0.15s ease;padding:0;flex-shrink:0}.filter-chip-remove:hover{opacity:1;background:rgba(0,0,0,0.1)}.filter-chip-remove svg{width:10px;height:10px}html[data-theme="dark"] .filter-dropdown-btn{background:#3a3a3c;border-color:#6e6e73;color:#f5f5f7;box-shadow:0 1px 3px rgba(0,0,0,0.55)}html[data-theme="dark"] .filter-dropdown-btn:hover{background:#48484a;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px rgba(0,0,0,0.5)}html[data-theme="dark"] .filter-dropdown-btn[aria-expanded="true"]{background:#48484a;border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.3),0 4px 12px rgba(0,0,0,0.4)}html[data-theme="dark"] .filter-dropdown-panel{background:#2c2c2e;border-color:#48484a;box-shadow:0 10px 40px rgba(0,0,0,0.5)}html[data-theme="dark"] .filter-search-section{background:transparent}html[data-theme="dark"] .filter-search-input{background:#3a3a3c;border-color:#6e6e73;color:#f5f5f7}html[data-theme="dark"] .filter-search-input::placeholder{color:#98989d}html[data-theme="dark"] .filter-search-input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.2)}html[data-theme="dark"] .filter-search-icon{color:#98989d}html[data-theme="dark"] .filter-search-clear{background:#4a4a4e;color:#d1d1d6}html[data-theme="dark"] .filter-search-clear:hover{background:#5a5a5e;color:#f5f5f7}html[data-theme="dark"] .filter-search-suggestions{background:#2c2c2e;border-color:#48484a}html[data-theme="dark"] .search-suggestion-item{border-color:#3a3a3c}html[data-theme="dark"] .search-suggestion-item:hover{background:#3a3a3c}html[data-theme="dark"] .suggestion-name{color:#e5e5e7}html[data-theme="dark"] .suggestion-path{color:#98989d}html[data-theme="dark"] .filter-dropdown-divider{background:#48484a}html[data-theme="dark"] .filter-section-label{color:#aeaeb2}html[data-theme="dark"] .olt-checkbox-item{color:#e5e5e7}html[data-theme="dark"] .olt-checkbox-item:hover{background:#3a3a3c}html[data-theme="dark"] .olt-checkbox-item .olt-name{color:#e5e5e7}html[data-theme="dark"] .filter-dropdown-content{background:#2c2c2e}html[data-theme="dark"] .filter-dropdown-content::-webkit-scrollbar{width:6px}html[data-theme="dark"] .filter-dropdown-content::-webkit-scrollbar-track{background:#1c1c1e}html[data-theme="dark"] .filter-dropdown-content::-webkit-scrollbar-thumb{background:#48484a;border-radius:3px}html[data-theme="dark"] .filter-dropdown-content::-webkit-scrollbar-thumb:hover{background:#6e6e73}html[data-theme="dark"] .filter-section-actions{border-color:#48484a}html[data-theme="dark"] .filter-link-btn{color:var(--primary-light);font-weight:500}html[data-theme="dark"] .filter-link-btn:hover{color:#60a5fa;text-decoration:underline}html[data-theme="dark"] .filter-chip{background:#3a3a3c;border-color:#48484a;color:#e5e5e7}html[data-theme="dark"] .filter-chip:hover{background:#4a4a4e}@media (max-width:768px){.filter-dropdown-btn{padding:8px}.filter-dropdown-arrow{display:none}.filter-dropdown-panel{position:fixed;top:auto;bottom:0;left:0;right:0;max-width:100%;min-width:100%;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%);max-height:70vh}.filter-dropdown-panel.show{transform:translateY(0)}.header-search-container{max-width:none;flex:1;margin-left:8px;margin-right:8px}.header-search-input{font-size:0.8rem;height:36px;padding:6px 32px 6px 36px}.header-search-suggestions{max-height:250px}}.footer{height:var(--footer-height);background:var(--white);border-top:1px solid var(--gray-200);display:flex;align-items:center;padding:0 var(--spacing-xl)}.footer-content{display:flex;justify-content:space-between;align-items:center;width:100%}.footer-text{font-size:0.75rem;color:var(--gray-500)}.footer-brand{display:flex;flex-direction:column;line-height:1.1}.footer-brand-name{font-weight:600}.footer-brand-version{color:var(--gray-400)}.search-suggestion{display:grid;grid-template-columns:minmax(48px,auto) 1fr;gap:var(--spacing-sm);padding:var(--spacing-md);cursor:pointer;transition:var(--transition-fast);border-bottom:1px solid var(--gray-100);align-items:center}.search-suggestion:last-child{border-bottom:none}.search-suggestion:hover,.search-suggestion.active{background:var(--gray-50)}.suggestion-type{font-size:0.7rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.06em;font-weight:600}.search-suggestion.active .suggestion-type{color:white}.suggestion-body{display:flex;flex-direction:column;gap:2px}.suggestion-primary{font-size:0.875rem;color:var(--gray-900);font-weight:600}.suggestion-secondary{font-size:0.75rem;color:var(--gray-500)}.search-suggestion.active .suggestion-primary,.search-suggestion.active .suggestion-secondary{color:white}.search-highlight{background:#fff3cd;color:#856404;padding:1px 2px;border-radius:2px;font-weight:500;box-shadow:0 0 0 1px rgba(133,100,4,0.2)}.tree-node.search-match{background:rgba(255,243,205,0.3);border-left:3px solid #ffc107}.tree-node.search-target .tree-node-content{box-shadow:0 0 0 2px rgba(102,126,234,0.35);border-radius:var(--radius-sm)}.search-suggestion.active{background:var(--primary-color);color:white}.search-suggestion.active .suggestion-type,.search-suggestion.active .suggestion-primary,.search-suggestion.active .suggestion-secondary{color:white}.search-operator{background:var(--info-color);color:white;padding:2px 6px;border-radius:var(--radius-sm);font-size:0.7rem;font-weight:500;margin:0 2px}.search-loading{position:absolute;right:2.5rem;top:50%;transform:translateY(-50%);width:16px;height:16px}.search-loading .spinner-small{width:16px;height:16px;border-width:2px}.tree-node.search-match .tree-node-name{background:yellow;padding:0 2px;border-radius:2px}.suggestion-client-login{text-align:right;font-size:0.875rem;color:var(--gray-900);font-weight:600}.suggestion-client-serial{font-size:0.75rem;color:var(--gray-600)}.suggestion-client-location{text-align:right;font-size:0.7rem;color:var(--gray-500);margin-top:2px}html[data-theme="dark"] .suggestion-client-login{color:var(--dark-text-color)}html[data-theme="dark"] .suggestion-client-serial{color:var(--dark-subtitle-color)}html[data-theme="dark"] .suggestion-client-location{color:var(--dark-muted-color)}.tree-aggregated .tree-node-box,.tree-aggregated .tree-node-client{display:none!important}.pon-agg-card{background:rgba(148,163,184,0.06);border:1px solid rgba(148,163,184,0.22);border-radius:var(--radius-lg);padding:var(--pon-agg-card-padding);margin:var(--pon-agg-card-margin);box-shadow:var(--shadow-xs);width:var(--pon-agg-card-width);min-width:var(--pon-agg-card-min-width);max-width:var(--pon-agg-card-max-width);transition:transform var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),border-color var(--transition-fast);cursor:pointer;display:flex;flex-direction:column;gap:var(--pon-agg-card-gap);align-items:stretch;align-self:flex-start}.pon-agg-label{font-size:var(--pon-agg-label-font-size);letter-spacing:0.01em;color:var(--gray-800);text-align:center;opacity:var(--pon-agg-label-opacity);margin:0;font-weight:var(--pon-agg-label-font-weight)}.pon-agg-card:hover{background:rgba(148,163,184,0.1);border-color:rgba(148,163,184,0.32);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.tree-node.is-selected .pon-agg-card,.pon-agg-card.is-selected,.pon-agg-card.selected{outline:none;box-shadow:0 0 0 3px rgba(29,78,216,0.85),0 8px 18px rgba(29,78,216,0.14);border-color:rgba(148,163,184,0.32);background:rgba(148,163,184,0.06)}html[data-theme="dark"] .tree-node.is-selected .pon-agg-card,html[data-theme="dark"] .pon-agg-card.is-selected,html[data-theme="dark"] .pon-agg-card.selected{box-shadow:0 0 0 3px rgba(191,219,254,0.9),0 8px 18px rgba(0,0,0,0.45)}.pon-agg-card.empty{display:flex;align-items:center;justify-content:center;color:var(--gray-600);font-size:0.85rem;cursor:default}.pon-agg-card:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.pon-agg-empty{font-size:0.85rem;color:var(--gray-600);text-align:center;padding:8px}.chip-list{display:grid;grid-template-columns:var(--chip-list-columns);gap:var(--chip-list-gap);margin:var(--chip-list-margin);width:100%}.chip-list.chip-list--single{grid-template-columns:var(--chip-list-single-columns);justify-items:stretch}.chip-list.chip-list--single .chip{grid-column:2;justify-self:stretch}@media (min-width:1025px){:root{--chip-list-columns:repeat(3,minmax(0,1fr));--chip-list-gap:8px;--chip-padding:5px 9px;--chip-min-height:24px;--chip-font-size:0.7rem}}@media (max-width:1024px){:root{--pon-agg-card-padding:10px 12px;--pon-agg-card-min-width:220px;--pon-agg-card-max-width:100%;--chip-list-columns:repeat(3,minmax(0,1fr));--chip-list-gap:5px;--chip-padding:4px 7px;--chip-min-height:21px;--chip-font-size:0.64rem}.chip-list{margin-left:0}.pon-agg-footer{margin-left:0}}@media (max-width:640px){:root{--pon-agg-card-padding:8px 10px;--pon-agg-card-min-width:200px;--pon-agg-card-max-width:260px;--chip-list-columns:repeat(3,minmax(0,1fr));--chip-list-gap:4px;--chip-padding:3px 6px;--chip-min-height:20px;--chip-font-size:0.6rem;--chip-gap:2px}.chip-list{margin-left:0}.pon-agg-footer{margin-left:0}}.pon-agg-summary{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.pon-agg-summary .sum-item{font-size:0.85rem;color:var(--gray-700)}.pon-agg-summary .sum-sep{color:var(--gray-400)}.pon-agg-summary .sum-spacer{flex:1}.pon-agg-header{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:2px var(--spacing-sm) 4px;border-bottom:1px solid var(--gray-200);position:relative;margin-bottom:18px}.pon-agg-header .header-item{font-size:0.875rem;color:var(--gray-800);font-weight:600;letter-spacing:0.025em;text-align:center;flex:1}.pon-agg-footer{text-align:center;font-size:var(--pon-agg-footer-font-size);color:var(--gray-700);font-weight:500;padding-top:4px;align-self:center;width:100%}.pon-agg-footer .footer-item{font-size:0.7rem;color:var(--gray-600);font-weight:400}.btn-ghost{background:var(--white);border:1px dashed var(--gray-300);color:var(--gray-700)}.btn-ghost:hover{background:var(--gray-50);border-color:var(--gray-400)}.cto-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.cto-item{padding:var(--spacing-sm) 0;border-bottom:1px dashed var(--gray-200)}.cto-item:last-child{border-bottom:none}.cto-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.cto-meta{flex:1;color:var(--gray-500);font-size:0.8rem;padding-left:var(--spacing-md)}.cto-toggle{border:1px solid var(--gray-300);background:var(--white);color:var(--gray-700);border-radius:var(--radius-sm);padding:4px 10px;font-size:0.8rem;cursor:pointer}.cto-toggle:hover{background:var(--gray-50)}.client-list{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.tree-node.search-match .tree-node-content{background:rgba(255,243,205,0.5)}.loading-state,.error-state,.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:var(--spacing-2xl)}.error-icon,.empty-icon{font-size:3rem;margin-bottom:var(--spacing-lg)}.error-state h3,.empty-state h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md)}.error-state p,.empty-state p{color:var(--gray-600);margin-bottom:var(--spacing-lg)}.topology-tree{flex:1;min-height:0;padding:var(--spacing-lg);background:var(--sidebar-bg);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);border:1px solid var(--gray-200);position:relative;overflow:auto;overscroll-behavior:contain;transition:filter 0.16s ease,opacity 0.16s ease;mask-image:linear-gradient(to bottom,rgba(0,0,0,0.6) 0,black 16px,black calc(100% - 16px),rgba(0,0,0,0.6) 100%);-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,0.6) 0,black 16px,black calc(100% - 16px),rgba(0,0,0,0.6) 100%)}.tree-node{margin-bottom:var(--tree-node-margin-bottom);border-radius:var(--radius-md);transition:transform var(--transition-normal),box-shadow var(--transition-normal),background-color var(--transition-normal),border-color var(--transition-normal),opacity var(--transition-normal);position:relative;overflow:visible}.tree-node-olt,.tree-node-slot,.tree-node-pon{display:block}.tree-node::before{content:'';position:absolute;left:0;top:0;bottom:0;width:var(--tree-accent-width);background:linear-gradient(180deg,rgba(148,163,184,0.28) 0%,rgba(148,163,184,0.12) 100%);border-radius:var(--radius-pill);opacity:0.8;transition:all var(--transition-fast)}.tree-node-content{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--tree-node-content-padding);cursor:pointer;border-radius:var(--radius-lg);border:1px solid var(--gray-200);border-left-width:var(--tree-accent-width);border-left-color:rgba(148,163,184,0.3);transition:all var(--transition-normal);position:relative;background:var(--white);margin-left:var(--tree-node-content-margin-left);min-height:var(--tree-node-content-min-height);backdrop-filter:blur(10px);z-index:1}.tree-node-content::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(148,163,184,0.08) 100%);pointer-events:none;transition:opacity var(--transition-fast);opacity:0}.tree-node-content:hover::after{opacity:1}.tree-compact .tree-node{margin:2px 0}.tree-compact .tree-node-content{display:inline-flex;padding:4px 6px;gap:var(--spacing-sm);min-height:28px}.tree-compact .tree-node-info{gap:2px}.tree-compact .tree-node-name{font-size:13px;line-height:16px}.tree-compact .tree-node-details{font-size:11px;opacity:0.85}.tree-compact .tree-node-actions .tree-node-action{padding:2px 4px}.tree-compact .tree-node-toggle{width:18px;height:18px}.tree-compact .toggle-icon{font-size:10px}.tree-compact .tree-node-olt>.tree-node-content,.tree-compact .tree-node-slot>.tree-node-content,.tree-compact .tree-node-pon>.tree-node-content{min-width:132px;max-width:144px;width:144px;padding:4px 6px;gap:3px;min-height:auto}.tree-compact .tree-node-olt>.tree-node-content .tree-node-toggle,.tree-compact .tree-node-slot>.tree-node-content .tree-node-toggle,.tree-compact .tree-node-pon>.tree-node-content .tree-node-toggle{width:14px;height:14px;padding:0;margin-right:0;flex-shrink:0}.tree-compact .tree-node-olt>.tree-node-content .tree-node-info,.tree-compact .tree-node-slot>.tree-node-content .tree-node-info,.tree-compact .tree-node-pon>.tree-node-content .tree-node-info{gap:0px;line-height:1.2}.tree-compact .tree-node-olt>.tree-node-content .tree-node-name,.tree-compact .tree-node-slot>.tree-node-content .tree-node-name,.tree-compact .tree-node-pon>.tree-node-content .tree-node-name{font-size:0.75rem;line-height:1.2}.tree-compact .tree-node-olt>.tree-node-content .tree-node-details,.tree-compact .tree-node-slot>.tree-node-content .tree-node-details,.tree-compact .tree-node-pon>.tree-node-content .tree-node-details{font-size:0.65rem;line-height:1.2}.tree-compact .tree-node-name,.tree-ultra .tree-node-name{display:-webkit-box;white-space:normal;text-overflow:ellipsis;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.tree-node-content:hover{background:var(--gray-50);box-shadow:var(--shadow-sm);transform:none}.tree-node.is-selected>.tree-node-content{outline:none;box-shadow:0 0 0 3px rgba(29,78,216,0.85),0 10px 24px rgba(15,23,42,0.08);transform:none}html[data-theme="dark"] .tree-node.is-selected>.tree-node-content{box-shadow:0 0 0 3px rgba(96,165,250,0.9),0 10px 24px rgba(0,0,0,0.5)}.tree-node-content:focus{outline:none}.tree-node-content:focus-visible{outline:2px solid rgba(59,130,246,0.55);outline-offset:2px}.tree-node-toggle{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);margin-right:var(--tree-node-toggle-margin-right);border-radius:var(--radius-sm);color:var(--gray-600);transition:var(--transition-fast);width:var(--tree-node-toggle-size);height:var(--tree-node-toggle-size);display:flex;align-items:center;justify-content:center;font-size:0.75rem}.tree-node-toggle:hover{background:var(--gray-100);color:var(--gray-700)}.tree-node-spacer{width:var(--tree-node-toggle-size);height:var(--tree-node-toggle-size);margin-right:var(--tree-node-toggle-margin-right)}.toggle-icon{font-size:0.75rem;transition:var(--transition-fast)}.status-badge.status-warning{background:#fffaf0;color:var(--warning-color)}.tree-node-info{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:center;gap:2px}.tree-node-name{font-weight:600;color:var(--gray-900);font-size:var(--tree-node-name-font-size);line-height:1.3;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.tree-node-details{font-size:var(--tree-node-details-font-size);color:var(--gray-600);line-height:1.2;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-node-details strong{font-weight:600;color:var(--gray-700)}.tree-node-actions{display:flex;gap:var(--spacing-xs);opacity:0;transition:var(--transition-fast)}.tree-node-content:hover .tree-node-actions{opacity:1}.tree-node-action{background:none;border:none;cursor:pointer;padding:var(--spacing-xs);border-radius:var(--radius-sm);color:transparent;transition:var(--transition-fast);width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:0.75rem;opacity:0}.tree-node-action:hover{background:none;color:transparent}.tree-node-children{margin-left:var(--tree-indent-width);padding-left:0;overflow:hidden;transition:opacity var(--transition-fast);will-change:opacity;display:flex;flex-direction:column;gap:4px}.tree-node-olt>.tree-node-children{margin-left:calc(var(--tree-indent-width) * 1.15)}.tree-node-slot>.tree-node-children{margin-left:calc(var(--tree-indent-width) * 1.45)}.tree-node-pon>.tree-node-children{margin-left:calc(var(--tree-indent-width) * 1.75)}.tree-node-box>.tree-node-children{margin-left:calc(var(--tree-indent-width) * 2.05)}.tree-node-children.collapsed{max-height:0;opacity:0;margin-top:0;margin-bottom:0}.tree-node.collapsed{margin-bottom:2px}.tree-node:not(.expanded) .tree-node-children{height:0;overflow:hidden;margin:0;padding:0}.tree-node-children.expanded{max-height:none;opacity:1;margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.tree-node-olt>.tree-node-content{background:linear-gradient(135deg,rgba(37,99,235,0.16) 0%,rgba(124,58,237,0.08) 100%);color:var(--gray-900);font-weight:600;border-color:rgba(37,99,235,0.15);--olt-accent-color:var(--primary-color);box-shadow:var(--shadow-lg);border-left-color:var(--olt-accent-color);border-left-width:var(--tree-accent-width);position:relative;overflow:hidden}.tree-node-olt>.tree-node-content::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,0.1) 0%,transparent 100%);pointer-events:none}.tree-node-olt>.tree-node-content:hover{background:linear-gradient(135deg,rgba(29,78,216,0.2) 0%,rgba(109,40,217,0.14) 100%);transform:translateY(-2px);box-shadow:var(--shadow-xl);border-color:rgba(37,99,235,0.2)}.tree-node-olt>.tree-node-content .tree-node-name{color:var(--gray-900)}.tree-node-olt>.tree-node-content .tree-node-details{color:var(--gray-600)}.tree-node-olt>.tree-node-content .tree-node-toggle{color:var(--gray-500)}.tree-node-olt>.tree-node-content .tree-node-toggle:hover{background:rgba(37,99,235,0.12);color:var(--primary-color)}.tree-node-olt>.tree-node-content .tree-node-action{color:var(--gray-500)}.tree-node-olt>.tree-node-content .tree-node-action:hover{background:rgba(37,99,235,0.08);color:var(--primary-color)}.tree-node-olt>.tree-node-content,.tree-node-slot>.tree-node-content,.tree-node-pon>.tree-node-content{min-height:var(--tree-node-container-min-height);padding:var(--tree-node-container-padding)}.tree-node-slot .tree-node-content,.tree-node-pon .tree-node-content,.tree-node-box .tree-node-content{background:linear-gradient(135deg,rgba(248,250,252,0.9) 0%,rgba(241,245,249,0.7) 100%);border-left-color:var(--gray-300);border-left-width:var(--tree-accent-width);box-shadow:var(--shadow-lg);transition:all var(--transition-fast)}.tree-node-box .tree-node-content{background:linear-gradient(135deg,rgba(255,255,255,0.96) 0%,rgba(248,250,252,0.82) 100%);border-color:rgba(148,163,184,0.25);border-left-color:rgba(148,163,184,0.45);box-shadow:var(--shadow-lg)}.tree-node-slot .tree-node-content:hover,.tree-node-pon .tree-node-content:hover,.tree-node-box .tree-node-content:hover{transform:translateY(-2px);box-shadow:var(--shadow-xl)}.tree-node-client .tree-node-content{background:var(--white);border-left-width:var(--tree-accent-width);border-left-color:var(--success-color);font-size:0.875rem}.tree-node-client.status-offline .tree-node-content{border-left-color:var(--error-color)}.tree-node-content.status-online{background:linear-gradient(135deg,rgba(34,197,94,0.2) 0%,rgba(22,163,74,0.1) 100%);border-left-color:var(--success-color)}.tree-node-content.status-warning{background:linear-gradient(135deg,rgba(250,204,21,0.2) 0%,rgba(253,230,138,0.12) 100%);border-left-color:var(--warning-color)}.tree-node-content.status-neutral{background:linear-gradient(135deg,rgba(148,163,184,0.22) 0%,rgba(226,232,240,0.12) 100%);border-left-color:rgba(148,163,184,0.6)}.tree-node-content.status-offline{background:linear-gradient(135deg,rgba(248,113,113,0.24) 0%,rgba(239,68,68,0.14) 100%);border-left-color:var(--error-color)}html[data-theme="dark"] .tree-node-content{color:#f2f2f7}html[data-theme="dark"] .tree-node-content .tree-node-name{color:#ffffff}html[data-theme="dark"] .tree-node-content .tree-node-details,html[data-theme="dark"] .tree-node-content .tree-node-meta{color:var(--dark-subtitle-color)}html[data-theme="dark"] .tree-node-content.status-online{background:linear-gradient(135deg,rgba(48,209,88,0.55) 0%,rgba(48,209,88,0.2) 100%);border-left-color:rgba(48,209,88,0.95);box-shadow:0 0 0 1px rgba(48,209,88,0.3),0 16px 32px rgba(48,209,88,0.25)}html[data-theme="dark"] .tree-node-content.status-offline{background:linear-gradient(135deg,rgba(255,69,58,0.55) 0%,rgba(255,69,58,0.18) 100%);border-left-color:rgba(255,69,58,0.95);box-shadow:0 0 0 1px rgba(255,69,58,0.3),0 16px 32px rgba(255,69,58,0.28)}html[data-theme="dark"] .tree-node-content.status-warning{background:linear-gradient(135deg,rgba(255,214,10,0.58) 0%,rgba(255,214,10,0.2) 100%);border-left-color:rgba(255,214,10,0.95);color:#1a1500;box-shadow:0 0 0 1px rgba(255,214,10,0.3),0 16px 32px rgba(255,214,10,0.28)}html[data-theme="dark"] .tree-node-content.status-warning .tree-node-details,html[data-theme="dark"] .tree-node-content.status-warning .tree-node-meta{color:rgba(26,21,0,0.7)}html[data-theme="dark"] .tree-node-content.status-neutral{background:linear-gradient(135deg,rgba(142,142,147,0.45) 0%,rgba(142,142,147,0.18) 100%);border-left-color:rgba(142,142,147,0.85);box-shadow:0 0 0 1px rgba(142,142,147,0.28),0 16px 32px rgba(142,142,147,0.25)}html[data-theme="dark"] .tree-node-content.disconnect-link-loss{background:linear-gradient(135deg,rgba(255,77,26,0.78) 0%,rgba(255,77,26,0.36) 100%);border-left-color:rgba(255,77,26,0.96);box-shadow:0 0 0 1px rgba(255,77,26,0.44),0 16px 32px rgba(255,77,26,0.36)}html[data-theme="dark"] .tree-node-content.disconnect-dying-gasp{background:linear-gradient(135deg,rgba(69,169,247,0.78) 0%,rgba(69,169,247,0.36) 100%);border-left-color:rgba(69,169,247,0.95);box-shadow:0 0 0 1px rgba(69,169,247,0.44),0 16px 32px rgba(69,169,247,0.36)}html[data-theme="dark"] .tree-node-content.disconnect-outside-olt{background:linear-gradient(135deg,rgba(52,211,153,0.45) 0%,rgba(52,211,153,0.18) 100%);border-left-color:rgba(52,211,153,0.9);box-shadow:0 0 0 1px rgba(52,211,153,0.26),0 16px 32px rgba(52,211,153,0.24)}html[data-theme="dark"] .tree-node-content.disconnect-unknown{background:linear-gradient(135deg,rgba(191,90,242,0.7) 0%,rgba(191,90,242,0.32) 100%);border-left-color:rgba(191,90,242,0.92);box-shadow:0 0 0 1px rgba(191,90,242,0.32),0 16px 32px rgba(191,90,242,0.28)}html[data-theme="dark"] .tree-node-content.disconnect-mix-dying-gasp-link-loss{background:linear-gradient(135deg,rgba(69,169,247,0.72) 0%,rgba(69,169,247,0.56) 45%,rgba(255,77,26,0.56) 65%,rgba(255,77,26,0.72) 100%);border-left-color:rgba(69,169,247,0.95);box-shadow:0 0 0 1px rgba(69,169,247,0.36),0 16px 32px rgba(255,77,26,0.34)}html[data-theme="dark"] .tree-node-content.disconnect-mix-dying-gasp-unknown{background:linear-gradient(135deg,rgba(69,169,247,0.7) 0%,rgba(69,169,247,0.54) 45%,rgba(191,90,242,0.56) 65%,rgba(191,90,242,0.72) 100%);border-left-color:rgba(69,169,247,0.94);box-shadow:0 0 0 1px rgba(69,169,247,0.4),0 16px 32px rgba(191,90,242,0.32)}html[data-theme="dark"] .tree-node-content.disconnect-mix-link-loss-unknown{background:linear-gradient(135deg,rgba(255,77,26,0.7) 0%,rgba(255,77,26,0.54) 45%,rgba(191,90,242,0.56) 65%,rgba(191,90,242,0.72) 100%);border-left-color:rgba(255,77,26,0.94);box-shadow:0 0 0 1px rgba(255,77,26,0.4),0 16px 32px rgba(191,90,242,0.32)}html[data-theme="dark"] .tree-node-content.disconnect-mix-multi{background:linear-gradient(135deg,rgba(69,169,247,0.7) 0%,rgba(69,169,247,0.54) 30%,rgba(255,77,26,0.56) 55%,rgba(191,90,242,0.6) 80%,rgba(191,90,242,0.72) 100%);border-left-color:rgba(69,169,247,0.9);box-shadow:0 0 0 1px rgba(69,169,247,0.4),0 16px 32px rgba(191,90,242,0.3)}html[data-theme="dark"] .tree-node-olt>.tree-node-content{color:#ffffff}html[data-theme="dark"] .tree-node-olt>.tree-node-content .tree-node-details,html[data-theme="dark"] .tree-node-olt>.tree-node-content .tree-node-meta{color:var(--dark-subtitle-color)}html[data-theme="dark"] .tree-node-olt>.tree-node-content .tree-node-toggle{color:rgba(255,255,255,0.8)}html[data-theme="dark"] .tree-node-olt>.tree-node-content.status-online{background:linear-gradient(135deg,rgba(48,209,88,0.55) 0%,rgba(48,209,88,0.2) 100%);--olt-accent-color:rgba(48,209,88,0.95);color:#ffffff;box-shadow:var(--shadow-lg)}html[data-theme="dark"] .tree-node-olt>.tree-node-content.status-warning{background:linear-gradient(135deg,rgba(255,214,10,0.58) 0%,rgba(255,214,10,0.2) 100%);--olt-accent-color:rgba(255,214,10,0.95);color:#1a1500;box-shadow:var(--shadow-lg)}html[data-theme="dark"] .tree-node-olt>.tree-node-content.status-neutral{background:linear-gradient(135deg,rgba(142,142,147,0.45) 0%,rgba(142,142,147,0.18) 100%);--olt-accent-color:rgba(142,142,147,0.85);color:var(--gray-900);box-shadow:var(--shadow-lg)}html[data-theme="dark"] .tree-node-olt>.tree-node-content.status-offline{background:linear-gradient(135deg,rgba(255,69,58,0.55) 0%,rgba(255,69,58,0.18) 100%);--olt-accent-color:rgba(255,69,58,0.95);color:#ffffff;box-shadow:var(--shadow-lg)}html[data-theme="dark"] .tree-node-olt>.tree-node-content.disconnect-link-loss{background:linear-gradient(135deg,rgba(255,77,26,0.78) 0%,rgba(255,77,26,0.36) 100%);--olt-accent-color:rgba(255,77,26,0.96);box-shadow:var(--shadow-lg)}html[data-theme="dark"] .tree-node-olt>.tree-node-content.disconnect-dying-gasp{background:linear-gradient(135deg,rgba(69,169,247,0.78) 0%,rgba(69,169,247,0.36) 100%);--olt-accent-color:rgba(69,169,247,0.95);box-shadow:var(--shadow-lg)}html[data-theme="dark"] .tree-node-olt>.tree-node-content.disconnect-outside-olt{background:linear-gradient(135deg,rgba(52,211,153,0.45) 0%,rgba(52,211,153,0.18) 100%);--olt-accent-color:rgba(52,211,153,0.9);box-shadow:var(--shadow-lg)}html[data-theme="dark"] .tree-node-olt>.tree-node-content.disconnect-unknown{background:linear-gradient(135deg,rgba(191,90,242,0.7) 0%,rgba(191,90,242,0.32) 100%);--olt-accent-color:rgba(191,90,242,0.92);box-shadow:var(--shadow-lg)}.tree-node-content.disconnect-link-loss{background:rgba(255,77,26,0.34);border-left-color:var(--link-loss-color)}.tree-node-content.disconnect-dying-gasp{background:rgba(69,169,247,0.34);border-left-color:var(--dying-gasp-color)}.tree-node-content.disconnect-outside-olt{background:rgba(16,185,129,0.18);border-left-color:#10b981}.tree-node-content.disconnect-unknown{background:rgba(191,90,242,0.26);border-left-color:var(--unknown-reason-color)}.tree-node-content.disconnect-mix-dying-gasp-link-loss{background:linear-gradient(135deg,rgba(69,169,247,0.34) 0%,rgba(69,169,247,0.34) 45%,rgba(255,77,26,0.34) 55%,rgba(255,77,26,0.34) 100%);border-left-color:var(--dying-gasp-color)}.tree-node-content.disconnect-mix-dying-gasp-unknown{background:linear-gradient(135deg,rgba(69,169,247,0.34) 0%,rgba(69,169,247,0.34) 45%,rgba(191,90,242,0.36) 55%,rgba(191,90,242,0.36) 100%);border-left-color:var(--dying-gasp-color)}.tree-node-content.disconnect-mix-link-loss-unknown{background:linear-gradient(135deg,rgba(255,77,26,0.34) 0%,rgba(255,77,26,0.34) 45%,rgba(191,90,242,0.36) 55%,rgba(191,90,242,0.36) 100%);border-left-color:var(--link-loss-color)}.tree-node-content.disconnect-mix-multi{background:linear-gradient(135deg,rgba(69,169,247,0.34) 0%,rgba(69,169,247,0.34) 30%,rgba(255,77,26,0.34) 40%,rgba(255,77,26,0.34) 60%,rgba(191,90,242,0.36) 70%,rgba(191,90,242,0.36) 100%);border-left-color:var(--dying-gasp-color)}.tree-node-olt>.tree-node-content.status-online,.tree-node-olt>.tree-node-content.status-warning,.tree-node-olt>.tree-node-content.status-neutral,.tree-node-olt>.tree-node-content.status-offline,.tree-node-olt>.tree-node-content.disconnect-link-loss,.tree-node-olt>.tree-node-content.disconnect-dying-gasp,.tree-node-olt>.tree-node-content.disconnect-outside-olt,.tree-node-olt>.tree-node-content.disconnect-unknown{color:var(--gray-900)}.tree-node-olt>.tree-node-content.status-online{background:linear-gradient(135deg,rgba(34,197,94,0.2) 0%,rgba(22,163,74,0.1) 100%);--olt-accent-color:var(--success-color)}.tree-node-olt>.tree-node-content.status-warning{background:linear-gradient(135deg,rgba(250,204,21,0.2) 0%,rgba(253,230,138,0.12) 100%);--olt-accent-color:var(--warning-color)}.tree-node-olt>.tree-node-content.status-neutral{background:linear-gradient(135deg,rgba(148,163,184,0.22) 0%,rgba(226,232,240,0.12) 100%);--olt-accent-color:rgba(148,163,184,0.6)}.tree-node-olt>.tree-node-content.status-offline{background:linear-gradient(135deg,rgba(248,113,113,0.24) 0%,rgba(239,68,68,0.14) 100%);--olt-accent-color:var(--error-color)}.tree-node-olt>.tree-node-content.disconnect-link-loss{background:rgba(255,77,26,0.34);--olt-accent-color:var(--link-loss-color)}.tree-node-olt>.tree-node-content.disconnect-dying-gasp{background:rgba(69,169,247,0.34);--olt-accent-color:var(--dying-gasp-color)}.tree-node-olt>.tree-node-content.disconnect-outside-olt{background:rgba(16,185,129,0.18);--olt-accent-color:#10b981}.tree-node-olt>.tree-node-content.disconnect-unknown{background:rgba(191,90,242,0.26);--olt-accent-color:var(--unknown-reason-color)}.tree-node-olt>.tree-node-content.status-online:hover{background:linear-gradient(135deg,rgba(34,197,94,0.26) 0%,rgba(22,163,74,0.16) 100%);border-color:rgba(37,99,235,0.15);border-left-color:var(--olt-accent-color)}.tree-node-olt>.tree-node-content.status-warning:hover{background:linear-gradient(135deg,rgba(250,204,21,0.26) 0%,rgba(253,230,138,0.16) 100%);border-color:rgba(37,99,235,0.15);border-left-color:var(--olt-accent-color)}.tree-node-olt>.tree-node-content.status-neutral:hover{background:linear-gradient(135deg,rgba(148,163,184,0.26) 0%,rgba(226,232,240,0.16) 100%);border-color:rgba(37,99,235,0.15);border-left-color:var(--olt-accent-color)}.tree-node-olt>.tree-node-content.status-offline:hover,.tree-node-olt>.tree-node-content.disconnect-link-loss:hover{background:linear-gradient(135deg,rgba(255,77,26,0.4) 0%,rgba(255,77,26,0.26) 100%);border-color:rgba(37,99,235,0.15);border-left-color:var(--olt-accent-color)}.tree-node-olt>.tree-node-content.disconnect-dying-gasp:hover{background:linear-gradient(135deg,rgba(69,169,247,0.4) 0%,rgba(69,169,247,0.26) 100%);border-color:rgba(37,99,235,0.15);border-left-color:var(--olt-accent-color)}.tree-node-olt>.tree-node-content.disconnect-outside-olt:hover{background:linear-gradient(135deg,rgba(16,185,129,0.26) 0%,rgba(52,211,153,0.14) 100%);border-color:rgba(37,99,235,0.15);border-left-color:var(--olt-accent-color)}.tree-node-olt>.tree-node-content.disconnect-unknown:hover{background:linear-gradient(135deg,rgba(191,90,242,0.3) 0%,rgba(191,90,242,0.16) 100%);border-color:rgba(37,99,235,0.15);border-left-color:var(--olt-accent-color)}.tree-loading{display:flex;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--gray-500)}.topology-tree.refreshing{filter:blur(1.2px);opacity:0.82}@media (max-width:768px){.tree-node-children{margin-left:16px;padding-left:8px}.tree-node-content{padding:var(--spacing-sm)}.tree-node-name{font-size:0.8rem}.tree-node-details{font-size:0.7rem}.node-header{flex-direction:column;align-items:flex-start;gap:var(--spacing-sm)}.property{flex-direction:column;align-items:flex-start;gap:var(--spacing-xs)}}.tree-node.highlighted{background:rgba(59,130,246,0.16);border:2px solid var(--primary-color);border-radius:var(--radius-md);animation:highlight-pulse 2s ease-in-out}@keyframes highlight-pulse{0%,100%{box-shadow:0 0 0 0 rgba(59,130,246,0.45)}50%{box-shadow:0 0 0 10px rgba(59,130,246,0)}}.topology-placeholder{text-align:center;padding:var(--spacing-2xl);background:var(--white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.topology-placeholder h3{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md)}.topology-placeholder p{color:var(--gray-600);margin-bottom:var(--spacing-md)}.topology-placeholder details{margin-top:var(--spacing-lg);text-align:left}.topology-placeholder summary{cursor:pointer;font-weight:500;color:var(--primary-color);margin-bottom:var(--spacing-md)}.topology-placeholder pre{background:var(--gray-50);padding:var(--spacing-md);border-radius:var(--radius-md);font-size:0.75rem;overflow-x:auto;max-height:300px;overflow-y:auto}.btn.active{background-color:#2b6cb0;color:#fff;border-color:#2b6cb0}.tree-ultra .tree-node{margin:1px 0}.tree-ultra .tree-node-content{padding:2px 4px;min-height:22px}.tree-ultra .tree-node-children{margin-left:10px;padding-left:8px}.tree-ultra .tree-node-name{font-size:12px}.tree-ultra .tree-node-details{font-size:10px}.tree-ultra .tree-node-toggle{width:16px;height:16px}.tree-ultra .toggle-icon{font-size:9px}.tree-node-olt>.tree-node-content.status-online .tree-node-name,.tree-node-olt>.tree-node-content.status-warning .tree-node-name,.tree-node-olt>.tree-node-content.status-neutral .tree-node-name,.tree-node-olt>.tree-node-content.status-offline .tree-node-name,.tree-node-olt>.tree-node-content.disconnect-link-loss .tree-node-name,.tree-node-olt>.tree-node-content.disconnect-dying-gasp .tree-node-name,.tree-node-olt>.tree-node-content.disconnect-outside-olt .tree-node-name,.tree-node-olt>.tree-node-content.disconnect-unknown .tree-node-name{color:var(--gray-900)}.tree-node-olt>.tree-node-content.status-online .tree-node-details,.tree-node-olt>.tree-node-content.status-warning .tree-node-details,.tree-node-olt>.tree-node-content.status-neutral .tree-node-details,.tree-node-olt>.tree-node-content.status-offline .tree-node-details,.tree-node-olt>.tree-node-content.disconnect-link-loss .tree-node-details,.tree-node-olt>.tree-node-content.disconnect-dying-gasp .tree-node-details,.tree-node-olt>.tree-node-content.disconnect-outside-olt .tree-node-details,.tree-node-olt>.tree-node-content.disconnect-unknown .tree-node-details{color:var(--gray-700)}.tree-node-olt>.tree-node-content.status-online .tree-node-toggle,.tree-node-olt>.tree-node-content.status-warning .tree-node-toggle,.tree-node-olt>.tree-node-content.status-neutral .tree-node-toggle,.tree-node-olt>.tree-node-content.status-offline .tree-node-toggle,.tree-node-olt>.tree-node-content.disconnect-link-loss .tree-node-toggle,.tree-node-olt>.tree-node-content.disconnect-dying-gasp .tree-node-toggle,.tree-node-olt>.tree-node-content.disconnect-outside-olt .tree-node-toggle,.tree-node-olt>.tree-node-content.disconnect-unknown .tree-node-toggle{color:var(--gray-700)}.topology-tree.tree-multicol{display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start}.topology-tree.tree-multicol>.tree-node-olt{flex:1 1 300px;margin:0;width:auto;min-width:300px;max-width:100%}.tree-node.search-target::before,.tree-node.search-match::before{background:var(--status-warning);opacity:1}.tree-node.search-target>.tree-node-content,.tree-node.search-match>.tree-node-content{border-left-color:var(--status-warning)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.node-details{padding:0}.node-header{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background:var(--gray-50);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg)}.node-icon-large{position:relative;font-size:2rem}.node-info h4{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.node-type{font-size:0.75rem;color:var(--gray-500);text-transform:uppercase;letter-spacing:0.05em;margin-bottom:var(--spacing-xs)}.node-status{font-size:0.875rem;font-weight:500;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm)}.node-status.status-online{background:#f0fff4;color:var(--success-color)}.node-status.status-neutral{background:#f8fafc;color:#64748b}.node-status.status-offline{background:#fff5f5;color:var(--error-color)}.node-properties{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.property{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md)}.property label{font-weight:500;color:var(--gray-700);font-size:0.875rem}.property span{color:var(--gray-900);font-size:0.875rem}.property .status-online{color:var(--success-color);font-weight:500}.property .status-neutral{color:#64748b;font-weight:500}.property .status-offline{color:var(--error-color);font-weight:500}.node-path{border-top:1px solid var(--gray-200);padding-top:var(--spacing-lg)}.node-path label{font-weight:500;color:var(--gray-700);font-size:0.875rem;margin-bottom:var(--spacing-md);display:block}.path-breadcrumb{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.path-item{background:var(--gray-100);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-sm);font-size:0.75rem;color:var(--gray-700)}.topology-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:0.875rem;color:var(--gray-500)}.breadcrumb-item{color:var(--gray-500)}.breadcrumb-item.active{color:var(--gray-900);font-weight:500}.details-header{padding:var(--spacing-lg);border-bottom:1px solid var(--gray-200);background:var(--sidebar-bg)}.details-title-section h3{font-size:1.125rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.details-subtitle{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.details-type{background:var(--primary-color);color:white;padding:2px 6px;border-radius:var(--radius-sm);font-size:0.7rem;font-weight:500;text-transform:uppercase}.details-status{padding:2px 6px;border-radius:var(--radius-sm);font-size:0.7rem;font-weight:500}.details-status.status-online{background:#f0fff4;color:var(--success-color)}.details-status.status-neutral{background:#f8fafc;color:#475569}.details-status.status-offline{background:#fff5f5;color:var(--error-color)}.details-tabs{display:flex;border-bottom:1px solid var(--gray-200);background:var(--white)}.details-tab{flex:1;padding:var(--spacing-md);background:none;border:none;cursor:pointer;font-size:0.875rem;font-weight:500;color:var(--gray-600);border-bottom:2px solid transparent;transition:var(--transition-fast)}.details-tab:hover{background:var(--gray-50);color:var(--gray-900)}.details-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:var(--white)}.details-content{flex:1;overflow-y:auto}.details-tab-content{display:none;padding:var(--spacing-lg)}.details-tab-content.active{display:block}.details-loading{display:flex;align-items:center;gap:var(--spacing-md);color:var(--gray-500);justify-content:center;padding:var(--spacing-2xl)}.node-summary-card{background:var(--gray-50);border-radius:var(--radius-lg);padding:var(--spacing-lg);margin-bottom:var(--spacing-lg)}.summary-header{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.summary-icon{position:relative;font-size:2rem}.summary-info h4{font-size:1.25rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-xs)}.summary-meta{display:flex;align-items:center;gap:var(--spacing-sm)}.node-type-badge{background:var(--gray-200);color:var(--gray-700);padding:2px 6px;border-radius:var(--radius-sm);font-size:0.7rem;font-weight:500}.node-status-badge{padding:2px 6px;border-radius:var(--radius-sm);font-size:0.7rem;font-weight:500}.node-properties-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.property-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.property-item label{font-weight:500;color:var(--gray-700);font-size:0.875rem}.property-value{color:var(--gray-900);font-size:0.875rem}.status-badge{padding:2px 8px;border-radius:var(--radius-sm);font-size:0.75rem;font-weight:500}.children-summary{margin-bottom:var(--spacing-lg)}.children-summary h5{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md)}.children-grid{display:grid;gap:var(--spacing-md)}.child-type-summary{background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md);padding:var(--spacing-md)}.child-type-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.child-type-name{font-weight:500;color:var(--gray-900);font-size:0.875rem}.child-type-stats{display:flex;gap:var(--spacing-md)}.child-stat{font-size:0.75rem;color:var(--gray-600)}.child-stat.online{color:var(--success-color)}.child-stat.offline{color:var(--error-color)}.node-network-path h5{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md)}.path-breadcrumb-detailed{display:flex;flex-direction:column;gap:var(--spacing-sm)}.path-item-detailed{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--white);border:1px solid var(--gray-200);border-radius:var(--radius-md)}.path-item-detailed.current{background:var(--primary-color);color:white;border-color:var(--primary-color)}.path-item-icon{position:relative}.path-item-info{flex:1;display:flex;flex-direction:column}.path-item-name{font-weight:500;font-size:0.875rem}.path-item-type{font-size:0.75rem;opacity:0.7;text-transform:uppercase}.path-separator{color:var(--gray-400);font-weight:bold}.technical-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.technical-section h5{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md)}.technical-grid{display:grid;gap:var(--spacing-md)}.tech-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md)}.config-info{background:var(--gray-50);padding:var(--spacing-md);border-radius:var(--radius-md)}.config-item{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.config-item:last-child{margin-bottom:0}.history-details{display:flex;flex-direction:column;gap:var(--spacing-lg)}.history-section h5{font-size:1rem;font-weight:600;color:var(--gray-900);margin-bottom:var(--spacing-md)}.history-timeline{display:flex;flex-direction:column;gap:var(--spacing-md)}.history-event{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md)}.event-time{font-size:0.75rem;color:var(--gray-500);min-width:120px}.event-status{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.event-indicator{width:8px;height:8px;border-radius:50%;background:var(--gray-400)}.event-status.online .event-indicator{background:var(--success-color)}.event-status.offline .event-indicator{background:var(--error-color)}.event-text{font-size:0.875rem;color:var(--gray-700)}.metrics-grid{display:grid;gap:var(--spacing-md)}.metric-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background:var(--gray-50);border-radius:var(--radius-md)}.metric-value{font-weight:500}.metric-value.online{color:var(--success-color)}.metric-value.offline{color:var(--error-color)}.details-footer{border-top:1px solid var(--gray-200);padding:var(--spacing-lg);background:#f5f5f7}html[data-theme="dark"] .details-footer{background:#2c2c2e;border-top-color:#3a3a3c}.details-actions{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.details-timestamp{font-size:0.75rem;color:var(--gray-500);text-align:center}.details-panel{flex:0 0 auto;background:var(--white);border-left:1px solid var(--gray-200);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column;flex-basis:0;min-width:0;opacity:0;transition:flex-basis var(--transition-normal),opacity var(--transition-normal),min-width var(--transition-normal)}.details-panel:not(.hidden){flex-basis:clamp(var(--details-panel-min-width),var(--details-panel-width),var(--details-panel-max-width));min-width:clamp(var(--details-panel-min-width),var(--details-panel-width),var(--details-panel-max-width));max-width:var(--details-panel-max-width);opacity:1}.details-header{padding:0 var(--spacing-lg);border-bottom:1px solid var(--gray-200);display:flex;align-items:center;justify-content:space-between;background:var(--sidebar-bg);flex-shrink:0;min-height:var(--pane-header-height)}.details-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-top:4px}.details-header .details-actions{margin-top:2px;margin-bottom:0}.details-action-btn,.details-close{border:1px solid var(--gray-300);background:var(--white);color:var(--gray-600);width:var(--details-action-size);height:var(--details-action-size);border-radius:8px;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,0.05);transition:all 0.2s ease;cursor:pointer}.details-action-btn{color:var(--gray-700)}#details-collapse-btn{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:var(--details-action-size);height:var(--details-action-size);padding:0}.details-action-btn img{width:var(--details-action-icon-size);height:var(--details-action-icon-size);display:block}.details-action-btn:hover,.details-close:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800);box-shadow:0 2px 4px rgba(0,0,0,0.08)}.details-action-btn.active{border-color:var(--gray-400);color:var(--gray-900)}.details-close{font-size:var(--details-close-font-size);line-height:0;display:flex;align-items:center;justify-content:center;padding:0}html[data-theme="dark"] .details-action-btn,html[data-theme="dark"] .details-close{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);box-shadow:none}html[data-theme="dark"] .details-action-btn:hover,html[data-theme="dark"] .details-close:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95)}html[data-theme="dark"] .details-action-btn.active{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2)}.details-breadcrumb{display:flex;align-items:center;gap:var(--spacing-sm);font-size:0.875rem;color:var(--gray-600);flex:1}.breadcrumb-label{font-weight:600;color:var(--gray-700)}.breadcrumb-item{display:flex;align-items:center;gap:var(--spacing-xs)}.breadcrumb-separator{color:var(--gray-400);font-size:0.75rem}.details-content{flex:1;min-height:0;overflow-y:auto;padding:0}.details-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-2xl);color:var(--gray-500);gap:var(--spacing-md)}.cto-table-container{height:100%;min-height:0;overflow-y:auto}.card-mode-toggle{display:inline-flex;align-items:center;gap:0;padding:2px;background:rgba(0,0,0,0.04);border-radius:6px;flex-shrink:0}.power-tab-actions,.status-tab-actions{display:none;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.power-tab-actions.is-visible,.status-tab-actions.is-visible{display:inline-flex}.status-refresh-btn svg{width:14px;height:14px}.cto-card.status-refreshing .status-refresh-btn svg{animation:spin 1s linear infinite}@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.cto-mode-toggle-inside .details-tab-btn{padding:var(--cto-mode-tab-padding);font-size:var(--cto-mode-tab-font-size);font-weight:600;border-radius:6px;transition:all 0.2s cubic-bezier(0.4,0,0.2,1);letter-spacing:0.005em;background:rgba(0,0,0,0.04);border:1px solid rgba(148,163,184,0.25)}.cto-mode-toggle-inside .details-tab-btn:hover:not(.is-active){background:rgba(241,245,249,0.7);border-color:rgba(148,163,184,0.25);transform:translateY(-0.5px)}.cto-mode-toggle-inside .details-tab-btn.is-active{background:rgba(0,0,0,0.04);border-color:rgba(59,130,246,0.55);box-shadow:0 0 0 2px rgba(29,78,216,0.85);transform:none}.details-tab-btn{border:1px solid transparent;border-radius:4px;padding:3px 10px;font-size:0.7rem;font-weight:600;color:var(--gray-600);background:transparent;cursor:pointer;transition:all 0.15s ease;white-space:nowrap;letter-spacing:-0.01em}.details-tab-btn:hover:not(.is-active){color:var(--gray-800);background:rgba(241,245,249,0.7);border-color:rgba(148,163,184,0.25)}.details-tab-btn.is-active{color:var(--gray-900);background:rgba(0,0,0,0.04);border-color:rgba(59,130,246,0.55);box-shadow:0 2px 4px rgba(0,0,0,0.05),0 0 0 1px rgba(29,78,216,0.15)}html[data-theme="dark"] .card-mode-toggle{background:rgba(255,255,255,0.06)}html[data-theme="dark"] .cto-mode-toggle-inside{background:transparent}html[data-theme="dark"] .cto-mode-toggle-inside .details-tab-btn{background:rgba(255,255,255,0.06);border:1px solid rgba(148,163,184,0.25)}html[data-theme="dark"] .cto-mode-toggle-inside .details-tab-btn:hover:not(.is-active){background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.16)}html[data-theme="dark"] .cto-mode-toggle-inside .details-tab-btn.is-active{background:rgba(255,255,255,0.06);border-color:rgba(191,219,254,0.9);box-shadow:0 0 0 2px rgba(191,219,254,0.9)}html[data-theme="dark"] .details-tab-btn{color:rgba(235,235,245,0.6);border-color:transparent}html[data-theme="dark"] .details-tab-btn:hover:not(.is-active){color:rgba(235,235,245,0.9);background:rgba(255,255,255,0.12);border-color:rgba(255,255,255,0.18)}html[data-theme="dark"] .details-tab-btn.is-active{color:rgba(255,255,255,0.95);background:rgba(255,255,255,0.06);border-color:rgba(191,219,254,0.9);box-shadow:0 0 0 2px rgba(191,219,254,0.9)}.cto-cards-container{padding:var(--spacing-lg);display:flex;flex-direction:column;gap:var(--spacing-md);background:transparent}.details-panel .cto-cards-container{max-width:680px;margin:0 auto}html[data-theme="dark"] .cto-cards-container{background:transparent}.cto-empty{padding:var(--spacing-lg);text-align:center;color:var(--gray-600);font-size:0.9rem}.details-empty{padding:var(--spacing-lg);text-align:center;color:var(--gray-600);font-size:0.9rem}.cto-card{background:linear-gradient(180deg,rgba(248,250,252,0.96) 0%,rgba(241,245,249,0.94) 100%);border:1px solid rgba(148,163,184,0.26);border-radius:var(--radius-lg);transition:all 0.15s cubic-bezier(0.4,0,0.2,1);overflow:hidden;display:flex;flex-direction:column;box-shadow:0 6px 18px rgba(15,23,42,0.06);margin:0}.cto-card.expanded{min-height:68px}.cto-card:not(.expanded){box-shadow:0 12px 28px rgba(15,23,42,0.08)}.cto-card.cto-card-updated{animation:cto-card-glow 1.2s ease}@keyframes cto-card-glow{0%{box-shadow:0 0 0 0 rgba(59,130,246,0.28);border-color:rgba(59,130,246,0.35)}100%{box-shadow:0 2px 8px rgba(0,0,0,0.1);border-color:var(--gray-200)}}html[data-theme="dark"] .cto-card.cto-card-updated{animation:cto-card-glow-dark 1.2s ease}@keyframes cto-card-glow-dark{0%{box-shadow:0 0 0 0 rgba(96,165,250,0.45);border-color:rgba(96,165,250,0.55)}100%{box-shadow:0 18px 32px rgba(8,11,18,0.55);border-color:rgba(51,65,85,0.6)}}.cto-card:hover{border-color:rgba(59,130,246,0.26);box-shadow:0 10px 22px rgba(15,23,42,0.1);transform:translateY(-1px)}.cto-card-header{padding:var(--cto-card-header-padding);display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:var(--cto-card-header-gap);transition:background-color var(--transition-fast),border-color var(--transition-fast);min-height:var(--cto-card-header-min-height);flex-shrink:0;position:relative;background:transparent;border:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;background-clip:padding-box}.cto-path-header{width:100%;text-align:center;color:var(--gray-600);font-size:0.8rem;line-height:1.2;margin:0 0 4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cto-card-header[role="button"]{cursor:pointer}.cto-card-header[role="button"]:hover{background:rgba(255,255,255,0.3)}.cto-card-title{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex:1;width:100%;position:relative}.cto-main-info{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.cto-title-group{display:flex;flex-direction:column;gap:2px}.cto-subtitle{font-size:0.75rem;color:var(--gray-500)}.cto-header-metrics{width:100%;text-align:center;display:flex;align-items:center;justify-content:center}.client-count{font-size:var(--client-count-font-size);color:var(--gray-500);font-weight:500;letter-spacing:-0.01em;white-space:nowrap;flex-shrink:0;margin-left:auto}.card-mode-toggle{margin-left:auto}.cto-mode-toggle-inside{margin:var(--cto-mode-toggle-margin);padding:var(--cto-mode-toggle-padding);display:flex;align-items:center;flex-wrap:var(--cto-mode-toggle-wrap);justify-content:flex-start;background:transparent;border-bottom:none;border-radius:var(--cto-mode-toggle-radius);width:100%;gap:var(--cto-mode-toggle-gap);min-height:var(--cto-mode-toggle-min-height);height:var(--cto-mode-toggle-height)}.cto-card:not(.expanded) .card-mode-toggle{pointer-events:auto;opacity:0.8}.cto-card:not(.expanded) .card-mode-toggle:hover{opacity:1}.cto-card-content{max-height:0;overflow:hidden;transition:max-height 0.12s ease-out,opacity 0.1s ease-out;background:var(--white);border-radius:0 0 var(--radius-lg) var(--radius-lg);opacity:0;display:none}.cto-card-content.expanded{max-height:2000px;opacity:1;border-top:1px solid rgba(148,163,184,0.22);display:block}.cto-card-content .client-table-container{padding:var(--cto-card-content-padding);overflow-x:auto;-webkit-overflow-scrolling:touch;background:var(--white)}.cto-card-content .cto-mode-toggle-inside{margin:0}.cto-mode-toggle-inside .tab-actions{margin-left:auto;display:flex;align-items:center;justify-content:flex-end;gap:6px}.cto-mode-toggle-inside .tab-actions .refresh-countdown{font-size:0.75rem;font-weight:600;color:var(--gray-500);min-width:28px;text-align:right;opacity:0;transition:opacity 0.12s ease}.cto-mode-toggle-inside .tab-actions .refresh-countdown.is-visible{opacity:1}.cto-mode-toggle-inside .tab-actions .modern-refresh-btn{margin-left:0}.cto-expand-btn{background:none;border:none;cursor:pointer;padding:0;color:var(--gray-500);transition:color var(--transition-fast);width:20px;height:20px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cto-expand-btn:hover{color:var(--gray-700)}.cto-expand-btn .expand-icon{font-size:0.8rem}.status-pill,.reason-pill{display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:3px 10px;border-radius:12px;font-size:0.72rem;font-weight:600;letter-spacing:-0.005em;white-space:nowrap;min-width:fit-content;box-shadow:0 1px 2px rgba(0,0,0,0.05)}.status-pill::before,.reason-pill::before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor;flex-shrink:0}.status-pill.has-icon::before{display:none}.status-pill .status-icon{width:20px;height:20px;display:inline-block;background-color:currentColor;mask-image:var(--status-icon-url);mask-repeat:no-repeat;mask-size:contain;mask-position:center;-webkit-mask-image:var(--status-icon-url);-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain;-webkit-mask-position:center}.status-pill.online{background:rgba(34,197,94,0.15);color:#16a34a}.status-pill.offline{background:rgba(239,68,68,0.15);color:#dc2626}.status-pill.neutral{background:rgba(148,163,184,0.15);color:#64748b}.status-pill.warning{background:rgba(245,158,11,0.15);color:#d97706}.reason-pill.reason-link-loss{background:rgba(255,77,26,0.32);color:#a12200}.reason-pill.reason-dying-gasp{background:rgba(69,169,247,0.32);color:#1e3a8a}.reason-pill.reason-outside-olt{background:rgba(16,185,129,0.15);color:#10b981}.reason-pill.reason-unknown{background:rgba(191,90,242,0.26);color:#5b21b6}.reason-pill.reason-none{background:rgba(148,163,184,0.15);color:#94a3b8}html[data-theme="dark"] .status-pill.online{background:rgba(34,197,94,0.25);color:#4ade80}html[data-theme="dark"] .status-pill.offline{background:rgba(239,68,68,0.25);color:#f87171}html[data-theme="dark"] .status-pill.neutral{background:rgba(148,163,184,0.25);color:#cbd5e1}html[data-theme="dark"] .status-pill.warning{background:rgba(245,158,11,0.25);color:#fbbf24}html[data-theme="dark"] .reason-pill.reason-link-loss{background:rgba(255,77,26,0.62);color:#ffe2d6}html[data-theme="dark"] .reason-pill.reason-dying-gasp{background:rgba(69,169,247,0.62);color:#d2e9ff}html[data-theme="dark"] .reason-pill.reason-outside-olt{background:rgba(16,185,129,0.25);color:#34d399}html[data-theme="dark"] .reason-pill.reason-unknown{background:rgba(191,90,242,0.46);color:#e4c8ff}html[data-theme="dark"] .reason-pill.reason-none{background:rgba(148,163,184,0.25);color:#cbd5e1}.reason-header{display:flex;align-items:center;justify-content:center;gap:6px}@keyframes inline-shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}@keyframes reason-spinner{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.reason-status{position:relative;display:inline-flex;align-items:center;justify-content:center;width:28px;height:6px;margin-left:6px;border-radius:999px;background:rgba(148,163,184,0.24);overflow:hidden;opacity:0;transition:opacity 0.2s ease}.reason-status::after{content:'';position:absolute;inset:0}.reason-status.is-loading{opacity:1}.reason-status.is-loading::after{background:linear-gradient(90deg,rgba(148,163,184,0) 0%,rgba(148,163,184,0.55) 50%,rgba(148,163,184,0) 100%);animation:inline-shimmer 1.1s linear infinite}.reason-status.is-error{opacity:1;background:rgba(248,113,113,0.24)}.reason-status.is-error::after{content:'!';display:flex;align-items:center;justify-content:center;font-size:0.7rem;font-weight:600;color:var(--error-color);animation:none}html[data-theme="dark"] .reason-status{background:rgba(71,85,105,0.45)}html[data-theme="dark"] .reason-status.is-loading::after{background:linear-gradient(90deg,rgba(148,163,184,0) 0%,rgba(148,163,184,0.75) 50%,rgba(148,163,184,0) 100%)}html[data-theme="dark"] .reason-status.is-error{background:rgba(248,113,113,0.32)}html[data-theme="dark"] .reason-status.is-error::after{color:#fca5a5}.reason-inline-loader{position:relative;display:inline-block;width:48px;height:10px;border-radius:999px;background:rgba(148,163,184,0.18);overflow:hidden;vertical-align:middle}.reason-inline-loader::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(148,163,184,0) 0%,rgba(148,163,184,0.55) 50%,rgba(148,163,184,0) 100%);transform:translateX(-100%);animation:inline-shimmer 1.1s linear infinite}.reason-missing{color:rgba(100,116,139,0.75);font-style:italic}html[data-theme="dark"] .reason-inline-loader{background:rgba(71,85,105,0.35)}html[data-theme="dark"] .reason-inline-loader::after{background:linear-gradient(90deg,rgba(148,163,184,0) 0%,rgba(148,163,184,0.85) 50%,rgba(148,163,184,0) 100%)}html[data-theme="dark"] .reason-missing{color:rgba(203,213,225,0.7)}html[data-theme="dark"] .client-ip{color:rgba(199,199,204,0.82)}html[data-theme="dark"] .client-ip.ip-blocked{color:#fb923c}html[data-theme="dark"] .client-ip.ip-public{color:#6ee7b7}html[data-theme="dark"] .identity-token.identity-login{color:rgba(255,255,255,0.92)}html[data-theme="dark"] .identity-token.identity-serial{color:rgba(174,174,178,0.8)}html[data-theme="dark"] .identity-token.identity-ip:not(.ip-blocked):not(.ip-public){color:rgba(199,199,204,0.82)}html[data-theme="dark"] .identity-token.identity-placeholder{color:rgba(142,142,147,0.65)}html[data-theme="light"] .client-ip.ip-blocked{color:#d97706!important}html[data-theme="light"] .client-ip.ip-public{color:#15803d!important}.cto-name{font-weight:600;color:var(--gray-900);white-space:nowrap;font-size:var(--cto-name-font-size);letter-spacing:0.01em}.cto-card.status-online{border-color:rgba(34,197,94,0.32)}.cto-card.status-online .cto-card-header{background:rgba(34,197,94,0.12)}.cto-card.status-warning{border-color:rgba(250,204,21,0.32)}.cto-card.status-warning .cto-card-header{background:rgba(250,204,21,0.15)}.cto-card.status-neutral{border-color:rgba(148,163,184,0.3)}.cto-card.status-neutral .cto-card-header{background:rgba(226,232,240,0.2)}.cto-card.status-offline{border-color:rgba(239,68,68,0.36)}.cto-card.status-offline .cto-card-header{background:rgba(248,113,113,0.18)}.cto-card.disconnect-link-loss{border-color:rgba(255,77,26,0.68)}.cto-card.disconnect-link-loss .cto-card-header{background:rgba(255,77,26,0.32)}.cto-card.disconnect-dying-gasp{border-color:rgba(69,169,247,0.68)}.cto-card.disconnect-dying-gasp .cto-card-header{background:rgba(69,169,247,0.32)}.cto-card.disconnect-unknown{border-color:rgba(191,90,242,0.52)}.cto-card.disconnect-unknown .cto-card-header{background:rgba(191,90,242,0.22)}.cto-card.disconnect-mix-dying-gasp-link-loss{border-color:rgba(69,169,247,0.6)}.cto-card.disconnect-mix-dying-gasp-link-loss .cto-card-header{background:linear-gradient(135deg,rgba(69,169,247,0.32) 0%,rgba(69,169,247,0.32) 45%,rgba(255,77,26,0.32) 55%,rgba(255,77,26,0.32) 100%)}.cto-card.disconnect-mix-dying-gasp-unknown{border-color:rgba(69,169,247,0.58)}.cto-card.disconnect-mix-dying-gasp-unknown .cto-card-header{background:linear-gradient(135deg,rgba(69,169,247,0.32) 0%,rgba(69,169,247,0.32) 45%,rgba(191,90,242,0.34) 55%,rgba(191,90,242,0.34) 100%)}.cto-card.disconnect-mix-link-loss-unknown{border-color:rgba(255,77,26,0.6)}.cto-card.disconnect-mix-link-loss-unknown .cto-card-header{background:linear-gradient(135deg,rgba(255,77,26,0.32) 0%,rgba(255,77,26,0.32) 45%,rgba(191,90,242,0.34) 55%,rgba(191,90,242,0.34) 100%)}.cto-card.disconnect-mix-multi{border-color:rgba(69,169,247,0.58)}.cto-card.disconnect-mix-multi .cto-card-header{background:linear-gradient(135deg,rgba(69,169,247,0.32) 0%,rgba(69,169,247,0.32) 30%,rgba(255,77,26,0.32) 40%,rgba(255,77,26,0.32) 60%,rgba(191,90,242,0.34) 70%,rgba(191,90,242,0.34) 100%)}.cto-card.status-offline .cto-name,.cto-card.status-warning .cto-name,.cto-card.status-neutral .cto-name,.cto-card.status-online .cto-name{color:var(--gray-900)}html[data-theme="dark"] .cto-card{background:rgba(28,28,30,0.92);border-color:rgba(255,255,255,0.12);box-shadow:0 14px 32px rgba(0,0,0,0.55)}html[data-theme="dark"] .cto-card:not(.expanded){box-shadow:0 20px 42px rgba(0,0,0,0.65)}html[data-theme="dark"] .cto-card:hover{border-color:rgba(255,255,255,0.2);box-shadow:0 18px 40px rgba(0,0,0,0.6)}html[data-theme="dark"] .cto-card .cto-card-header{background:rgba(58,58,60,0.45);color:#f5f5f7}html[data-theme="dark"] .cto-card .cto-subtitle,html[data-theme="dark"] .cto-card .client-count{color:rgba(174,174,178,0.9)}html[data-theme="dark"] .cto-card.status-online{border-color:rgba(48,209,88,0.85);box-shadow:0 0 0 2px rgba(48,209,88,0.45),0 18px 40px rgba(48,209,88,0.28)}html[data-theme="dark"] .cto-card.status-online .cto-card-header{background:linear-gradient(135deg,rgba(48,209,88,0.45) 0%,rgba(48,209,88,0.16) 100%);color:#f5fff5}html[data-theme="dark"] .cto-card.status-warning{border-color:rgba(255,214,10,0.75);box-shadow:0 0 0 2px rgba(255,214,10,0.4),0 18px 40px rgba(255,214,10,0.26)}html[data-theme="dark"] .cto-card.status-warning .cto-card-header{background:linear-gradient(135deg,rgba(255,214,10,0.45) 0%,rgba(255,214,10,0.18) 100%);color:#1f1600}html[data-theme="dark"] .cto-card.status-neutral{border-color:rgba(142,142,147,0.65);box-shadow:0 0 0 2px rgba(142,142,147,0.35),0 18px 40px rgba(142,142,147,0.25)}html[data-theme="dark"] .cto-card.status-neutral .cto-card-header{background:linear-gradient(135deg,rgba(142,142,147,0.45) 0%,rgba(142,142,147,0.16) 100%);color:#f2f2f7}html[data-theme="dark"] .cto-card.status-offline{border-color:rgba(255,69,58,0.85);box-shadow:0 0 0 2px rgba(255,69,58,0.45),0 18px 40px rgba(255,69,58,0.3)}html[data-theme="dark"] .cto-card.status-offline .cto-card-header{background:linear-gradient(135deg,rgba(255,69,58,0.45) 0%,rgba(255,69,58,0.16) 100%);color:#ffeae8}html[data-theme="dark"] .cto-card.disconnect-link-loss{border-color:rgba(255,77,26,0.96);box-shadow:0 0 0 2px rgba(255,77,26,0.64),0 18px 40px rgba(255,77,26,0.38)}html[data-theme="dark"] .cto-card.disconnect-link-loss .cto-card-header{background:linear-gradient(135deg,rgba(255,77,26,0.74) 0%,rgba(255,77,26,0.34) 100%);color:#ffe4d8}html[data-theme="dark"] .cto-card.disconnect-dying-gasp{border-color:rgba(69,169,247,0.95);box-shadow:0 0 0 2px rgba(69,169,247,0.6),0 18px 40px rgba(69,169,247,0.38)}html[data-theme="dark"] .cto-card.disconnect-dying-gasp .cto-card-header{background:linear-gradient(135deg,rgba(69,169,247,0.72) 0%,rgba(69,169,247,0.32) 100%);color:#f0f7ff}html[data-theme="dark"] .cto-card.disconnect-unknown{border-color:rgba(191,90,242,0.9);box-shadow:0 0 0 2px rgba(191,90,242,0.46),0 18px 40px rgba(191,90,242,0.3)}html[data-theme="dark"] .cto-card.disconnect-unknown .cto-card-header{background:linear-gradient(135deg,rgba(191,90,242,0.56) 0%,rgba(191,90,242,0.24) 100%);color:#f7edff}html[data-theme="dark"] .cto-card.disconnect-mix-dying-gasp-link-loss,html[data-theme="dark"] .cto-card.disconnect-mix-dying-gasp-unknown{border-color:rgba(69,169,247,0.88);box-shadow:0 0 0 2px rgba(69,169,247,0.5),0 18px 40px rgba(69,169,247,0.32)}html[data-theme="dark"] .cto-card.disconnect-mix-link-loss-unknown{border-color:rgba(255,77,26,0.88);box-shadow:0 0 0 2px rgba(255,77,26,0.48),0 18px 40px rgba(255,77,26,0.32)}html[data-theme="dark"] .cto-card.disconnect-mix-multi{border-color:rgba(69,169,247,0.84);box-shadow:0 0 0 2px rgba(69,169,247,0.46),0 18px 40px rgba(191,90,242,0.28)}html[data-theme="dark"] .cto-card.disconnect-mix-dying-gasp-link-loss .cto-card-header{background:linear-gradient(135deg,rgba(69,169,247,0.72) 0%,rgba(69,169,247,0.56) 45%,rgba(255,77,26,0.56) 65%,rgba(255,77,26,0.72) 100%)}html[data-theme="dark"] .cto-card.disconnect-mix-dying-gasp-unknown .cto-card-header{background:linear-gradient(135deg,rgba(69,169,247,0.7) 0%,rgba(69,169,247,0.54) 45%,rgba(191,90,242,0.56) 65%,rgba(191,90,242,0.72) 100%)}html[data-theme="dark"] .cto-card.disconnect-mix-link-loss-unknown .cto-card-header{background:linear-gradient(135deg,rgba(255,77,26,0.7) 0%,rgba(255,77,26,0.54) 45%,rgba(191,90,242,0.56) 65%,rgba(191,90,242,0.72) 100%)}html[data-theme="dark"] .cto-card.disconnect-mix-multi .cto-card-header{background:linear-gradient(135deg,rgba(69,169,247,0.7) 0%,rgba(69,169,247,0.54) 30%,rgba(255,77,26,0.56) 55%,rgba(191,90,242,0.6) 80%,rgba(191,90,242,0.72) 100%)}html[data-theme="dark"] .cto-card .cto-name{color:#ffffff}html[data-theme="dark"] .cto-card-content{background:rgba(44,44,46,0.92)}html[data-theme="dark"] .cto-card-content.expanded{border-top-color:rgba(255,255,255,0.12)}html[data-theme="dark"] .cto-mode-toggle-inside .tab-actions .refresh-countdown{color:rgba(226,232,240,0.7)}html[data-theme="dark"] .client-table tbody tr:nth-child(odd) td{background:#1f1f22}html[data-theme="dark"] .client-table tbody tr:nth-child(even) td{background:#26262b}@media (max-width:768px){.client-table td{background:transparent!important}}.restore-btn{width:var(--details-action-size);height:var(--details-action-size);border-radius:var(--radius-md);border:1px solid var(--gray-300);background:var(--white);display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.restore-btn:hover{border-color:rgba(34,197,94,0.35);background:rgba(34,197,94,0.12);box-shadow:var(--shadow-md)}.restore-btn:disabled{opacity:0.6;cursor:not-allowed;box-shadow:none}.restore-btn .restore-icon{width:22px;height:22px;filter:invert(46%) sepia(92%) saturate(521%) hue-rotate(87deg) brightness(91%) contrast(92%)}.restore-btn.loading .restore-icon{animation:spin 1s linear infinite;opacity:0.75}html[data-theme="dark"] .restore-btn{border-color:rgba(255,255,255,0.2);background:rgba(255,255,255,0.14);box-shadow:0 6px 16px rgba(0,0,0,0.45)}html[data-theme="dark"] .restore-btn:hover{border-color:rgba(48,209,88,0.6);background:rgba(48,209,88,0.18);box-shadow:0 8px 22px rgba(48,209,88,0.28)}html[data-theme="dark"] .restore-btn .restore-icon{filter:drop-shadow(0 0 4px rgba(48,209,88,0.45))}.client-loading-state{display:flex;align-items:center;justify-content:center;gap:0;padding:32px 0;color:var(--gray-500);font-size:0.9rem}.client-loading-spinner{width:20px;height:20px;border-radius:50%;border:3px solid rgba(148,163,184,0.45);border-top-color:rgba(148,163,184,0.15);animation:reason-spinner 0.9s linear infinite}html[data-theme="dark"] .client-loading-state{color:rgba(226,232,240,0.75)}html[data-theme="dark"] .client-loading-spinner{border:3px solid rgba(148,163,184,0.35);border-top-color:rgba(148,163,184,0.1)}.client-table{width:100%;min-width:420px;border-collapse:separate;border-spacing:0;font-size:0.8rem;margin:0;background:var(--white);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(148,163,184,0.22);box-shadow:0 4px 12px rgba(15,23,42,0.08),0 1px 3px rgba(15,23,42,0.06)}.client-table th{background:#f5f7fb;padding:var(--client-table-cell-padding);text-align:left;font-weight:500;color:var(--gray-600);border-bottom:1px solid rgba(148,163,184,0.22);font-size:0.75rem}.client-table td{padding:var(--client-table-cell-padding);border-bottom:1px solid var(--gray-100);color:var(--gray-700);background:var(--white)}.client-table th.port-col,.client-table td.port-col{width:1%;min-width:60px;text-align:center;white-space:nowrap;font-variant-numeric:tabular-nums}.client-table th.identity-col,.client-table td.identity-col{min-width:140px;max-width:180px;text-align:left}.client-table th.status-col,.client-table td.status-col{width:1%;min-width:110px;text-align:center;white-space:nowrap}.client-table th.power-col,.client-table td.power-col{min-width:230px;text-align:left;font-variant-numeric:tabular-nums}.client-table tbody tr:nth-child(odd) td{background:var(--white)}.client-table tbody tr:nth-child(even) td{background:#f8fafc}.power-values{display:grid;gap:4px;font-size:0.75rem;justify-items:start}.power-values--status{width:100%;justify-items:center}.power-values--status .status-pill{margin:0 auto}.client-table[data-view-mode="power"] th.power-col,.client-table[data-view-mode="power"] td.power-col{text-align:center}.client-table[data-view-mode="power"] td.power-col .power-content-wrapper{display:flex;flex-direction:column;align-items:center}.power-values--diff{font-size:0.72rem}.power-values--empty{width:100%;display:flex;align-items:center;justify-content:center}.power-values--empty .power-reading--empty{display:inline-flex;align-items:center;justify-content:center;min-width:32px;text-align:center}.client-table[data-view-mode="power"] .power-values{align-items:center}.client-table[data-view-mode="power"] .power-line{justify-content:flex-start}.power-line{display:flex;align-items:center;gap:6px;line-height:1.2;white-space:nowrap}.power-label{flex:0 0 36px}.mobile-power-actions{display:none}.client-table th.trend-col,.client-table td.trend-col{min-width:140px;text-align:left}.client-table th.timestamp-col,.client-table td.timestamp-col{min-width:140px;white-space:nowrap;font-size:0.75rem;text-align:center}.client-table th.reason-col,.client-table td.reason-col{min-width:140px;text-align:center;vertical-align:middle;white-space:nowrap}.client-table th.reason-col .reason-header{width:100%;justify-content:center}.client-table td.reason-col>*{margin-left:auto;margin-right:auto;display:inline-flex;justify-content:center}.client-table td.disconnect-col{white-space:normal;text-align:center}.client-identity{display:flex;flex-direction:column;gap:3px;line-height:1.2;align-items:flex-start}.client-identity.identity-stacked{width:100%}.identity-port{display:none;line-height:1}.identity-primary{display:flex;align-items:center;line-height:1.3}.identity-secondary{display:flex;align-items:center;line-height:1.2}.identity-token{display:inline;font-size:0.8125rem;color:var(--gray-700)}.identity-token.identity-login{font-weight:600;font-size:0.875rem;color:var(--gray-900)}.identity-token.identity-serial{font-size:0.75rem;color:var(--gray-500);font-family:ui-monospace,'SF Mono','Cascadia Code','Source Code Pro',Menlo,Monaco,Consolas,monospace}.identity-token.identity-ip{font-size:0.75rem;font-family:ui-monospace,'SF Mono','Cascadia Code','Source Code Pro',Menlo,Monaco,Consolas,monospace}.identity-token.identity-placeholder{color:var(--gray-400);font-style:italic}.client-login{font-weight:600;color:var(--gray-800);text-decoration:none;border-bottom:1px dashed transparent;transition:color 0.2s ease,border-color 0.2s ease}.client-login:hover,.client-login:focus-visible{color:var(--primary-color);border-bottom-color:currentColor}.client-login:focus-visible{outline:none}.client-port{display:inline-flex;align-items:center;justify-content:center;font-size:0.8rem;font-weight:600;color:var(--gray-600)}.client-port--empty{font-weight:400;color:var(--gray-400);font-style:italic}.client-serial,.client-ip{font-size:0.7rem;color:var(--gray-500);word-break:break-all}.client-ip.ip-blocked{color:#d97706}.client-ip.ip-public{color:#15803d}.client-table tbody tr.client-row:hover td{background:var(--gray-50)}html[data-theme="dark"] .client-table tbody tr.client-row:hover td{background:#2b2b30}.client-row:last-child td{border-bottom:none}.client-table tbody tr.client-row-updated{animation:row-update-glow 1.2s ease}@keyframes row-update-glow{0%{background:rgba(59,130,246,0.16)}100%{background:inherit}}html[data-theme="dark"] .power-label{color:rgba(174,174,178,0.9)}html[data-theme="dark"] .power-reading{color:rgba(235,235,245,0.8)}html[data-theme="dark"] .client-table tbody tr.client-row-updated{animation:row-update-glow-dark 1.3s ease}@keyframes row-update-glow-dark{0%{background:rgba(96,165,250,0.28)}100%{background:inherit}}.client-table tbody tr.client-row-highlight{position:relative;z-index:5;background-color:rgba(59,130,246,0.05)!important}.client-table tbody tr.client-row-highlight td{border-top:3px solid rgba(29,78,216,0.9)!important;border-bottom:3px solid rgba(29,78,216,0.9)!important}.client-table tbody tr.client-row-highlight td:first-child{border-left:3px solid rgba(29,78,216,0.9)!important;border-top-left-radius:6px;border-bottom-left-radius:6px}.client-table tbody tr.client-row-highlight td:last-child{border-right:3px solid rgba(29,78,216,0.9)!important;border-top-right-radius:6px;border-bottom-right-radius:6px}html[data-theme="dark"] .client-table tbody tr.client-row-highlight{background-color:rgba(59,130,246,0.15)!important}html[data-theme="dark"] .client-table tbody tr.client-row-highlight td{border-color:rgba(191,219,254,0.9)!important}.tree-node-actions{display:none!important}@keyframes expandRow{from{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.client-table-row.expanded{animation:expandRow 0.2s ease-out}.details-content::-webkit-scrollbar,.cto-table-container::-webkit-scrollbar{width:6px}.details-content::-webkit-scrollbar-track,.cto-table-container::-webkit-scrollbar-track{background:var(--gray-100)}.details-content::-webkit-scrollbar-thumb,.cto-table-container::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:3px}.details-content::-webkit-scrollbar-thumb:hover,.cto-table-container::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.pagination-notice{margin-top:12px;padding:10px 14px;border-radius:var(--radius-sm);background:rgba(148,163,184,0.08);color:var(--gray-600);font-size:0.8rem;text-align:center}html[data-theme="dark"] .pagination-notice{background:rgba(71,85,105,0.22);color:rgba(226,232,240,0.75)}@keyframes spin{100%{transform:rotate(360deg)}}.modern-refresh-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:var(--refresh-btn-size);height:var(--refresh-btn-size);padding:0;margin-left:8px;border-radius:8px;background:var(--white);border:1px solid var(--gray-300);color:var(--gray-600);cursor:pointer;transition:all 0.25s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 2px rgba(0,0,0,0.05);position:relative;overflow:hidden}.modern-refresh-btn svg{width:var(--refresh-btn-icon-size);height:var(--refresh-btn-icon-size);transition:transform 0.4s ease;stroke-width:2.5px}.modern-refresh-btn::before{content:'';position:absolute;inset:0;background:var(--primary-color);opacity:0;transition:opacity 0.2s ease}.modern-refresh-btn:hover{border-color:var(--primary-color);color:var(--primary-color);box-shadow:0 4px 12px rgba(59,130,246,0.15);transform:translateY(-1px)}.modern-refresh-btn:active{transform:translateY(0);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.modern-refresh-btn:disabled,.modern-refresh-btn.is-disabled{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-400);cursor:not-allowed;box-shadow:none;opacity:0.7;pointer-events:none}.modern-refresh-btn:disabled:hover,.modern-refresh-btn.is-disabled:hover{transform:none;box-shadow:none;border-color:var(--gray-200);color:var(--gray-400)}.cto-card.refreshing .modern-refresh-btn{border-color:var(--primary-color);color:var(--primary-color);background:var(--gray-50);cursor:wait;box-shadow:none;transform:none}.cto-card.refreshing .modern-refresh-btn svg{animation:spin-smooth 1s linear infinite;transform:none!important}@keyframes spin-smooth{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}.modern-row-refresh-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;width:var(--row-refresh-btn-size);height:var(--row-refresh-btn-size);padding:0;border-radius:6px;background:transparent;border:1px solid transparent;color:var(--gray-400);cursor:pointer;transition:all 0.2s ease;opacity:0.6}.client-row:hover .modern-row-refresh-btn{opacity:1;background:var(--white);border-color:var(--gray-200);box-shadow:0 1px 2px rgba(0,0,0,0.05)}.modern-row-refresh-btn:hover{color:var(--primary-color);border-color:var(--primary-color)!important;background:var(--white)!important;transform:scale(1.05)}.modern-row-refresh-btn svg{width:var(--row-refresh-btn-icon-size);height:var(--row-refresh-btn-icon-size);stroke-width:2.5px;filter:drop-shadow(0 1px 1px rgba(0,0,0,0.1))}.cto-card.refreshing .modern-row-refresh-btn[data-action="refresh-client"] svg{animation:spin-smooth 1s linear infinite}html[data-theme="dark"] .modern-refresh-btn{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.15);color:rgba(255,255,255,0.85);box-shadow:0 1px 3px rgba(0,0,0,0.3)}html[data-theme="dark"] .modern-refresh-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.25);color:#fff;box-shadow:0 4px 12px rgba(0,0,0,0.2)}html[data-theme="dark"] .modern-refresh-btn:disabled,html[data-theme="dark"] .modern-refresh-btn.is-disabled{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.1);color:rgba(255,255,255,0.3);box-shadow:none}html[data-theme="dark"] .cto-card.refreshing .modern-refresh-btn{background:rgba(59,130,246,0.15);border-color:rgba(59,130,246,0.5);color:#60a5fa}html[data-theme="dark"] .modern-row-refresh-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:#facc15}html[data-theme="dark"] .modern-row-refresh-btn:hover{background:rgba(234,179,8,0.15);border-color:rgba(234,179,8,0.4);color:#fef08a}html[data-theme="dark"] .modern-row-refresh-btn.is-disabled{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08);color:rgba(255,255,255,0.3)}.power-header-flex{display:flex;align-items:center;justify-content:flex-start;gap:16px;width:100%;min-width:0}.client-table[data-view-mode="power"] .power-header-flex{justify-content:center}.power-actions{display:flex;align-items:center;gap:4px;position:relative;width:var(--power-actions-size);flex:0 0 var(--power-actions-size);justify-content:center}.timestamp-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;line-height:1.1;font-size:0.72rem;white-space:nowrap}.ts-date{color:var(--gray-600);font-weight:600}.ts-time{color:var(--gray-400);font-size:inherit}html[data-theme="dark"] .ts-date{color:rgba(235,235,245,0.9)}html[data-theme="dark"] .ts-time{color:rgba(235,235,245,0.6)}.timestamp-old{color:var(--gray-500);font-style:italic;font-size:0.75rem}html[data-theme="dark"] .timestamp-old{color:rgba(174,174,178,0.8)}.power-values--diff .power-line{display:flex;justify-content:flex-start;padding-left:4px}.power-optimal{color:#16a34a;font-weight:600}.power-regular{color:#eab308;font-weight:600}.power-functional{color:#f97316;font-weight:600}.power-degraded{color:#dc2626;font-weight:600}html[data-theme="dark"] .power-optimal{color:#4ade80}html[data-theme="dark"] .power-regular{color:#facc15}html[data-theme="dark"] .power-functional{color:#fb923c}html[data-theme="dark"] .power-degraded{color:#f87171}.power-label--ghost{visibility:hidden}.cto-card.power-refreshing .power-content-wrapper,.cto-card.power-refreshing .timestamp-wrapper,.client-row.power-refreshing .power-content-wrapper,.client-row.power-refreshing .timestamp-wrapper{filter:blur(1.5px);opacity:0.55}.power-content-wrapper,.timestamp-wrapper{transition:filter 0.2s ease,opacity 0.2s ease}.cto-card.status-refreshing .client-table[data-view-mode="status"] tbody td{filter:blur(1.5px);opacity:0.55}.client-table[data-view-mode="status"] tbody td{transition:filter 0.2s ease,opacity 0.2s ease}.diff-pos{color:var(--status-online)}.diff-neg{color:var(--status-critical)}.diff-zero{color:var(--gray-400)}.power-content-wrapper{flex:1 1 auto;min-width:0}.power-content-wrapper--empty{display:flex;align-items:center;justify-content:center;width:100%}.power-mobile-timestamp{display:none}.power-timestamp-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.power-row-actions{display:flex;align-items:center;justify-content:center}.power-header-title{flex:1 1 auto;min-width:0}@media (min-width:769px){.client-table[data-view-mode="power"] .power-values{gap:2px;font-size:0.72rem}.client-table[data-view-mode="power"] .power-line{line-height:1.1}.client-table[data-view-mode="power"] .power-label{line-height:1.1}.client-table[data-view-mode="power"] .power-timestamp-wrapper{gap:2px}.client-table[data-view-mode="power"] .timestamp-wrapper{line-height:1.1}}.modern-row-refresh-btn{width:26px;height:26px;margin:0;border-radius:6px;background:var(--white);border:1px solid var(--gray-300);color:#eab308;cursor:pointer;transition:all 0.2s ease;opacity:1;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,0.05);flex-shrink:0}.modern-row-refresh-btn.is-disabled{color:#dc2626;border-color:rgba(220,38,38,0.5);background:rgba(220,38,38,0.08);cursor:not-allowed}html[data-theme="dark"] .modern-row-refresh-btn.is-disabled{color:#f87171;border-color:rgba(248,113,113,0.45);background:rgba(248,113,113,0.12)}.modern-row-refresh-btn:hover{background:#fefce8!important;border-color:#eab308!important;color:#ca8a04;transform:translateY(-1px);box-shadow:0 2px 4px rgba(0,0,0,0.08)}.client-row:hover .modern-row-refresh-btn{opacity:1;background:var(--white)}html[data-theme="dark"] .modern-row-refresh-btn{background:rgba(255,255,255,0.05);border-color:rgba(255,255,255,0.15);color:#facc15}html[data-theme="dark"] .modern-row-refresh-btn:hover{background:rgba(234,179,8,0.15)!important;border-color:#facc15!important;color:#fef08a}.online-ctos-toggle-wrapper{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);margin:var(--spacing-md) 0}.decorative-horizontal-line{height:1px;flex:1;max-width:120px;background:linear-gradient(to right,transparent,var(--gray-200) 30%,var(--gray-200) 70%,transparent)}.online-ctos-toggle-container{display:flex;justify-content:center;flex-shrink:0}.online-ctos-toggle-btn{appearance:none;-webkit-appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:200px;padding:8px 20px;border:1px solid var(--gray-300);border-radius:8px;background:var(--white);color:var(--gray-600);font-size:0.875rem;font-weight:500;cursor:pointer;transition:all 0.2s ease;box-shadow:0 1px 2px rgba(0,0,0,0.05);outline:none;white-space:nowrap}.online-ctos-toggle-btn:hover{background:var(--gray-50);border-color:var(--gray-400);color:var(--gray-800);box-shadow:0 2px 4px rgba(0,0,0,0.08)}.online-ctos-toggle-btn:active{box-shadow:0 1px 2px rgba(0,0,0,0.05)}.online-ctos-toggle-btn:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.online-ctos-toggle-btn:disabled{background:var(--gray-100);border-color:var(--gray-200);color:var(--gray-500);box-shadow:none;cursor:not-allowed}.cto-card.hidden-online-cto{display:none}html[data-theme="dark"] .decorative-horizontal-line{background:linear-gradient(to right,transparent,rgba(255,255,255,0.15) 30%,rgba(255,255,255,0.15) 70%,transparent)}html[data-theme="dark"] .online-ctos-toggle-btn{background:rgba(255,255,255,0.06);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.8);box-shadow:none}html[data-theme="dark"] .online-ctos-toggle-btn:hover{background:rgba(255,255,255,0.1);border-color:rgba(255,255,255,0.2);color:rgba(255,255,255,0.95)}html[data-theme="dark"] .online-ctos-toggle-btn:disabled{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.12);color:rgba(255,255,255,0.5)}.login-page{display:flex;align-items:center;justify-content:center;min-height:100vh;background:#f8f9fa;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif}.login-container{background:var(--white);padding:0;border-radius:12px;box-shadow:0 20px 40px rgba(0,0,0,0.1);width:100%;max-width:420px;overflow:hidden}.login-header{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;padding:2rem;text-align:center}.login-header h1{margin:0 0 0.5rem 0;font-size:1.5rem;font-weight:600}.login-header p{margin:0;opacity:0.9;font-size:0.9rem}.auth-form{padding:2rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:0.5rem;font-weight:500;color:#333}.form-group input{width:100%;padding:0.875rem;border:2px solid #e1e5e9;border-radius:8px;font-size:1rem;transition:border-color 0.2s ease}.form-group input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.1)}.btn{padding:0.875rem 1.5rem;border:none;border-radius:8px;cursor:pointer;font-size:1rem;font-weight:500;transition:all 0.2s ease}.btn-primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);color:white;width:100%}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(102,126,234,0.3)}.btn-login{position:relative;overflow:hidden}.login-footer{padding:1rem 2rem 2rem;text-align:center;color:#666;font-size:0.85rem}:root{--touch-target-min:44px}.main-panel{width:100%;flex:1}@media (max-width:1024px) and (min-width:769px){.details-panel:not(.hidden){flex-basis:clamp(320px,35vw,420px);min-width:clamp(320px,35vw,420px)}.topology-header{padding:var(--spacing-md) var(--spacing-lg)}.cto-cards-container{padding:var(--spacing-md)}}@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){.cto-card,.client-table,.details-panel{border-width:0.5px}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms!important;animation-iteration-count:1!important;transition-duration:0.01ms!important}.details-panel{transition:none}}@media print{.header,.footer,.panel-resizer,.topology-actions,.details-actions{display:none!important}.main-panel,.details-panel{width:100%!important;max-width:100%!important;position:static!important;transform:none!important}.cto-card{break-inside:avoid;page-break-inside:avoid}}@media (max-width:768px){:root{--mobile-spacing:12px;--mobile-header-height:56px;--mobile-control-height:46px;--mobile-radius:10px;--mobile-radius-lg:14px;--mobile-card-bg:var(--white);--mobile-shadow:0 6px 18px rgba(0,0,0,0.12);--mobile-bottom-gap:16px;--tree-indent-width:18px;--pon-agg-card-padding:10px 12px;--pon-agg-card-width:min(320px,calc(100% - var(--tree-indent-width)));--pon-agg-label-font-size:0.75rem;--pon-agg-label-font-weight:500;--chip-list-columns:repeat(3,minmax(0,1fr));--chip-list-gap:6px 8px;--chip-font-size:0.68rem;--chip-min-height:22px;--chip-padding:5px 10px;--tree-node-margin-bottom:6px;--tree-node-content-padding:6px 8px;--tree-node-content-min-height:30px;--tree-node-toggle-size:18px;--tree-node-toggle-margin-right:6px;--tree-node-name-font-size:0.8rem;--tree-node-details-font-size:0.7rem;--cto-card-header-padding:12px 14px;--cto-card-header-min-height:52px;--client-count-font-size:0.7rem;--cto-mode-toggle-padding:4px;--cto-mode-toggle-min-height:52px;--cto-mode-toggle-gap:6px;--cto-mode-toggle-margin:0 14px 10px;--cto-mode-toggle-radius:10px;--cto-mode-toggle-wrap:nowrap;--cto-mode-toggle-height:var(--cto-mode-toggle-min-height);--cto-mode-tab-padding:10px 12px;--cto-mode-tab-font-size:0.82rem;--header-height:var(--mobile-header-height);--footer-height:48px}html[data-theme="dark"]{--mobile-card-bg:var(--gray-100);--mobile-shadow:0 10px 26px rgba(0,0,0,0.55)}.dashboard-container{height:calc(100dvh - var(--header-height) - var(--footer-height));min-height:0;display:flex;flex-direction:column;overflow:hidden}.main-content{min-height:0;height:calc(100dvh - var(--header-height) - var(--footer-height));overflow:hidden}.header-nav,.user-details,.panel-resizer{display:none!important}.header{height:var(--mobile-header-height)}.header-content{padding:0 var(--mobile-spacing)}.logo-svg{width:34px;height:34px}.logo h1{font-size:1rem}.user-menu-btn{width:40px;height:40px}.user-dropdown{position:fixed;top:calc(var(--mobile-header-height) + 8px);right:var(--mobile-spacing);z-index:600}.main-panel{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden}.topology-header{padding:10px var(--mobile-spacing) 8px;gap:8px;align-items:center;justify-content:center;flex-wrap:wrap}.topology-actions{gap:6px;margin-left:0;flex-wrap:wrap;width:100%;justify-content:center}.siren-sensitivity-group{height:var(--mobile-control-height);padding:0 4px;border-radius:var(--mobile-radius-lg);gap:6px}.sensitivity-bar{padding:4px;border-radius:10px}#toggle-expand-btn,#siren-btn{width:var(--mobile-control-height);height:var(--mobile-control-height)}.topology-content{flex:1;min-height:0;display:flex;flex-direction:column;overflow:hidden;padding:0 var(--mobile-spacing)}.topology-tree{flex:1;min-height:0;overflow-y:auto;padding:12px;padding-bottom:calc(var(--mobile-control-height) + var(--footer-height) + var(--mobile-bottom-gap) * 2);background:var(--mobile-card-bg);border:1px solid var(--gray-200);border-radius:var(--mobile-radius-lg);box-shadow:var(--shadow-sm)}html[data-theme="dark"] .topology-tree{border-color:var(--gray-300)}.filter-dropdown-container{position:fixed;left:var(--mobile-spacing);bottom:calc(var(--mobile-bottom-gap) + var(--footer-height));width:var(--mobile-control-height);height:var(--mobile-control-height);z-index:300}.filter-dropdown-btn{width:100%;height:100%;background:var(--mobile-card-bg);border:1px solid var(--gray-200);box-shadow:var(--mobile-shadow);border-radius:var(--mobile-radius-lg);color:var(--primary-color)}html[data-theme="dark"] .filter-dropdown-btn{border-color:var(--gray-300)}.header-search-container{position:fixed;left:calc(var(--mobile-spacing) + var(--mobile-control-height) + 10px);right:var(--mobile-spacing);bottom:calc(var(--mobile-bottom-gap) + var(--footer-height));height:var(--mobile-control-height);z-index:290}.header-search-wrapper{height:100%;background:var(--mobile-card-bg);border:1px solid var(--gray-200);box-shadow:var(--mobile-shadow);border-radius:var(--mobile-radius-lg);padding:0 12px}.header-search-wrapper:focus-within{border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(102,126,234,0.12)}html[data-theme="dark"] .header-search-wrapper{border-color:rgba(255,255,255,0.12);box-shadow:none;background:var(--mobile-card-bg)}html[data-theme="dark"] .header-search-wrapper:focus-within{border-color:rgba(10,132,255,0.6);box-shadow:0 0 0 2px rgba(10,132,255,0.35)}.header-search-input{height:100%;font-size:16px;border:none;background:transparent;box-shadow:none;outline:none}.header-search-input:focus{border:none;box-shadow:none}html[data-theme="dark"] .header-search-wrapper .header-search-input{border:none;background:transparent;box-shadow:none;color:var(--gray-900)}html[data-theme="dark"] .header-search-wrapper .header-search-input:focus{border:none;background:transparent;box-shadow:none}html[data-theme="dark"] .header-search-wrapper .header-search-clear{background:transparent;color:var(--gray-600)}html[data-theme="dark"] .header-search-wrapper .header-search-clear:hover{background:transparent;color:var(--gray-500)}.header-search-suggestions{bottom:calc(var(--mobile-control-height) + var(--mobile-bottom-gap) + 8px);top:auto;border-radius:16px;max-height:40vh;box-shadow:0 -8px 24px rgba(0,0,0,0.2);z-index:650}.filter-dropdown-panel{position:fixed;left:var(--mobile-spacing);right:var(--mobile-spacing);bottom:calc(var(--mobile-control-height) + var(--mobile-bottom-gap) + 8px);min-width:0;max-width:none;max-height:60vh;border-radius:18px;box-shadow:0 -8px 28px rgba(0,0,0,0.2);z-index:660;opacity:0;visibility:hidden;transform:translateY(12px);transition:transform 0.2s ease,opacity 0.2s ease,visibility 0.2s ease;pointer-events:none}.filter-dropdown-panel.show{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.filter-dropdown-content{max-height:60vh;overflow-y:auto}.tree-node{margin-bottom:var(--tree-node-margin-bottom)}.tree-node::before{display:block}.tree-node-content{border-radius:8px;box-shadow:var(--shadow-xs)}.tree-node-content::after{display:none}.tree-node-name{line-height:1.2}.tree-node-details{line-height:1.2}.tree-node-children{margin-left:var(--tree-indent-width);padding-left:0}.tree-node-olt>.tree-node-children,.tree-node-slot>.tree-node-children,.tree-node-pon>.tree-node-children,.tree-node-box>.tree-node-children{margin-left:calc(var(--tree-indent-width) * 1.1)}.tree-node-olt>.tree-node-content,.tree-node-slot>.tree-node-content,.tree-node-pon>.tree-node-content,.tree-node-box>.tree-node-content{background:var(--white);background-image:none}.tree-node-slot>.tree-node-content.status-online,.tree-node-pon>.tree-node-content.status-online{background:rgba(22,163,74,0.1)}.tree-node-slot>.tree-node-content.status-warning,.tree-node-pon>.tree-node-content.status-warning{background:rgba(250,204,21,0.14)}.tree-node-slot>.tree-node-content.status-offline,.tree-node-pon>.tree-node-content.status-offline{background:rgba(239,68,68,0.12)}.tree-node-slot>.tree-node-content.status-neutral,.tree-node-pon>.tree-node-content.status-neutral{background:rgba(148,163,184,0.12)}html[data-theme="dark"] .tree-node-slot>.tree-node-content.status-online,html[data-theme="dark"] .tree-node-pon>.tree-node-content.status-online{background:linear-gradient(135deg,rgba(48,209,88,0.55) 0%,rgba(48,209,88,0.2) 100%);border-left-color:rgba(48,209,88,0.95);box-shadow:0 0 0 1px rgba(48,209,88,0.3),0 16px 32px rgba(48,209,88,0.25)}html[data-theme="dark"] .tree-node-slot>.tree-node-content.status-warning,html[data-theme="dark"] .tree-node-pon>.tree-node-content.status-warning{background:linear-gradient(135deg,rgba(255,214,10,0.58) 0%,rgba(255,214,10,0.2) 100%);border-left-color:rgba(255,214,10,0.95);box-shadow:0 0 0 1px rgba(255,214,10,0.3),0 16px 32px rgba(255,214,10,0.28)}html[data-theme="dark"] .tree-node-slot>.tree-node-content.status-offline,html[data-theme="dark"] .tree-node-pon>.tree-node-content.status-offline{background:linear-gradient(135deg,rgba(255,69,58,0.55) 0%,rgba(255,69,58,0.18) 100%);border-left-color:rgba(255,69,58,0.95);box-shadow:0 0 0 1px rgba(255,69,58,0.3),0 16px 32px rgba(255,69,58,0.28)}html[data-theme="dark"] .tree-node-slot>.tree-node-content.status-neutral,html[data-theme="dark"] .tree-node-pon>.tree-node-content.status-neutral{background:linear-gradient(135deg,rgba(142,142,147,0.45) 0%,rgba(142,142,147,0.18) 100%);border-left-color:rgba(142,142,147,0.85);box-shadow:0 0 0 1px rgba(142,142,147,0.28),0 16px 32px rgba(142,142,147,0.25)}.pon-agg-card{box-sizing:border-box;background:rgba(148,163,184,0.08);border:1px solid rgba(148,163,184,0.2)}.pon-agg-label{text-align:center;margin-bottom:8px;color:var(--gray-600)}.pon-agg-footer{text-align:center;margin-top:8px;color:var(--gray-500)}.pon-agg-card .chip{width:100%;min-width:0;max-width:none;text-align:center;box-sizing:border-box}.details-panel{position:fixed;inset:0;width:100vw;height:100dvh;z-index:500;transform:translateX(100%);transition:transform 0.3s ease;background:var(--white);display:flex;flex-direction:column;overflow:hidden}.details-panel,.details-panel:not(.hidden){flex-basis:auto;min-width:0;max-width:100vw}html[data-theme="dark"] .details-panel{background:var(--gray-50)}.details-panel:not(.hidden){transform:translateX(0)}.details-panel.hidden{visibility:hidden}.details-content{display:flex;flex-direction:column;min-height:0;overflow:hidden}.cto-table-container{flex:1;min-height:0;overflow-y:auto;-webkit-overflow-scrolling:touch}.details-header{padding:var(--mobile-spacing);border-bottom:1px solid var(--gray-200);gap:10px}.details-breadcrumb{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.breadcrumb-item{min-width:0}.breadcrumb-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.details-actions{gap:8px;flex-shrink:0}.cto-cards-container{padding:var(--mobile-spacing);padding-bottom:calc(var(--mobile-control-height) + var(--mobile-bottom-gap) * 2)}.online-ctos-toggle-wrapper{margin:0 0 var(--mobile-spacing) 0;padding:var(--mobile-spacing);gap:var(--mobile-spacing)}.cto-card{background:var(--white);border-radius:12px;border:1px solid var(--gray-200);overflow:hidden;margin-bottom:var(--mobile-spacing)}html[data-theme="dark"] .cto-card{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08)}.cto-card-header{display:flex;align-items:center;justify-content:space-between}.cto-mode-toggle-inside .power-tab-actions{margin-left:auto;display:inline-flex;align-items:center;visibility:hidden;pointer-events:none;width:var(--power-actions-size);height:var(--power-actions-size)}.cto-mode-toggle-inside .power-tab-actions.is-visible{visibility:visible;pointer-events:auto}.cto-mode-toggle-inside .tab-actions .refresh-countdown{font-size:0.68rem;min-width:22px}.cto-mode-toggle-inside .power-tab-actions .modern-refresh-btn{width:var(--power-actions-size);height:var(--power-actions-size);padding:0;margin-left:0;background:var(--white);border:1px solid var(--gray-300);border-radius:8px}.cto-mode-toggle-inside .power-tab-actions .modern-refresh-btn.is-disabled,.cto-mode-toggle-inside .power-tab-actions .modern-refresh-btn:disabled{background:rgba(220,38,38,0.08);border-color:rgba(220,38,38,0.55);color:var(--error-color);opacity:1}html[data-theme="dark"] .cto-mode-toggle-inside .power-tab-actions .modern-refresh-btn{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}html[data-theme="dark"] .cto-mode-toggle-inside .power-tab-actions .modern-refresh-btn.is-disabled,html[data-theme="dark"] .cto-mode-toggle-inside .power-tab-actions .modern-refresh-btn:disabled{background:rgba(255,69,58,0.16);border-color:rgba(255,69,58,0.5);color:#ffb4ad}.cto-card-content{padding:0}.cto-card-content.expanded{padding:0 14px 14px}.cto-card-content .client-table-container{padding:0;overflow-x:hidden;background:transparent}.client-table thead{display:none}.client-table{width:100%;min-width:0;border:none;box-shadow:none;background:transparent;border-collapse:separate;border-spacing:0}.client-table tbody{display:flex;flex-direction:column;gap:8px}.client-table tbody tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:auto auto auto;background:var(--gray-50);border-radius:12px;border:1px solid var(--gray-200);overflow:hidden;position:relative;min-height:108px}.client-table tbody tr.client-row-highlight{border-color:transparent!important;box-shadow:0 4px 12px rgba(29,78,216,0.15);background-color:rgba(59,130,246,0.04)!important}.client-table tbody tr.client-row-highlight::after{content:"";position:absolute;inset:0;border:3px solid rgba(29,78,216,0.9);border-radius:12px;pointer-events:none;z-index:10}.client-table tbody tr.client-row-highlight td{border:none!important;border-radius:0!important}html[data-theme="light"] .client-table tbody tr{background:#f8fafc;border-color:rgba(148,163,184,0.22);box-shadow:0 1px 2px rgba(15,23,42,0.04)}html[data-theme="dark"] .client-table tbody tr{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.08)}html[data-theme="dark"] .client-table tbody tr.client-row-highlight{border-color:transparent!important;box-shadow:0 4px 12px rgba(191,219,254,0.1);background-color:rgba(59,130,246,0.15)!important}html[data-theme="dark"] .client-table tbody tr.client-row-highlight::after{border-color:rgba(191,219,254,0.9)}.client-table td{padding:0;border:none;background:transparent}.client-table tbody tr:nth-child(odd) td,.client-table tbody tr:nth-child(even) td{background:transparent}.client-table td.identity-col{display:flex;grid-column:1;grid-row:1 / 4;flex-direction:column;justify-content:center;padding:12px;gap:4px;border-right:1px solid rgba(148,163,184,0.12)}.client-table th.port-col,.client-table td.port-col{display:none}.client-table td.identity-col .identity-port{display:flex;align-items:center;margin-top:-2px}.client-table td.identity-col,.client-table td.status-col,.client-table td.reason-col,.client-table td.disconnect-col,.client-table td.power-col,.client-table td.timestamp-col{min-width:0;width:auto}html[data-theme="dark"] .client-table td.identity-col{border-right-color:rgba(255,255,255,0.12)}.client-table td.status-col{display:flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;padding:12px 12px 4px;text-align:center}.client-table td.reason-col{display:flex;grid-column:2;grid-row:2;flex-direction:column;align-items:center;justify-content:center;padding:4px 12px;gap:4px;text-align:center}.client-table td.disconnect-col{display:flex;grid-column:2;grid-row:3;flex-direction:column;align-items:center;justify-content:center;padding:4px 12px 12px;font-size:0.7rem;color:var(--gray-400);text-align:center}.client-table td.reason-col>*{margin-left:0;margin-right:0}.status-pill,.reason-pill{width:min(120px,100%);max-width:100%;min-height:24px;justify-content:center;text-align:center;font-size:0.72rem;align-self:center;box-sizing:border-box}.client-table[data-view-mode="power"] tbody tr{grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-rows:1fr;align-items:stretch}.client-table[data-view-mode="power"] td.identity-col{grid-row:1;display:flex;flex-direction:column;justify-content:center}.client-table[data-view-mode="power"] td.status-col,.client-table[data-view-mode="power"] td.reason-col,.client-table[data-view-mode="power"] td.disconnect-col{display:none}.client-table[data-view-mode="power"] td.power-col{display:flex;grid-column:2;grid-row:1;flex-direction:column;align-items:center;justify-content:center;padding:10px 8px;gap:4px;text-align:center}.client-table[data-view-mode="power"] td.timestamp-col{display:none}.client-table[data-view-mode="power"] .power-content-wrapper{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.client-table[data-view-mode="power"] .power-values{display:flex;flex-direction:column;align-items:center;gap:2px}.client-table[data-view-mode="power"] .power-values--empty{width:100%;align-items:center;justify-content:center}.client-table[data-view-mode="power"] .power-values--empty .power-reading--empty{text-align:center}.client-table[data-view-mode="power"] .power-mobile-timestamp{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:4px;font-size:0.68rem;color:var(--gray-400);margin-top:2px}.client-table[data-view-mode="power"] .power-timestamp-wrapper{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:10px;width:100%}.client-table[data-view-mode="power"] .power-row-actions{display:flex;align-items:center;justify-content:center;flex-shrink:0}.client-table[data-view-mode="power"] .power-line{display:flex;flex-wrap:nowrap;white-space:nowrap;row-gap:0;justify-content:center;align-items:center;font-size:0.78rem}.client-table[data-view-mode="power"] .power-label{flex:0 0 28px;font-size:0.72rem}.client-table[data-view-mode="power"] .power-reading{font-size:0.78rem}.client-table[data-view-mode="power"] .diff-inline{margin-left:2px;font-size:0.62rem;white-space:nowrap}.client-table[data-view-mode="power"] .power-reading--empty{display:inline-block;min-width:32px;text-align:left;color:var(--gray-500)}.client-table .timestamp-wrapper{flex-direction:row;align-items:center;justify-content:center;gap:4px;font-size:0.68rem;font-weight:400;color:var(--gray-400)}.client-table .ts-date,.client-table .ts-time{color:inherit;font-weight:400;font-size:inherit}.identity-token.identity-login{font-size:0.9rem;font-weight:600}.client-table td.identity-col .identity-token{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.identity-token.identity-serial,.identity-token.identity-ip{font-size:0.7rem}.status-pill{padding:4px 12px;border-radius:16px}.reason-pill{padding:4px 12px}.mobile-power-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 14px;border-bottom:1px solid var(--gray-200)}html[data-theme="dark"] .mobile-power-actions{border-bottom-color:rgba(255,255,255,0.08)}.mobile-power-actions .modern-refresh-btn{width:var(--power-actions-size);height:var(--power-actions-size);padding:0;gap:0;margin-left:auto;background:var(--white);border:1px solid var(--gray-300);border-radius:8px;order:2}.mobile-power-actions .modern-refresh-btn.is-disabled,.mobile-power-actions .modern-refresh-btn:disabled{background:rgba(220,38,38,0.08);border-color:rgba(220,38,38,0.55);color:var(--error-color);opacity:1}html[data-theme="dark"] .mobile-power-actions .modern-refresh-btn{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15)}html[data-theme="dark"] .mobile-power-actions .modern-refresh-btn.is-disabled,html[data-theme="dark"] .mobile-power-actions .modern-refresh-btn:disabled{background:rgba(255,69,58,0.16);border-color:rgba(255,69,58,0.5);color:#ffb4ad}.mobile-timestamp{font-size:0.7rem;color:var(--gray-400);order:1}.footer{display:flex;height:var(--footer-height);padding:0 var(--mobile-spacing)}.footer-content{flex-direction:row;gap:8px;align-items:center;justify-content:space-between;text-align:left}.footer-text{font-size:0.7rem}}@media (max-width:480px){:root{--mobile-spacing:10px;--tree-node-name-font-size:0.78rem;--tree-node-details-font-size:0.68rem;--chip-font-size:0.6rem}}@media (max-width:768px) and (orientation:landscape){.details-panel{top:0;right:0;bottom:0;left:auto;width:70vw}}@media (hover:none) and (pointer:coarse){.cto-card-header{min-height:56px}.cto-card:active{transform:scale(0.99);transition:transform 0.1s}.tree-node-content:active{opacity:0.85;transition:opacity 0.1s}.topology-tree,.cto-table-container,.cto-cards-container{overscroll-behavior:contain}}