.nav{display:flex;gap:0;border-bottom:2px solid var(--color-border-tabs);margin-bottom:1.25rem}.nav-btn{padding:9px 22px;font-size:var(--font-size-base);font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--color-text-placeholder);border-bottom:2px solid transparent;margin-bottom:-2px}.nav-btn.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.nav-btn:hover:not(.active){color:var(--color-text-secondary)}.panel{display:none}.panel.active{display:block}.sec{background:var(--color-bg-card);border:.5px solid var(--color-border-light);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.sec-hd{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.g2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.g3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}.g4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md)}.g5{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--space-md)}.g6{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--space-md)}.ctabs{display:flex;border-bottom:1.5px solid var(--color-border-tabs);margin-bottom:1rem}.ctab{padding:7px 18px;font-size:var(--font-size-base);font-weight:500;background:transparent;border:none;cursor:pointer;color:var(--color-text-placeholder);border-bottom:2px solid transparent;margin-bottom:-1.5px}.ctab.active{color:var(--color-primary);border-bottom-color:var(--color-primary)}.cpanel{display:none}.cpanel.active{display:block}.btn{font-size:var(--font-size-base);padding:7px 16px;border-radius:var(--radius-md);border:.5px solid var(--color-border);background:transparent;cursor:pointer;color:#555;transition:background .15s}.btn:hover{background:var(--color-bg-muted)}.btn.primary{background:var(--color-primary-light);color:var(--color-primary);border-color:transparent;font-weight:600}.btn.primary:hover{background:var(--color-primary-hover)}.btn.danger{color:var(--color-text-faint);border-color:transparent}.btn.danger:hover{background:var(--color-danger-bg);color:var(--color-danger)}.btn.sm{font-size:var(--font-size-sm);padding:4px 10px}.btn.xs{font-size:var(--font-size-xs);padding:2px 8px}.mc{background:var(--color-bg-metric);border-radius:var(--radius-md);padding:.9rem 1rem}.mc-l{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:4px}.mc-v{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text)}.mc-s{font-size:var(--font-size-xs);color:var(--color-text-faintest);margin-top:2px}.pill{font-size:var(--font-size-xs);padding:2px 8px;border-radius:var(--radius-md);display:inline-block}.pill-ded{background:var(--color-huawei-bg);color:var(--color-huawei)}.pill-mt{background:var(--color-primary-light);color:var(--color-primary)}.pill-aws{background:var(--color-aws-bg);color:var(--color-aws)}.pill-hw{background:var(--color-huawei-bg);color:var(--color-huawei)}.tg{display:flex;border:.5px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.tb{flex:1;padding:7px 8px;font-size:var(--font-size-sm);background:transparent;border:none;cursor:pointer;color:var(--color-text-muted)}.tb.on{background:var(--color-primary-light);color:var(--color-primary);font-weight:600}.toast{position:fixed;top:18px;right:18px;background:var(--color-success-bg);color:var(--color-success);border:.5px solid var(--color-success-border);border-radius:var(--radius-md);padding:7px 16px;font-size:var(--font-size-sm);opacity:0;transition:opacity .3s;pointer-events:none;z-index:var(--z-toast)}.toast.show{opacity:1}.modal-bg{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000061;z-index:var(--z-modal);align-items:flex-start;justify-content:center;padding-top:2rem;overflow-y:auto}.modal-bg.open{display:flex}.modal{background:var(--color-bg-card);border:.5px solid var(--color-border-strong);border-radius:var(--radius-lg);padding:1.5rem;width:100%;max-width:780px;margin-bottom:2rem}.modal-title{font-size:var(--font-size-lg);font-weight:600;margin-bottom:1.25rem;color:var(--color-text)}.user-bar{position:fixed;top:0;right:0;padding:var(--space-sm) var(--space-lg);background:#fffffff2;border-bottom-left-radius:var(--radius-md);box-shadow:var(--shadow-sm);z-index:var(--z-user-bar);font-size:.8rem;display:flex;align-items:center;gap:var(--space-sm)}.user-bar-name{font-weight:500}.user-bar-role{background:var(--color-info-bg);color:var(--color-primary);padding:2px 6px;border-radius:var(--radius-sm);font-size:.7rem;text-transform:uppercase}.user-bar-logout{background:none;border:1px solid #ddd;padding:3px 8px;border-radius:var(--radius-sm);cursor:pointer;font-size:.75rem}input,select{padding:6px 9px;border:.5px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);background:var(--color-bg-card);color:var(--color-text);outline:none;font-family:inherit}input:focus,select:focus{border-color:var(--color-focus);box-shadow:0 0 0 2px #378add26}.f{display:flex;flex-direction:column;gap:var(--space-xs)}.f label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.f input,.f select{width:100%}.hint{font-size:var(--font-size-xs);color:var(--color-text-disabled);margin-top:3px}.sr{display:flex;align-items:center;gap:10px}.sr input[type=range]{flex:1;accent-color:var(--color-focus)}.sv{font-size:var(--font-size-base);font-weight:600;min-width:44px;text-align:right;color:var(--color-text)}.tbl{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.tbl th{font-size:var(--font-size-xs);color:var(--color-text-placeholder);font-weight:600;text-align:right;padding:5px 8px 8px 0;border-bottom:.5px solid var(--color-border-strong);white-space:nowrap}.tbl th:first-child{text-align:left}.tbl td{padding:7px 8px 7px 0;border-bottom:.5px solid var(--color-border-faint);vertical-align:middle;text-align:right}.tbl td:first-child{text-align:left}.tbl tr.tot-row td{font-weight:600;border-top:.5px solid var(--color-border-heavy);padding-top:10px;border-bottom:none;background:transparent!important}.tbl tr:not(.tot-row):hover td{background:var(--color-bg-hover)}.rtbl{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.rtbl th{font-size:var(--font-size-xs);color:var(--color-text-placeholder);font-weight:600;text-align:left;padding:4px 6px 8px 0;border-bottom:.5px solid var(--color-border-strong);white-space:nowrap}.rtbl th.r{text-align:right}.rtbl td{padding:5px 4px 5px 0;border-bottom:.5px solid var(--color-border-faint);vertical-align:middle}.rtbl td.r{text-align:right}.rtbl td input,.rtbl td select{padding:4px 6px;font-size:var(--font-size-sm);width:100%}.rtbl tfoot td{border-top:.5px solid var(--color-border-strong);border-bottom:none;padding-top:9px;font-weight:600;font-size:var(--font-size-sm);background:transparent!important}.rtbl tfoot td.r,.rtbl tfoot td[id]{text-align:right;color:var(--color-primary)}.ptbl{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.ptbl th{font-size:var(--font-size-xs);color:var(--color-text-placeholder);font-weight:600;text-align:left;padding:5px 10px 9px 0;border-bottom:.5px solid var(--color-border-strong);white-space:nowrap}.ptbl th.r{text-align:right}.ptbl td{padding:7px 10px 7px 0;border-bottom:.5px solid var(--color-border-faint);vertical-align:middle}.ptbl td.r{text-align:right}.ptbl td input,.ptbl td select{padding:4px 7px;font-size:var(--font-size-sm);width:100%}.ptbl tr:not(.cat-row):hover td{background:var(--color-bg-hover)}.ptbl tr.cat-row td{background:var(--color-bg-category);font-size:var(--font-size-xs);font-weight:700;color:var(--color-text-placeholder);text-transform:uppercase;letter-spacing:.05em;padding:6px 10px 6px 0;border-bottom:.5px solid var(--color-border-divider)}.chart-w{position:relative;height:210px;margin-top:.5rem}.node-card{background:var(--node-card-bg);border:.5px solid var(--node-card-border);border-radius:10px;padding:1rem 1.25rem;margin-bottom:1rem}.node-card-title{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);margin-bottom:.75rem}.lbl-row{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:6px;font-size:var(--font-size-xs);color:var(--color-text-placeholder)}.lbl-dot{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:3px;vertical-align:middle}