html,body{width:100%;height:100%}input::-ms-clear,input::-ms-reveal{display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}@-ms-viewport{width:device-width}body{margin:0}[tabindex="-1"]:focus{outline:none}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5em;font-weight:500}p{margin-top:0;margin-bottom:1em}abbr[title],abbr[data-original-title]{-webkit-text-decoration:underline dotted;text-decoration:underline;text-decoration:underline dotted;border-bottom:0;cursor:help}address{margin-bottom:1em;font-style:normal;line-height:inherit}input[type=text],input[type=password],input[type=number],textarea{-webkit-appearance:none}ol,ul,dl{margin-top:0;margin-bottom:1em}ol ol,ul ul,ol ul,ul ol{margin-bottom:0}dt{font-weight:500}dd{margin-bottom:.5em;margin-left:0}blockquote{margin:0 0 1em}dfn{font-style:italic}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}pre,code,kbd,samp{font-size:1em;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,Courier,monospace}pre{margin-top:0;margin-bottom:1em;overflow:auto}figure{margin:0 0 1em}img{vertical-align:middle;border-style:none}a,area,button,[role=button],input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}table{border-collapse:collapse}caption{padding-top:.75em;padding-bottom:.3em;text-align:left;caption-side:bottom}input,button,select,optgroup,textarea{margin:0;color:inherit;font-size:inherit;font-family:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}button,html [type=button],[type=reset],[type=submit]{-webkit-appearance:button}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{padding:0;border-style:none}input[type=radio],input[type=checkbox]{box-sizing:border-box;padding:0}input[type=date],input[type=time],input[type=datetime-local],input[type=month]{-webkit-appearance:listbox}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;margin:0;padding:0;border:0}legend{display:block;width:100%;max-width:100%;margin-bottom:.5em;padding:0;color:inherit;font-size:1.5em;line-height:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item}template{display:none}[hidden]{display:none!important}mark{padding:.2em;background-color:#feffe6}:root{--primary: #2e6bff;--primary-weak: #eef3ff;--grad: linear-gradient(135deg, #4d8dff, #8b7cff);--bg: #f4f6fa;--card: #fff;--border: #e6e9f0;--sidebar-bg: #0f1d2e;--text: #1c2733;--text-2: #5c6b7a;--text-3: #93a1af;--surface-1: #f8fafc;--surface-2: #f3f5f8;--surface-3: #eef1f6;--green: #15a34a;--green-bg: #e9f7ef;--amber: #c77400;--amber-bg: #fcf2e0;--red: #e5484d;--red-bg: #fdeeee;--blue: #2e6bff;--blue-bg: #eef3ff;--purple: #7c5cd6;--purple-bg: #f2ebfe;--cyan: #0e9f8a;--cyan-bg: #e6f6f3;--gray: #6b7785;--gray-bg: #eef1f5;--code-bg: #0f1b2a;--code-text: #c9d6e3;--sh-1: 0 1px 2px rgba(15,29,46,.04), 0 1px 3px rgba(15,29,46,.05);--sh-2: 0 6px 18px rgba(15,29,46,.08), 0 2px 6px rgba(15,29,46,.05);--mono: ui-monospace, SFMono-Regular, Menlo, Consolas, "Courier New", monospace}[data-theme=dark]{--primary: #4d8dff;--primary-deep: #2f6be0;--primary-weak: rgba(77, 141, 255, .14);--grad: linear-gradient(135deg, #4d8dff, #8b7cff);--bg: #0a0c14;--card: #12152a;--border: rgba(255, 255, 255, .08);--text: #edeff7;--text-2: #9aa3b8;--text-3: #7a8299;--surface-1: rgba(255, 255, 255, .045);--surface-2: rgba(255, 255, 255, .07);--surface-3: rgba(255, 255, 255, .1);--green: #2ee6a8;--green-bg: rgba(46, 230, 168, .12);--amber: #ffc554;--amber-bg: rgba(255, 197, 84, .12);--red: #ff6b7a;--red-bg: rgba(255, 107, 122, .13);--blue: #4d8dff;--blue-bg: rgba(77, 141, 255, .14);--purple: #8b7cff;--purple-bg: rgba(139, 124, 255, .15);--cyan: #33d6e8;--cyan-bg: rgba(51, 214, 232, .12);--gray: #9aa3b8;--gray-bg: rgba(255, 255, 255, .07);--code-bg: #0a0c14;--code-text: #b8c5d6;--sh-1: 0 1px 2px rgba(0, 0, 0, .35);--sh-2: 0 8px 24px rgba(0, 0, 0, .45)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Segoe UI,sans-serif;background:var(--bg);color:var(--text);font-size:14px;-webkit-font-smoothing:antialiased;transition:background .25s ease,color .25s ease}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-thumb{background:#6c7e9259;border-radius:6px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#6c7e928c}::-webkit-scrollbar-track{background:transparent}@keyframes fadeUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.fadeUp-enter-active{animation:fadeUp .22s ease}.fadeUp-leave-active{animation:none}.ant-table-wrapper .ant-table{font-size:13px}.ant-table-wrapper .ant-table-thead>tr>th{background:var(--surface-1)!important;color:var(--text-2)!important;font-weight:500!important;font-size:12px!important;border-bottom:1px solid var(--border)!important}.ant-table-wrapper .ant-table-thead>tr>th:before{display:none!important}.ant-table-wrapper .ant-table-tbody>tr>td{border-bottom:1px solid var(--surface-2)!important;transition:background .12s ease}.ant-table-wrapper .ant-table-tbody>tr:last-child>td{border-bottom:none!important}.ant-table-wrapper .ant-table-tbody>tr.ant-table-row:hover>td{background:var(--primary-weak)!important}[data-theme=dark] .ant-table-wrapper .ant-table-tbody>tr.ant-table-row:hover>td{background:#6382ff12!important}.ant-table-wrapper .ant-table-container{border-radius:10px}.ant-tag{border-radius:20px;padding:1px 9px;font-size:12px;line-height:18px;border:none;display:inline-flex;align-items:center;gap:5px;font-weight:500}.ant-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.85;flex-shrink:0}.ant-btn{border-radius:8px;font-size:13px;transition:all .15s ease}.ant-btn-primary{box-shadow:none}.ant-btn-primary:hover{box-shadow:0 2px 8px #2e6bff47}.ant-btn-link{padding:2px 6px;height:auto}.ant-modal .ant-modal-content{border-radius:14px;box-shadow:0 12px 32px #0f1d2e29,0 4px 10px #0f1d2e1a}.ant-modal .ant-modal-header{border-radius:14px 14px 0 0}.ant-card{border-radius:10px}.ant-tabs-tab{font-size:13.5px!important;font-weight:500}.ant-input,.ant-select-selector,.ant-picker{border-radius:8px!important}.ant-dropdown-menu{border-radius:10px;box-shadow:var(--sh-2)}.ant-popover-inner{border-radius:10px}.ant-message-notice-content{border-radius:9px;box-shadow:var(--sh-2)}.page-card{background:var(--card);border-radius:10px;padding:20px;box-shadow:var(--sh-1);border:1px solid var(--border);transition:box-shadow .2s ease}.page-card:hover{box-shadow:var(--sh-2)}.page-title{font-size:19px;font-weight:600;margin-bottom:4px;color:var(--text)}.page-desc{color:var(--text-2);font-size:13px;margin-bottom:16px}.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}.sec-h{font-size:14px;font-weight:600;margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.sec-h .more{font-size:12px;color:var(--primary);cursor:pointer;font-weight:400}.sec-h .more:hover{text-decoration:underline}.kpi-card{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:16px 18px;box-shadow:var(--sh-1);transition:box-shadow .2s ease,transform .2s ease;cursor:pointer}.kpi-card:hover{box-shadow:var(--sh-2);transform:translateY(-1px)}.kpi-card .k-label{color:var(--text-2);font-size:13px}.kpi-card .k-num{font-size:26px;font-weight:600;margin-top:6px;font-variant-numeric:tabular-nums;color:var(--text)}.kpi-card .k-sub{font-size:12px;color:var(--text-3);margin-top:5px}.kpi-card.alert-red .k-num{color:var(--red)}.kpi-card.alert-amber .k-num{color:var(--amber)}.up{color:var(--green);font-weight:600}.dn{color:var(--red);font-weight:600}.rm-item{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--surface-2);cursor:pointer;transition:background .12s;border-radius:8px}.rm-item:last-child{border-bottom:none}.rm-item:hover{background:var(--surface-1)}.rm-item .ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:15px}.rm-item .info{flex:1;min-width:0}.rm-item .info .t{font-weight:500;font-size:13.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-item .info .s{color:var(--text-3);font-size:12px;margin-top:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rm-item .days{font-weight:600;font-variant-numeric:tabular-nums;flex-shrink:0;color:var(--text-2)}.rm-item .days.urgent{color:var(--red)}.rm-item .days.near{color:var(--amber)}.p-card{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--sh-1);transition:box-shadow .2s ease}.p-card:hover{box-shadow:var(--sh-2)}.p-card .card-h{display:flex;justify-content:space-between;align-items:center;padding:13px 18px;border-bottom:1px solid var(--border);font-weight:600;font-size:14px;gap:10px}.p-card .card-h .more{font-size:12px;color:var(--primary);cursor:pointer;font-weight:400;flex-shrink:0}.p-card .card-h .more:hover{text-decoration:underline}.p-card .card-h .close-link{font-size:12px;color:var(--text-3);cursor:pointer;font-weight:400;flex-shrink:0}.p-card .card-h .close-link:hover{color:var(--primary)}.p-card .card-b{padding:8px 0}.ty{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:8px;font-size:11px;font-weight:600;flex-shrink:0}.ty-fw{background:var(--red-bg);color:var(--red)}.ty-sw{background:var(--blue-bg);color:var(--blue)}.ty-rt{background:var(--purple-bg);color:var(--purple)}.ty-wi{background:var(--green-bg);color:var(--green)}.ty-sv{background:var(--gray-bg);color:var(--gray)}.pw{font-family:var(--mono);letter-spacing:2px;color:var(--text-2)}.badge{display:inline-flex;align-items:center;gap:5px;padding:2px 9px;border-radius:20px;font-size:12px;font-weight:500;line-height:18px;white-space:nowrap}.badge .p{width:6px;height:6px;border-radius:50%}.b-green{background:var(--green-bg);color:var(--green)}.b-green .p{background:var(--green)}.b-red{background:var(--red-bg);color:var(--red)}.b-red .p{background:var(--red)}.b-amber{background:var(--amber-bg);color:var(--amber)}.b-amber .p{background:var(--amber)}.b-blue{background:var(--blue-bg);color:var(--blue)}.b-blue .p{background:var(--blue)}.b-purple{background:var(--purple-bg);color:var(--purple)}.b-purple .p{background:var(--purple)}.b-gray{background:var(--gray-bg);color:var(--gray)}.b-gray .p{background:var(--gray)}.step{display:flex;align-items:center;gap:14px;padding:12px 18px;border-bottom:1px solid var(--surface-2)}.step:last-child{border-bottom:none}.step .no{width:26px;height:26px;border-radius:50%;background:var(--primary-weak);color:var(--primary);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;flex-shrink:0}.step .info{flex:1;min-width:0}.step .info .t{font-weight:500;font-size:13.5px}.step .info .s{color:var(--text-3);font-size:12px;margin-top:2px}.notice{display:flex;align-items:center;gap:10px;background:var(--primary-weak);border:1px solid var(--border);color:var(--text-2);border-radius:9px;padding:10px 14px;font-size:12.5px;margin-top:14px}.toolbar{display:flex;align-items:center;gap:10px;margin-top:14px;flex-wrap:wrap}.toolbar .tip{color:var(--text-3);font-size:12.5px}.search2{flex:0 1 300px;min-width:200px;display:flex;align-items:center;gap:8px;background:var(--card);border:1px solid var(--border);border-radius:8px;padding:7px 12px;color:var(--text-3)}.search2:focus-within{border-color:var(--primary)}.search2 input{border:none;outline:none;flex:1;font-size:13px;font-family:inherit;color:var(--text);background:transparent}.filters{display:flex;gap:6px;flex-wrap:wrap}.fbtn{border:1px solid var(--border);background:var(--card);border-radius:7px;padding:5px 12px;font-size:12.5px;color:var(--text-2);cursor:pointer;font-family:inherit;transition:all .15s}.fbtn:hover{border-color:var(--primary);color:var(--primary)}.fbtn.active{background:var(--primary);border-color:var(--primary);color:#fff}.hd-actions{display:flex;gap:10px;align-items:center;margin-left:auto}.meter{height:6px;background:var(--surface-3);border-radius:4px;overflow:hidden;width:110px}.meter i{display:block;height:100%;background:var(--primary);border-radius:4px}.empty{text-align:center;padding:48px 20px;color:var(--text-3)}.cust-card{display:flex;align-items:center;gap:14px;padding:13px 6px;border-bottom:1px solid var(--surface-2);cursor:pointer;transition:background .15s;border-radius:8px}.cust-card:hover{background:var(--primary-weak)}[data-theme=dark] .cust-card:hover{background:var(--surface-1)}.cust-card:last-child{border-bottom:none}.cust-logo{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:#fff;flex-shrink:0}.cust-info{flex:1;min-width:0}.cust-info .n{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cust-info .s{color:var(--text-3);font-size:12px;margin-top:2px}.cust-meta{display:flex;gap:18px;align-items:center;color:var(--text-2);font-size:12.5px;flex-shrink:0}.cust-meta b{font-weight:600;color:var(--text);font-variant-numeric:tabular-nums}.diff-line{font-family:var(--mono);font-size:12px;white-space:pre;padding:0 12px;line-height:22px}.diff-wrap{background:var(--code-bg);border-radius:8px;overflow:auto;padding:10px 4px}.diff-wrap .diff-line{color:var(--code-text)}.diff-add{background:#2ea06a38!important;color:#8ee6b8!important}.diff-del{background:#e0484840!important;color:#ffb8b8!important}.ip-cell{width:26px;height:22px;border-radius:4px;font-size:10px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;margin:1.5px;border:1px solid transparent}.ip-free{background:var(--surface-2);color:var(--text-3)}.ip-used{background:#e8f0fe;color:#2563eb;border-color:#c6d9fb}.ip-req{background:#fdf3e0;color:#b7791f;border-color:#eed9b0}.ip-reserved{background:#eef1f5;color:#6b7785;border-color:var(--border)}[data-theme=dark] .ip-used{background:#16283e;color:#5b9df0;border-color:#24405e}[data-theme=dark] .ip-req{background:#33260e;color:#d99a35;border-color:#554016}.topo-canvas{background:var(--surface-1);border:1px solid var(--border);border-radius:10px;position:relative;overflow:hidden}.topo-node{position:absolute;transform:translate(-50%,-50%);cursor:move;-webkit-user-select:none;user-select:none;text-align:center}.topo-node .ico{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px;background:var(--card);border:2px solid var(--primary);box-shadow:0 2px 6px #0f1d2e1f}.topo-node .lb{font-size:11px;margin-top:4px;color:var(--text-2);max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-tabs{display:flex;gap:4px;margin-top:12px;border-bottom:1px solid var(--border)}.page-tab{padding:10px 18px;font-size:13.5px;color:var(--text-2);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color .15s;display:flex;align-items:center;gap:7px;white-space:nowrap}.page-tab:hover{color:var(--text)}.page-tab.active{color:var(--primary);border-bottom-color:var(--primary);font-weight:500}.page-tab .cnt{font-size:11.5px;border-radius:10px;padding:0 7px;line-height:18px;font-weight:600}[data-theme=dark] body{background-color:var(--bg);background-image:radial-gradient(900px 500px at 88% -10%,rgba(77,141,255,.12),transparent 60%),radial-gradient(700px 500px at -8% 110%,rgba(139,124,255,.09),transparent 60%);background-attachment:fixed}[data-theme=dark] .page-card,[data-theme=dark] .p-card,[data-theme=dark] .kpi-card{box-shadow:none}[data-theme=dark] .page-card:hover,[data-theme=dark] .p-card:hover,[data-theme=dark] .kpi-card:hover{box-shadow:0 8px 24px #00000059;border-color:#ffffff24}[data-theme=dark] .ant-btn-primary{background:var(--grad);border:none;box-shadow:0 4px 16px #6382ff59}[data-theme=dark] .ant-btn-primary:hover{box-shadow:0 4px 22px #6382ff8c;filter:brightness(1.08)}[data-theme=dark] .ant-tag:before,[data-theme=dark] .badge .p{box-shadow:0 0 6px currentColor}[data-theme=dark] .fbtn.active{background:var(--grad);border:none;box-shadow:0 2px 12px #6382ff66}[data-theme=dark] .meter i{background:linear-gradient(90deg,#4d8dff,#8b7cff)}[data-theme=dark] .mono{color:inherit}[data-theme=dark] ::-webkit-scrollbar-thumb{background:#ffffff24;border:2px solid transparent;background-clip:padding-box}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:#ffffff3d}[data-theme=dark] .ant-modal .ant-modal-content{border:1px solid var(--border);box-shadow:0 24px 64px #0009}[data-theme=dark] .ant-dropdown-menu,[data-theme=dark] .ant-popover-inner{border:1px solid var(--border)}[data-theme=dark] .ant-input:focus,[data-theme=dark] .ant-input-affix-wrapper:focus,[data-theme=dark] .ant-input-affix-wrapper-focused,[data-theme=dark] .ant-select-focused .ant-select-selector{box-shadow:0 0 0 3px #4d8dff2e!important}