: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);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);justify-content:flex-end;align-items:center;padding:0 16px;display:flex}.app-header .ant-btn-text,.app-header .ant-btn-link,.app-header .ant-dropdown-trigger,.app-header .ant-btn .anticon{color:var(--text)!important}.header-right{align-items:center;gap:8px;display:flex}.user-link{color:var(--text);background:color-mix(in srgb, var(--card-alt), transparent 35%);border:1px solid color-mix(in srgb, var(--border), transparent 35%);border-radius:999px;padding:4px 10px;font-weight:600}.content-wrap{padding:18px}.page-wrap{flex-direction:column;gap:12px;display:flex}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.page-head h2{margin:0;font-size:20px;font-weight:650}.summary-grid{grid-template-columns:repeat(auto-fit,minmax(170px,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{overflow:hidden;box-shadow:0 10px 28px #00000029;background:color-mix(in srgb, var(--card), transparent 0%)!important;border:1px solid var(--border)!important;border-radius:12px!important}.metric-card .ant-card-body,.chart-card .ant-card-body,.table-card .ant-card-body{padding:14px!important}.chart-card .ant-card-head,.table-card .ant-card-head{min-height:42px;border-bottom-color:color-mix(in srgb, var(--border), transparent 26%)!important}.chart-card .ant-card-head-title,.table-card .ant-card-head-title{letter-spacing:.1px;font-size:13px;font-weight:600}.table-card .ant-table-tbody>tr{transition:background-color .15s}.table-card .ant-table-tbody>tr:hover>td{background:color-mix(in srgb, var(--card-alt), transparent 68%)!important}.metric-label{color:var(--muted);font-size:13px}.metric-value{color:var(--text);font-size:24px;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{font-size:13px;border-bottom:1px solid color-mix(in srgb, var(--border), transparent 30%)!important}.ant-table-wrapper .ant-table-pagination.ant-pagination{margin-top:12px;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;border-radius:8px!important}.ant-input:focus,.ant-input-focused,.ant-select-focused .ant-select-selector,.ant-picker-focused{box-shadow:0 0 0 2px color-mix(in srgb, var(--primary), transparent 72%)!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;border-radius:8px!important}.ant-btn{transition:transform .12s,box-shadow .12s}.ant-btn:active{transform:translateY(1px)}.ant-btn-dangerous{border-color:color-mix(in srgb, var(--danger), white 10%)!important;color:color-mix(in srgb, var(--danger), white 14%)!important}.ant-tabs .ant-tabs-nav{margin-bottom:10px}.pm-tabs .ant-tabs-tab{padding:8px 10px}.pm-tabs .ant-tabs-ink-bar{background:var(--primary)}: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;background:#fff!important}:root[data-theme=light] .logo-wrap{color:#183153}:root[data-theme=light] .ant-layout-sider .ant-menu{color:#1b3558!important;background:#fff!important}:root[data-theme=light] .ant-layout-sider .ant-menu-item{color:#1b3558!important}:root[data-theme=light] .ant-layout-sider .ant-menu-item-selected{color:#1554d1!important;background:#eaf2ff!important}:root[data-theme=light] .ant-layout-sider .ant-menu-item:hover{color:#1554d1!important;background:#f1f6ff!important}.ant-layout-sider .ant-menu-item,.ant-layout-sider .ant-menu-submenu-title{border-radius:10px!important;width:calc(100% - 16px)!important;margin-inline:8px!important}.ant-tag{border-radius:999px;padding-inline:8px;font-size:12px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background:color-mix(in srgb, var(--muted), transparent 42%);border-radius:999px}::-webkit-scrollbar-track{background:0 0}.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){.page-head h2{font-size:18px}.metric-card .ant-card-body,.chart-card .ant-card-body,.table-card .ant-card-body{padding:12px!important}.metric-value{font-size:20px}.pm-filter-input,.pm-filter-input-md,.pm-filter-input-sm,.pm-filter-input-xs,.pm-filter-select,.pm-filter-select-sm,.pm-filter-select-lg,.pm-source-select,.pm-range-select{width:100%!important}.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}}