*{box-sizing:border-box}html,body,#root{min-width:1280px;height:100%;margin:0}body{color:#333;background:#f0f2f5;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,PingFang SC,Microsoft YaHei,sans-serif}.page-loading{display:flex;align-items:center;justify-content:center;min-height:100vh}.full-width{width:100%}.pre-line{margin-bottom:0;white-space:pre-line}.admin-shell,.admin-sider{min-height:100vh}.sider-logo{height:48px;padding:0 16px;color:#fff;font-size:15px;font-weight:600;line-height:48px;background:#001529;border-bottom:1px solid rgb(255 255 255 / 8%);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-header{display:flex;align-items:center;justify-content:space-between;height:48px;padding:0 16px;border-bottom:1px solid #eeeeee;box-shadow:0 1px 4px #00152914;z-index:2}.user-id{color:#666;font-size:13px}.admin-content{padding:16px 24px 24px;background:#f0f2f5}.admin-content.dashboard-content{padding:0;overflow:auto;background:#020718}.page-heading{margin-bottom:12px}.page-heading .ant-typography{margin:6px 0 0;font-size:16px;font-weight:500}.stat-card{height:112px;border:0;box-shadow:0 1px 3px #0000000f}.stat-card .ant-statistic-title{color:#666}.stat-card .ant-statistic-content{font-size:32px;font-weight:700}.ant-card{border-radius:6px}.ant-card-head{min-height:46px}.ant-card-head-title{font-size:15px;font-weight:600}.ant-table-wrapper .ant-table-thead>tr>th{font-weight:600}.ant-table-wrapper .ant-table-tbody>tr:nth-child(2n)>td{background:#fafafa}.ant-form-item{margin-bottom:18px}.settlement-note,.payment-detail-alert{margin-bottom:12px}.search-card .ant-card-body{padding:16px}.server-status-page .server-keyword-input{width:260px}.server-status-page .server-select{width:140px}.server-manage-keyword{width:320px}.server-manage-select{width:140px}.manage-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.device-detail-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding-bottom:4px}.device-detail-header .ant-tag{margin-left:10px}.device-detail-section{padding:2px 0 4px}.device-detail-section .ant-typography{margin:0 0 12px}.device-empty-block{margin-top:14px;padding:12px 16px;border:1px solid #f0f0f0;border-radius:6px;background:#fafafa}.device-empty-block .ant-empty{margin:8px 0 0}.business-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.business-step{min-height:96px;padding:14px 16px;border:1px solid #edf0f5;border-radius:6px;background:#fbfcfe}.business-step strong,.business-step span{display:block}.business-step strong{margin:10px 0 6px;color:#1f2d3d}.business-step span{color:#667085;line-height:1.5}.detail-summary-tile{min-height:86px;padding:14px 16px;border:1px solid #edf0f5;border-radius:6px;background:#fbfcfe}.detail-summary-tile span,.detail-summary-tile em{display:block;color:#667085;font-style:normal}.detail-summary-tile strong{display:inline-block;margin-top:8px;color:#1f2d3d;font-size:22px;line-height:1.2}.detail-summary-tile em{display:inline-block;margin-left:6px}.device-monitor-panel .server-status-modal-chart{min-height:430px;padding:34px 42px 8px 8px}.device-monitor-panel .server-status-chart-svg{height:390px}.device-monitor-panel .server-status-chart-legend{right:72px}.device-monitor-panel .server-status-chart-tools{right:8px}.add-device-modal .ant-modal-content{padding:0;overflow:hidden;border-radius:4px}.add-device-modal .ant-modal-header{margin:0;padding:22px 24px 28px;border-bottom:1px solid #f0f0f0}.add-device-modal .ant-modal-title{color:#1f2a44;font-size:20px;font-weight:700}.add-device-modal .ant-modal-body{padding:36px 0 34px 34px}.add-device-modal .ant-modal-footer{margin:0;padding:18px 24px 26px;border-top:0}.add-device-modal .ant-form-item{margin-bottom:28px}.add-device-modal .ant-form-item-label{padding-right:18px}.add-device-modal .ant-form-item-label>label{color:#4b5872;font-size:16px}.add-device-modal .ant-input,.add-device-modal .ant-select-selector,.add-device-modal .ant-input-number,.add-device-modal .ant-input-number-group-addon{min-height:44px;font-size:15px}.add-device-modal .ant-input-number-input{height:42px}.add-device-modal .ant-radio-wrapper{margin-right:34px;color:#4b5872;font-size:15px}.add-device-modal .ant-btn{min-width:86px;height:44px;font-size:15px}.add-device-modal .ant-btn-primary{min-width:92px;background:#e92b35}.add-device-static-item{margin-top:4px}.server-status-modal .ant-modal-content{padding:0;overflow:hidden;border-radius:4px}.server-status-modal .ant-modal-header{margin:0;padding:18px 24px 20px;border-bottom:1px solid #f0f0f0}.server-status-modal .ant-modal-title{color:#1f2a44;font-size:18px;font-weight:700}.server-status-modal .ant-modal-body{min-height:68vh;padding:28px 24px 20px;background:#fff}.server-status-modal .ant-modal-footer{margin:0;padding:18px 28px;border-top:1px solid #f0f0f0}.server-status-modal .ant-btn-primary{min-width:92px;background:#e92b35}.server-status-modal .ant-btn-default{min-width:74px;border:0;box-shadow:none}.server-status-metric-tabs,.server-status-range-tabs{padding:4px;background:#f0f1f6;box-shadow:0 16px 34px #1f2a4414}.server-status-metric-tabs{width:536px}.server-status-range-tabs{width:186px}.server-status-metric-tabs .ant-segmented-item,.server-status-range-tabs .ant-segmented-item{min-width:74px;color:#90939c;font-size:15px}.server-status-metric-tabs .ant-segmented-item-selected,.server-status-range-tabs .ant-segmented-item-selected{color:#ff2f3c;font-weight:600;background:#fff;box-shadow:0 2px 8px #1f2a441f}.server-status-modal-chart{position:relative;width:100%;min-height:570px;padding:42px 64px 10px 12px}.server-status-chart-svg{display:block;width:100%;height:min(54vh,560px)}.server-status-chart-legend{position:absolute;top:10px;right:130px;display:flex;gap:28px;align-items:center;color:#444b5f;font-size:14px}.legend-item{position:relative;padding-left:34px;white-space:nowrap}.legend-item:before{position:absolute;top:50%;left:0;width:28px;height:2px;content:"";transform:translateY(-50%)}.legend-item:after{position:absolute;top:50%;left:8px;width:12px;height:12px;content:"";background:#fff;border-radius:50%;transform:translateY(-50%)}.legend-up:before{background:#1fd329}.legend-up:after{border:2px solid #1fd329}.legend-down:before{background:#2f66ff}.legend-down:after{border:2px solid #2f66ff}.server-status-chart-tools{position:absolute;top:58px;right:44px;display:grid;gap:14px;color:#777;font-size:22px}.server-status-chart-tools .anticon,.server-status-chart-tools .anticon svg{width:22px;height:22px}.status-grid-line{stroke:#e8e8e8;stroke-width:1}.status-axis-label{fill:#596070;font-size:15px}.status-line{fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-width:2.5}.status-area{opacity:.22}.status-area-up{fill:#1fd329}.status-line-up{stroke:#20d32b}.status-line-down{stroke:#2f66ff}.status-point-up{fill:#fff;stroke:#20d32b;stroke-width:2}.server-status-chart-unit{position:absolute;right:72px;bottom:0;color:#8a8f9c;font-size:12px}.admin-filter-select{width:140px}.finance-page .ant-tabs{margin-bottom:12px}.finance-page .finance-keyword-input{width:280px}.finance-page .finance-nodeids-input{width:220px}.cluster-page .cluster-keyword-input,.dial-page .dial-keyword-input{width:280px}.dial-page .ant-drawer-body .ant-form-item{margin-bottom:16px}.dial-detail-panel{padding-top:4px}.dial-detail-account-block{display:grid;grid-template-columns:210px minmax(420px,1fr);gap:12px;align-items:start;max-width:760px}.dial-detail-label{padding-top:8px;color:#4b5565}.dial-detail-account-block textarea{min-height:92px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;background:#fff}.dial-detail-actions{display:flex;justify-content:space-between;align-items:center;padding-top:4px}.drawer-alert{margin-bottom:16px}.auth-page{display:grid;grid-template-columns:1fr 420px;gap:48px;align-items:center;min-height:100vh;padding:64px 12vw;background:#f0f2f5}.auth-brand{align-self:center;padding-left:24px;border-left:4px solid #ff4d4f}.auth-brand .ant-typography{margin:0 0 12px}.auth-card{width:420px;border:0;box-shadow:0 6px 18px #00000014}.auth-card .ant-card-head-title{font-size:18px}.auth-links{display:flex;justify-content:space-between;margin-top:16px}.auth-links.single{justify-content:center}.ant-menu-dark .ant-menu-item-selected,.ant-menu-dark>.ant-menu .ant-menu-item-selected{background-color:#ff4d4f}.ant-btn-primary{box-shadow:none}.dashboard-screen{position:relative;min-height:calc(100vh - 48px);padding:0 12px 14px;color:#dcecff;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 18% 18%,rgb(19 102 214 / 28%),transparent 26%),radial-gradient(circle at 78% 6%,rgb(175 55 216 / 22%),transparent 28%),radial-gradient(circle at 50% 78%,rgb(6 196 178 / 14%),transparent 32%),linear-gradient(135deg,#050824,#071447 45%,#17082d)}.screen-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(rgb(51 136 255 / 8%) 1px,transparent 1px),linear-gradient(90deg,rgb(51 136 255 / 8%) 1px,transparent 1px),linear-gradient(120deg,transparent 0 47%,rgb(59 130 246 / 8%) 48% 52%,transparent 53% 100%);background-size:36px 36px,36px 36px,220px 220px;-webkit-mask-image:linear-gradient(to bottom,#000000e0,#0000006b);mask-image:linear-gradient(to bottom,#000000e0,#0000006b)}.screen-header{position:relative;z-index:1;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;min-height:76px;padding-top:7px}.screen-header:before,.screen-header:after{position:absolute;top:0;width:38%;height:42px;content:"";border-top:1px solid rgb(82 166 255 / 48%);background:linear-gradient(180deg,#244dac9e,#0e1e5b52);box-shadow:0 0 28px #2084ff3d}.screen-header:before{left:0;clip-path:polygon(0 0,86% 0,100% 100%,0 100%)}.screen-header:after{right:0;clip-path:polygon(0 0,100% 0,100% 100%,14% 100%)}.screen-header-wing{position:absolute;top:0;right:18%;bottom:0;left:18%;height:58px;display:flex;align-items:center;padding-left:24px;color:#7de8ff;font-size:15px;font-weight:700;letter-spacing:0;border-top:1px solid rgb(108 174 255 / 52%);background:linear-gradient(180deg,#283ca4a3,#141d6257);clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);box-shadow:inset 0 -18px 24px #653bc638,0 0 34px #508aff2e}.screen-title{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;grid-column:2;min-width:520px;color:#fff;text-shadow:0 0 14px rgb(85 199 255 / 88%)}.screen-title span{font-size:28px;font-weight:800;line-height:34px;letter-spacing:0}.screen-title em{margin-top:4px;color:#74d7ff;font-size:11px;font-style:normal;letter-spacing:0}.screen-clock{position:relative;z-index:2;justify-self:end;min-width:245px;margin-top:43px;padding:6px 14px;color:#bcdcff;text-align:right;border:1px solid rgb(58 145 255 / 38%);background:#0511407a;box-shadow:inset 0 0 16px #2d74ff33}.screen-clock strong{display:block;font-size:15px;line-height:18px}.screen-clock span{color:#7ccfff;font-size:12px}.screen-alert{position:relative;z-index:2;margin:-4px 0 8px;border-color:#ffd1666b;background:#2c1f05db}.screen-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(290px,1fr) minmax(420px,1.28fr) minmax(290px,1fr);gap:8px}.screen-panel{position:relative;min-height:222px;padding:12px 14px 14px;overflow:hidden;border:1px solid rgb(31 122 255 / 60%);border-radius:6px;background:linear-gradient(180deg,#0d267194,#040f3ebd),radial-gradient(circle at 15% 18%,rgb(45 212 255 / 12%),transparent 34%);box-shadow:inset 0 0 24px #1869ff42,0 0 18px #0c53dd3d}.screen-panel:before,.screen-panel:after{position:absolute;width:48px;height:14px;content:"";border-top:2px solid #1ca4ff}.screen-panel:before{top:-1px;left:18px;border-left:2px solid #1ca4ff}.screen-panel:after{right:18px;bottom:-1px;border-right:2px solid #1ca4ff;border-bottom:2px solid #1ca4ff}.screen-panel-title{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:24px;margin-bottom:10px;color:#eaf6ff;font-size:15px;font-weight:700;text-align:center}.screen-panel-title span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.screen-panel-title em{color:#52b8ff;font-size:12px;font-style:normal;font-weight:500}.screen-panel-body{position:relative;z-index:1;height:calc(100% - 34px)}.metrics-board{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;min-height:222px}.metric-tile{position:relative;display:flex;flex-direction:column;justify-content:center;min-width:0;min-height:104px;padding:14px 12px;overflow:hidden;border:1px solid rgb(44 142 255 / 56%);border-radius:8px;background:linear-gradient(180deg,#1c4599b8,#091c5ed1);box-shadow:inset 0 0 18px #277fff38;clip-path:polygon(11px 0,calc(100% - 11px) 0,100% 18px,100% calc(100% - 18px),calc(100% - 11px) 100%,11px 100%,0 calc(100% - 18px),0 18px)}.metric-tile:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle at 50% 0%,rgb(255 255 255 / 18%),transparent 44%)}.metric-icon{position:relative;z-index:1;margin-bottom:8px;font-size:22px}.metric-value{position:relative;z-index:1;display:flex;align-items:baseline;gap:4px;min-width:0;color:#fff;font-size:29px;font-weight:800;line-height:32px;text-shadow:0 0 12px currentColor;white-space:nowrap}.metric-value span{font-size:12px;font-weight:600;text-shadow:none}.metric-label{position:relative;z-index:1;margin-top:5px;color:#7ad6ff;font-size:14px;font-weight:700}.metric-sub{position:relative;z-index:1;margin-top:5px;overflow:hidden;color:#9ab6db;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.metric-cyan .metric-icon,.metric-cyan .metric-value{color:#2dd4ff}.metric-blue .metric-icon,.metric-blue .metric-value{color:#5ea4ff}.metric-violet .metric-icon,.metric-violet .metric-value{color:#a78bfa}.metric-amber .metric-icon,.metric-amber .metric-value{color:#ffd84a}.metric-green .metric-icon,.metric-green .metric-value{color:#54f0a8}.donut-wrap{display:grid;grid-template-columns:156px 1fr;gap:14px;align-items:center;height:100%}.donut-chart{position:relative;display:grid;place-items:center;width:136px;height:136px;margin:0 auto;border-radius:50%;box-shadow:0 0 24px #2dd4ff38}.donut-chart:before{position:absolute;top:18px;right:18px;bottom:18px;left:18px;content:"";border-radius:50%;background:#061344;box-shadow:inset 0 0 18px #2563eb6b}.donut-center{position:relative;z-index:1;text-align:center}.donut-center strong{display:block;color:#fff;font-size:20px;line-height:24px}.donut-center span{color:#7dbdf8;font-size:12px}.donut-legend{display:grid;gap:12px;color:#cfe4ff;font-size:13px}.donut-legend span{display:flex;align-items:center;gap:7px}.donut-legend i,.event-list i{display:inline-block;flex:0 0 auto;width:8px;height:8px;border-radius:50%}.cyan-dot{background:#2dd4ff;box-shadow:0 0 10px #2dd4ff}.amber-dot{background:#ffd84a;box-shadow:0 0 10px #ffd84a}.mini-split{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:10px}.mini-split span{padding:6px 7px;color:#8fc5f8;font-size:12px;border:1px solid rgb(45 148 255 / 24%);background:#071a4e85}.mini-split strong{display:block;margin-top:2px;color:#fff;font-size:17px}.horizontal-bars{display:grid;gap:9px;padding-top:4px}.horizontal-bar-row{display:grid;grid-template-columns:minmax(72px,112px) 1fr minmax(58px,auto);gap:8px;align-items:center;min-height:20px;color:#dcecff;font-size:12px}.bar-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bar-track{height:10px;overflow:hidden;border:1px solid rgb(45 145 255 / 34%);border-radius:999px;background:#030f37d1}.bar-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1e88ff,#2dd4ff 62%,#a78bfa);box-shadow:0 0 12px #2dd4ffb3}.horizontal-bar-row strong{color:#82dfff;font-size:12px;text-align:right;white-space:nowrap}.vertical-bars{display:grid;grid-template-columns:repeat(6,minmax(34px,1fr));align-items:end;gap:8px;height:166px;padding:4px 2px 0}.vertical-bar{display:grid;grid-template-rows:1fr auto auto;gap:5px;min-width:0;height:100%;text-align:center}.vertical-bar-track{display:flex;align-items:end;justify-content:center;min-height:0;border-bottom:1px solid rgb(69 143 255 / 30%)}.vertical-bar-track span{display:block;width:62%;min-width:18px;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#2dd4ff,#1f6fff);box-shadow:0 0 14px #2dd4ff73}.vertical-bar strong{color:#dff6ff;font-size:12px;line-height:15px;white-space:nowrap}.vertical-bar em{overflow:hidden;color:#a4bde2;font-size:11px;font-style:normal;line-height:14px;text-overflow:ellipsis;white-space:nowrap}.trend-chart{height:140px}.trend-chart svg{width:100%;height:100%}.trend-chart line{stroke:#5596ff2e;stroke-width:1}.trend-chart path{fill:none;stroke:url(#trendStroke);stroke-linecap:round;stroke-linejoin:round;stroke-width:3;filter:drop-shadow(0 0 6px rgb(45 212 255 / 80%))}.trend-chart circle{fill:#061344;stroke:#55dfff;stroke-width:2}.trend-footer{display:flex;justify-content:space-between;gap:12px;color:#a9c6ed;font-size:12px;white-space:nowrap}.trend-footer span{overflow:hidden;text-overflow:ellipsis}.health-grid,.resource-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;height:100%;align-items:stretch}.health-card,.resource-grid div{display:flex;min-width:0;flex-direction:column;align-items:center;justify-content:center;padding:10px 6px;border:1px solid rgb(45 145 255 / 30%);border-radius:8px;background:#05185294}.health-card .anticon,.resource-grid .anticon{margin-bottom:8px;color:#2dd4ff;font-size:24px;filter:drop-shadow(0 0 7px rgb(45 212 255 / 64%))}.health-card strong,.resource-grid strong{color:#fff;font-size:20px;line-height:24px;white-space:nowrap}.health-card span,.resource-grid span{margin-top:4px;overflow:hidden;max-width:100%;color:#91b6e5;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.event-list{display:grid;gap:10px;color:#c9def9;font-size:13px}.event-list span{display:flex;gap:8px;align-items:center;min-width:0;overflow:hidden;padding:7px 8px;text-overflow:ellipsis;white-space:nowrap;border:1px solid rgb(45 145 255 / 20%);background:#06184e75}.event-list i{background:#54f0a8;box-shadow:0 0 10px #54f0a8}.screen-actions{position:absolute;right:20px;bottom:18px;z-index:3}.screen-actions .ant-btn{color:#dcecff;border-color:#2d91ff70;background:#04144ab8;box-shadow:inset 0 0 14px #2d91ff3d}.dashboard-screen .ant-skeleton{position:relative;z-index:2;padding:18px;border-radius:8px;background:#04103ab8}@media(max-width:1380px){.screen-grid{grid-template-columns:1fr 1.1fr 1fr}.metrics-board{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-value{font-size:25px}.donut-wrap{grid-template-columns:130px 1fr}.donut-chart{width:118px;height:118px}}