:root{--bg:#060f1f;--bg-soft:#0d1a2f;--card:#101f38;--card-alt:#142744;--text:#e5eeff;--muted:#9aaed2;--primary:#4096ff;--border:#223a5f;--danger:#ff5b6e}:root[data-theme=light]{--bg:#f5f8ff;--bg-soft:#fff;--card:#fff;--card-alt:#f8fbff;--text:#111b2f;--muted:#6a7a97;--primary:#1677ff;--border:#dbe5f6;--danger:#cf1322}*{box-sizing:border-box}html,body,#app{background:radial-gradient(circle at 20% 0%, #10284d 0%, var(--bg) 46%);width:100%;min-height:100%;color:var(--text);margin:0;font-family:Inter,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}:root[data-theme=light] body,:root[data-theme=light] #app{background:linear-gradient(160deg,#f6f9ff 0%,#eef4ff 100%)}.app-shell{min-height:100vh}.logo-wrap{color:#d8ecff;align-items:center;gap:10px;height:64px;padding:0 16px;font-weight:600;display:flex}.pulse-dot{background:#00e6a8;border-radius:50%;width:10px;height:10px;box-shadow:0 0 10px #00e6a8cc}.app-header{background:color-mix(in srgb, var(--bg-soft), transparent 5%);border-bottom:1px solid var(--border);justify-content:flex-end;align-items:center;padding:0 16px;display:flex}.header-right{align-items:center;gap:10px;display:flex}.user-link{color:var(--text);font-weight:600}.content-wrap{padding:18px}.page-wrap{flex-direction:column;gap:14px;display:flex}.page-head{justify-content:space-between;align-items:center;display:flex}.page-head h2{margin:0;font-size:20px;font-weight:650}.summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.metric-card,.chart-card,.table-card,.login-card{box-shadow:0 10px 28px #00000029;background:color-mix(in srgb, var(--card), transparent 0%)!important;border:1px solid var(--border)!important}.metric-label{color:var(--muted);font-size:13px}.metric-value{color:var(--text);font-size:28px;font-weight:700}.chart{height:290px}.topology-chart{height:540px}.ant-typography,.ant-form-item-label>label,.ant-descriptions-item-label,.ant-descriptions-item-content,.ant-table,.ant-table-thead>tr>th,.ant-table-tbody>tr>td,.ant-input,.ant-input-password,.ant-select-selection-item,.ant-select-selection-placeholder,.ant-empty-description,.ant-pagination-item a,.ant-statistic-content,.ant-modal-title,.ant-modal-content,.ant-drawer-title,.ant-drawer-body{color:var(--text)!important}.ant-table-thead>tr>th{background:color-mix(in srgb, var(--card-alt), transparent 8%)!important;border-bottom:1px solid var(--border)!important}.ant-table-tbody>tr>td{border-bottom:1px solid color-mix(in srgb, var(--border), transparent 30%)!important}.ant-table-wrapper .ant-table-pagination.ant-pagination{margin-bottom:0}.ant-input,.ant-input-password,.ant-select-selector,.ant-picker,.ant-btn-default{background:color-mix(in srgb, var(--card-alt), transparent 3%)!important;border-color:var(--border)!important}.ant-input::placeholder,.ant-select-selection-placeholder,.ant-empty-description,.ant-table-cell .ant-typography-secondary,.ant-form-item-explain,.ant-form-item-extra{color:var(--muted)!important}.ant-btn-primary{box-shadow:0 8px 16px #1677ff47}.ant-btn-dangerous{border-color:color-mix(in srgb, var(--danger), white 10%)!important;color:color-mix(in srgb, var(--danger), white 14%)!important}:root[data-theme=light] .ant-btn-primary{box-shadow:0 8px 18px #1677ff33}:root[data-theme=light] .table-card,:root[data-theme=light] .chart-card,:root[data-theme=light] .metric-card,:root[data-theme=light] .login-card{box-shadow:0 8px 24px #0c224214}:root[data-theme=light] .ant-layout-sider{box-shadow:inset -1px 0 #e6edf9}.login-page{place-items:center;min-height:100vh;padding:18px;display:grid}.login-card{width:min(460px,100%)}.login-card h1{margin:0 0 8px}.desc{color:var(--muted);margin:0 0 16px}.pm-empty{flex-direction:column;gap:2px;display:flex}.pm-empty-title{color:var(--text);font-size:13px;font-weight:600}.pm-empty-subtitle{color:var(--muted);font-size:12px}.pm-range-select{width:120px}.pm-source-select{width:180px}.pm-filter-input{width:220px!important}.pm-filter-input-md{width:200px!important}.pm-filter-input-sm{width:180px!important}.pm-filter-input-xs{width:160px!important}.pm-filter-select{width:140px!important}.pm-filter-select-sm{width:130px!important}.pm-filter-select-lg{width:180px!important}@media (width<=1024px){.summary-grid,.chart-grid{grid-template-columns:1fr}.content-wrap{padding:10px}.topology-chart{height:420px}}@media (width<=768px){.table-card :is(.ant-btn-sm,.ant-btn.ant-btn-sm){min-height:36px;padding-inline:10px;font-size:12px}.table-card :is(.ant-switch,.ant-switch-small){min-width:34px;height:22px}}