*{margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;background:#080c16;font-family:-apple-system,PingFang SC,Microsoft YaHei,Helvetica Neue,sans-serif;color:#cdd6e2}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#1a2942;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#243b5c}.page-container{padding:24px 28px;min-height:calc(100vh - 56px)}.page-title{font-size:18px;font-weight:600;color:#e4e9f0;margin-bottom:20px;display:flex;align-items:center;gap:10px;letter-spacing:.5px}.page-title:before{content:"";display:inline-block;width:3px;height:18px;background:linear-gradient(180deg,#36a3f7,#1e6bb8);border-radius:2px;flex-shrink:0}.stat-card{background:linear-gradient(135deg,#0e1726,#111d30);border:1px solid rgba(54,163,247,.1);border-radius:10px;padding:20px;position:relative;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:default}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#36a3f7,transparent);transition:height .3s,opacity .3s;opacity:.6}.stat-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:10px;opacity:0;transition:opacity .3s;background:radial-gradient(ellipse at 50% 0%,rgba(54,163,247,.06) 0%,transparent 70%)}.stat-card:hover{border-color:#36a3f773;transform:translateY(-4px) scale(1.01);box-shadow:0 12px 28px #0000004d,0 0 0 1px #36a3f71f,0 0 20px #36a3f714}.stat-card:hover:before{height:3px;opacity:1}.stat-card:hover:after{opacity:1}.glow-text{color:#36a3f7;text-shadow:0 0 10px rgba(54,163,247,.4)}.chart-card{background:linear-gradient(135deg,#0e1726,#111d30);border:1px solid rgba(54,163,247,.08);border-radius:10px;padding:16px;position:relative;overflow:hidden;transition:border-color .3s,box-shadow .3s,transform .3s}.chart-card:after{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#36a3f7,transparent);opacity:0;transition:opacity .3s}.chart-card:hover{border-color:#36a3f747;box-shadow:0 8px 24px #00000040,0 0 16px #36a3f70f;transform:translateY(-2px)}.chart-card:hover:after{opacity:1}.chart-card-title{font-size:13px;color:#7b8da4;margin-bottom:12px;font-weight:500}.status-online{color:#52c41a}.status-offline{color:#ff4d4f}.status-warning{color:#faad14}.ant-layout-sider{background:#060b18!important}.ant-menu-dark{background:transparent!important}.ant-menu-dark .ant-menu-item-selected{background:#36a3f71f!important}.ant-menu-dark .ant-menu-item:hover{background:#36a3f714!important}.ant-table{background:transparent!important}.ant-table-thead>tr>th{background:#36a3f70a!important;border-bottom:1px solid rgba(54,163,247,.08)!important;color:#7b8da4!important;font-weight:500!important;font-size:12px!important}.ant-table-tbody>tr>td{border-bottom:1px solid rgba(255,255,255,.03)!important;color:#cdd6e2!important}.ant-table-tbody>tr:hover>td{background:#36a3f70a!important}.ant-table-thead>tr>th,.ant-table-tbody>tr>td{padding:10px 12px!important}.ant-btn-primary{background:#1e6bb8!important;border-color:#1e6bb8!important;box-shadow:0 2px 6px #1e6bb84d}.ant-btn-primary:hover{background:#2680d4!important;border-color:#2680d4!important}.ant-tabs .ant-tabs-tab{padding:8px 16px!important;font-size:13px}.ant-select-selector{background:#0e1726!important;border-color:#36a3f726!important}.ant-select-selection-item{color:#cdd6e2!important}.ant-input,.ant-input-number,.ant-picker{background:#0e1726!important;border-color:#36a3f726!important;color:#cdd6e2!important}.ant-form-item-label>label{color:#7b8da4!important}.blink{animation:blink 1.5s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.gauge-container{display:flex;flex-direction:column;align-items:center;justify-content:center}