:root{font-family:Segoe UI,-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,sans-serif;--page: #f6f6f9;--surface: #fff;--text: #363949;--muted: #7d8da1;--line: #eceef0;--primary: #6c9bcf;--teal: #1b9c85;--red: #ff0060;--orange: #d1a531;--soft: #e9eff6;--shadow: 0 24px 40px rgba(108, 137, 170, .12);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--text);transition:background-color .35s,color .35s}body.dark{--page: #181a1e;--surface: #202528;--text: #edeffd;--muted: #a3bdcc;--line: #303339;--primary: #8db5df;--teal: #6fc7b0;--orange: #e8b38b;--soft: #283947;--shadow: 0 24px 40px #00000030}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}::selection{background:#90caf94d}:focus-visible{outline:3px solid #64b5f6;outline-offset:3px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-thumb{background:#989bb440;border-radius:8px}.app-shell{min-height:100vh;padding:0 2%;gap:26px}.nav-backdrop{display:none}.app-sidebar.ant-layout-sider{position:sticky;top:0;height:100vh;background:transparent;z-index:30;transition:flex .38s var(--ease),width .38s var(--ease),min-width .38s var(--ease),max-width .38s var(--ease),transform .38s var(--ease)}.app-sidebar .ant-layout-sider-children{display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:9px;padding:24px 8px;height:86px;flex-shrink:0;color:var(--text);white-space:nowrap}.brand-mark{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:34px;height:34px;border:2px solid var(--red);border-radius:50%;color:var(--red);font-size:20px}.brand-copy{overflow:hidden}.brand-copy strong{font-size:22px;font-weight:750;letter-spacing:-.8px}.brand-copy strong>span{color:var(--red)}.brand-copy small{display:none}.sidebar-panel{display:flex;flex-direction:column;flex:1;min-height:0;margin-bottom:24px;padding-top:18px;background:var(--surface);border-radius:16px;box-shadow:var(--shadow);overflow:auto;transition:box-shadow .35s}.sidebar-panel:hover{box-shadow:0 8px 18px #00000003}.app-sidebar .ant-menu{border-inline-end:0!important;background:transparent;padding:0}.app-sidebar .ant-menu-item{width:100%;margin:3px 0;padding-inline:24px!important;border-radius:0;font-size:12px;transition:background .25s,color .25s}.app-sidebar .ant-menu-item .anticon{font-size:20px;transition:transform .3s var(--ease)}.app-sidebar .ant-menu-item:hover .anticon{transform:translate(3px)}.app-sidebar .ant-menu-item-selected{font-weight:600}.app-sidebar .ant-menu-item-selected:before{content:"";position:absolute;left:0;top:17px;width:5px;height:18px;background:var(--primary)}.sidebar-bottom{margin-top:auto;padding:30px 16px 20px}.sidebar-collapse.ant-btn,.sidebar-logout.ant-btn{display:flex;justify-content:flex-start;gap:10px;margin-top:10px;color:var(--muted);font-size:12px}.sidebar-logout.ant-btn:hover{color:var(--red)}.is-collapsed .brand{justify-content:center;padding-inline:0}.is-collapsed .brand-copy{display:none}.is-collapsed .app-sidebar .ant-menu{width:auto}.is-collapsed .app-sidebar .ant-menu-item{padding-inline:27px!important}.is-collapsed .sidebar-bottom{padding:16px}.app-main{min-width:0}.app-header.ant-layout-header{height:86px;padding:0;display:flex;align-items:center;justify-content:space-between;gap:20px;background:transparent;line-height:normal}.header-left,.header-actions{display:flex;align-items:center;gap:16px;min-width:0}.header-breadcrumb{font-size:12px;white-space:nowrap;color:var(--muted)}.header-breadcrumb>span{margin:0 14px;color:#b1b6c6}.header-breadcrumb strong{font-weight:500;color:var(--text)}.global-search{width:360px}.global-search>.ant-select{flex-shrink:0}.global-search .ant-input-search{min-width:0}.global-search .ant-select-selector,.global-search .ant-input-affix-wrapper{background:var(--surface)!important;border-color:transparent!important}.global-search .ant-input-group-addon .ant-btn{box-shadow:none}.theme-switch{display:flex;background:var(--soft);border-radius:5px;padding:3px;flex-shrink:0}.theme-switch button{display:grid;place-items:center;width:28px;height:25px;border:0;border-radius:4px;background:transparent;color:var(--text);cursor:pointer;transition:background .25s,color .25s}.theme-switch button.active{background:var(--primary);color:#fff}.user-button.ant-btn{display:flex;gap:10px;height:50px;padding:4px}.user-avatar{width:36px;height:36px;display:grid;place-items:center;color:var(--primary);background:var(--soft);border-radius:50%;font-weight:600}.user-copy{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.user-copy strong{font-weight:600;font-size:12px}.user-copy small{font-size:10px;color:var(--muted)}.user-chevron{font-size:10px;color:var(--muted);margin-left:8px}.mobile-menu.ant-btn{display:none}.workspace-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;color:var(--muted);font-size:11px}.workspace-divider{margin:0 10px;opacity:.45}.database-status{display:inline-flex;align-items:center;gap:7px;border:0;padding:5px 0;background:transparent;color:var(--muted);cursor:pointer;font-size:11px}.database-status>span:last-child:not(.ant-badge){padding-left:7px;border-left:1px solid var(--line)}.connection-alert{margin:16px 0 0;border-radius:12px}.connection-alert .ant-alert-message{font-size:12px}.connection-alert .ant-alert-description{font-size:11px}.connection-alert .ant-alert-icon{margin-top:2px}.app-content{margin:24px 0 0;min-height:280px}.app-footer{display:flex;justify-content:space-between;margin:32px 0 20px;font-size:10px;color:var(--muted);opacity:.75}.page-enter{animation:page-in .5s var(--ease) both}.page-enter>div{gap:22px!important}.page-enter h4.ant-typography{font-size:23px;letter-spacing:-.6px}.ant-card{box-shadow:var(--shadow);transition:background-color .3s,border-color .3s,box-shadow .3s,transform .35s var(--ease)}.ant-card .ant-card-head{border-bottom:0;padding-top:8px}.ant-card:hover{box-shadow:0 8px 20px #00000005}.ant-card .ant-card-head-title{white-space:normal}.ant-table-wrapper{min-width:0}.ant-table-content{overflow-x:auto}.ant-table-thead>tr>th{white-space:nowrap;font-size:12px;font-weight:600!important}.ant-table-thead>tr>th:before{display:none}.ant-table-tbody>tr>td{font-size:12px;transition:background-color .2s}.ant-statistic-content{font-variant-numeric:tabular-nums;font-weight:600;letter-spacing:-.7px}.ant-statistic-content-prefix{margin-right:12px!important;font-size:23px}.page-enter .ant-col>.ant-card:has(.ant-statistic){height:100%}.page-enter .ant-col>.ant-card:has(.ant-statistic) .ant-card-body{padding:20px}.page-enter .ant-col .ant-statistic-title{padding-right:22px;min-height:20px}.page-enter .ant-col .ant-statistic-content{margin-top:16px;font-size:24px;white-space:nowrap}.page-enter .ant-col .ant-statistic-content-prefix{position:absolute;top:20px;right:16px;margin:0!important;font-size:18px}.ant-tag{border-radius:6px}.ant-btn{transition:color .2s,background .25s,border-color .25s,box-shadow .25s,transform .25s var(--ease)}.ant-btn:active{transform:scale(.97)}.ant-btn-primary:hover{transform:translateY(-1px)}.ant-tabs-ink-bar{border-radius:4px}.ant-drawer .ant-descriptions{overflow-x:auto}.ant-message-notice-content{max-width:min(600px,calc(100vw - 32px));text-align:left;overflow-wrap:anywhere}.settings-page pre{white-space:pre-wrap;overflow-wrap:anywhere}.time-range{max-width:100%}.time-range .ant-radio-group{display:inline-flex;gap:2px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:11px;flex-wrap:wrap}.time-range .ant-radio-button-wrapper{border:0;border-radius:7px;background:transparent;height:28px;line-height:28px;padding-inline:11px;font-size:11px;color:var(--muted)}.time-range .ant-radio-button-wrapper:before{display:none}.time-range .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled){background:var(--soft);color:var(--primary);box-shadow:none}.time-range .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):hover{background:var(--soft);color:var(--primary)}.timezone-tag.ant-tag{background:transparent;border:0;color:var(--muted);font-size:10px;margin-right:2px}.dashboard-page{display:flex;flex-direction:column}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow{font-size:10px;color:var(--primary);letter-spacing:2px;font-weight:600}.dashboard-heading h2.ant-typography,.settings-heading h2.ant-typography{font-size:27px;font-weight:750;letter-spacing:-.8px;margin:0 0 8px}.dashboard-heading p,.settings-heading p{font-size:12px;color:var(--muted);margin:0;line-height:1.8}.refresh-button.ant-btn{background:var(--surface);border-color:transparent;font-size:12px}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.dashboard-main{min-width:0;display:flex;flex-direction:column;gap:24px}.metrics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.metric-card.ant-card{border:0;animation:page-in .6s var(--ease) backwards}.metric-card:nth-child(2){animation-delay:50ms}.metric-card:nth-child(3){animation-delay:.1s}.metric-card.ant-card:hover{transform:translateY(-3px)}.metric-card .ant-card-body{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 20px;min-height:150px}.metric-green{--metric-color: #1b9c85}.metric-red{--metric-color: #ff0060}.metric-blue{--metric-color: #6c9bcf}.metric-card .ant-statistic{min-width:0}.metric-card .ant-statistic-title{color:var(--text);font-size:12px;margin-bottom:8px}.metric-card .ant-statistic-content{font-size:clamp(22px,1.9vw,30px);font-weight:750;line-height:1.25}.metric-ring{position:relative;width:80px;height:80px;flex-shrink:0;color:var(--metric-color)}.metric-ring svg{width:100%;height:100%;transform:rotate(45deg)}.metric-ring circle{fill:none;stroke:currentColor;stroke-width:8;stroke-linecap:round;stroke-dasharray:78 100;animation:ring-in .9s var(--ease) backwards}.metric-ring>span{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-size:22px}.dashboard-rail{min-width:0;display:flex;flex-direction:column;gap:16px}.analytics-profile{text-align:center}.analytics-profile .ant-card-body{padding:28px 16px 18px}.profile-emblem,.connection-logo{display:grid;place-items:center;width:112px;height:112px;margin:0 auto 20px;border:5px solid var(--red);border-radius:50%;color:var(--red);font-size:52px;outline:2px solid var(--red);outline-offset:-13px}.analytics-profile h3.ant-typography{font-size:23px;margin:0;font-weight:750}.analytics-profile h3>span{color:var(--red)}.analytics-profile p{color:var(--muted);font-size:12px;margin:5px 0 14px}.rail-heading{margin:12px 0 0;font-size:17px;font-weight:600}.network-metric.ant-card{border-radius:16px}.network-metric .ant-card-body{display:flex;align-items:center;gap:16px;padding:20px}.network-metric .ant-statistic{display:flex;flex-direction:row-reverse;align-items:center;justify-content:space-between;flex:1;gap:12px}.network-metric .ant-statistic-title{margin:0;font-size:11px}.network-metric .ant-statistic-content{font-size:23px}.section-icon{display:inline-grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:9px;font-size:19px;color:#fff}.section-blue{background:#6c9bcf}.section-green{background:#1b9c85}.section-red{background:#ff0060}.node-ranking-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid var(--line)}.node-ranking-row:last-child{border:0}.node-rank{color:var(--muted);font-size:10px}.node-ranking-row strong{margin-left:auto;text-align:right;font-size:13px}.node-ranking-row small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:5px}.dashboard-rail .ant-card-head,.dashboard-rail .ant-card-body{padding-inline:20px}.dashboard-rail .ant-card-extra .ant-btn{font-size:11px;padding-inline:0}.dashboard-rail .node-ranking{margin-top:-14px}.settings-page{display:flex;flex-direction:column;gap:24px}.settings-grid{display:grid;grid-template-columns:minmax(0,1fr) 285px;gap:24px;align-items:start}.settings-form-card{grid-column:1;grid-row:1}.account-form-card{grid-column:1;grid-row:2}:is(.settings-form-card,.account-form-card) .ant-card-body{padding:30px}.connection-card{grid-column:2;grid-row:1}.connection-profile{text-align:center;padding-top:8px}.connection-logo{width:86px;height:86px;font-size:36px;border-width:4px;color:var(--primary);border-color:var(--primary);outline-color:var(--primary);outline-offset:-11px}.connection-profile h3.ant-typography{margin:0 0 8px;font-size:22px}.connection-profile .ant-badge-status-text{color:var(--muted);font-size:12px}.connection-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.connection-card .ant-descriptions-item-label{font-size:11px;color:var(--muted);padding-bottom:4px}.connection-card .ant-descriptions-item-content{font-size:12px;overflow-wrap:anywhere}.form-section-heading{display:flex;align-items:center;gap:12px;margin-bottom:24px}.form-section-heading h3{font-size:16px;margin:0 0 3px;font-weight:600}.form-section-heading p{font-size:11px;margin:0;color:var(--muted)}:is(.settings-form-card,.account-form-card) .ant-form-item{margin-bottom:22px}:is(.settings-form-card,.account-form-card) .ant-form-item-label{padding-bottom:8px}:is(.settings-form-card,.account-form-card) .ant-form-item-label>label{font-size:12px}:is(.settings-form-card,.account-form-card) .ant-form-item-extra{font-size:11px;line-height:1.7;padding-top:6px;color:var(--muted)}:is(.settings-form-card,.account-form-card) .ant-input,:is(.settings-form-card,.account-form-card) .ant-input-affix-wrapper,:is(.settings-form-card,.account-form-card) .ant-input-number,:is(.settings-form-card,.account-form-card) .ant-select-selector{border-radius:7px}:is(.settings-form-card,.account-form-card) .ant-input,:is(.settings-form-card,.account-form-card) .ant-input-affix-wrapper{min-height:42px}:is(.settings-form-card,.account-form-card) .ant-input-affix-wrapper .ant-input{min-height:0}:is(.settings-form-card,.account-form-card) .ant-input-prefix{margin-right:10px;color:var(--muted)}:is(.settings-form-card,.account-form-card) .ant-select{height:42px}:is(.settings-form-card,.account-form-card) .ant-input-number-input{height:40px}:is(.settings-form-card,.account-form-card) .ant-divider{margin:8px 0 26px}.settings-actions{width:100%;justify-content:flex-end}.settings-actions .ant-btn{height:40px;font-size:12px}.dashboard-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:4px}.dashboard-toolbar>div:first-child{font-weight:600;font-size:14px;display:flex;align-items:center}.section-indicator{width:4px;height:15px;background:var(--primary);border-radius:4px;margin-right:9px}.card-heading{font-size:15px;font-weight:600;padding:8px 0}.card-heading>span{display:block;color:var(--muted);font-size:10px;font-weight:400;letter-spacing:.4px;margin-top:4px}.chart-empty{height:310px;display:grid;place-items:center}.rank-badge{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;color:var(--muted);font-size:11px}.rank-top{background:var(--soft);color:var(--primary);font-weight:600}.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:var(--surface)}.login-story{margin:20px;padding:18px 32px;border-radius:26px;background:#edf4f9;display:flex;flex-direction:column;position:relative;overflow:hidden}.dark .login-story{background:#202e3b}.login-story .brand{padding:12px 0}.login-story-content{margin:auto;padding:45px 0;width:min(100%,420px)}.login-story h1{font-size:clamp(36px,4vw,58px);line-height:1.35;letter-spacing:-2px;font-weight:650;margin:22px 0}.login-story h1>span{color:var(--primary)}.login-story-content>p{color:var(--muted);font-size:13px;line-height:2}.login-visual{margin-top:42px;padding:24px 28px;background:var(--surface);border:1px solid #ffffff30;border-radius:20px;box-shadow:0 18px 45px #1976d212;transform:rotate(-3deg)}.visual-title{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;letter-spacing:1px}.visual-title>span:last-child{margin-left:auto;color:#90caf9;font-size:7px}.visual-dot{width:7px;height:7px;border-radius:50%;background:#388e3c}.visual-bars{display:flex;align-items:flex-end;gap:10px;height:140px;border-bottom:1px solid var(--line)}.visual-bars i{flex:1;border-radius:5px 5px 0 0;background:#90caf9;transform-origin:bottom;animation:bar-in .8s var(--ease) both}.visual-bars i:nth-child(3n){background:#1976d2}.visual-bars i:nth-child(3n+1){background:#81c784}.visual-bars i:nth-child(4n){background:#fbc02d}.visual-bars i:nth-child(5n){background:#ef9a9a}.visual-footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);padding-top:16px}.login-story-footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:1px;padding:20px 0 8px}.login-story-footer>span{letter-spacing:0}.login-form-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px}.login-card.ant-card{width:100%;max-width:400px;box-shadow:none;background:transparent;animation:page-in .65s var(--ease)}.login-card .ant-card-body{padding:0}.login-heading{margin-bottom:38px}.login-welcome{color:var(--primary);font-size:10px;font-weight:600;letter-spacing:2px}.login-heading h2.ant-typography{font-size:30px;margin:13px 0 9px}.login-card .ant-input-affix-wrapper{padding:12px 15px;background:var(--page);border-color:var(--line)}.login-card .ant-input-prefix{margin-right:12px;color:var(--muted)}.login-card .ant-form-item-label label{color:var(--muted);font-size:12px}.login-card .ant-btn-primary{height:47px;font-size:13px}.login-security{text-align:center;color:var(--muted);font-size:10px;line-height:1.8}.login-footer{color:var(--muted);font-size:10px;margin-top:60px}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bar-in{0%{transform:scaleY(.15);opacity:0}to{transform:scaleY(1);opacity:1}}@keyframes ring-in{0%{stroke-dasharray:0 100}to{stroke-dasharray:78 100}}@media (max-width: 1360px){.app-shell{gap:20px}.dashboard-grid,.settings-grid{grid-template-columns:minmax(0,1fr) 260px;gap:20px}.metrics-grid{gap:12px}.metric-card .ant-card-body{padding:22px 16px;min-height:134px}.metric-ring{width:58px;height:58px}.metric-card .ant-statistic-content{font-size:23px}.global-search{width:300px}.header-actions{gap:12px}}@media (max-width: 1100px){.dashboard-grid,.settings-grid{grid-template-columns:minmax(0,1fr)}.dashboard-rail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.analytics-profile{grid-row:span 3}.dashboard-rail>.ant-card:last-child{grid-column:1 / -1}.connection-card{grid-column:1;grid-row:3}.connection-card .ant-descriptions-view>table{table-layout:fixed}.settings-form-card{grid-row:1}.metric-ring{width:72px;height:72px}}@media (max-width: 991px){.header-breadcrumb{display:none}.mobile-menu.ant-btn{display:inline-flex}.header-actions{margin-left:auto}.login-form-panel{padding:32px}.login-story{padding:18px 24px}.login-story-footer>span{display:none}}@media (max-width: 640px){.app-shell{padding:0 16px;gap:0}.nav-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#161b2840;border:0;z-index:29}.app-sidebar.ant-layout-sider{position:fixed;left:0;padding-left:12px;background:var(--page);box-shadow:12px 0 40px #00000015}.is-collapsed .app-sidebar.ant-layout-sider{transform:translate(-100%);visibility:hidden;box-shadow:none}.app-header.ant-layout-header{height:72px;gap:8px}.header-actions{flex:1;justify-content:flex-end;gap:8px}.global-search{width:auto;flex:1;max-width:310px}.global-search>.ant-select{width:82px!important}.global-search .ant-select-selector{padding-inline:7px!important;font-size:11px}.global-search .ant-input{font-size:11px}.global-search .ant-input-search-button{padding-inline:10px}.theme-switch{padding:2px}.theme-switch button{width:23px}.user-copy,.user-chevron{display:none}.user-avatar{width:28px;height:28px}.workspace-bar{font-size:10px}.workspace-subtitle,.workspace-divider{display:none}.database-status{font-size:10px}.connection-alert{margin-top:12px}.connection-alert .ant-alert-description{display:none}.app-content{margin-top:24px}.page-enter>div{gap:20px!important}.dashboard-heading h2.ant-typography,.settings-heading h2.ant-typography{font-size:24px}.dashboard-heading p{font-size:11px}.refresh-button.ant-btn{font-size:11px;padding-inline:10px}.metrics-grid{grid-template-columns:1fr;gap:16px}.metric-card .ant-card-body{padding:20px 24px;min-height:126px}.metric-ring{width:80px;height:80px}.metric-card .ant-statistic-content{font-size:29px}.time-range .ant-radio-button-wrapper{padding-inline:9px}.time-range>.ant-space-item{max-width:100%}.timezone-tag.ant-tag{display:none}.ant-card .ant-card-head{padding-inline:18px}.ant-card .ant-card-body{padding:20px}.trend-card .ant-card-extra{display:none}.ant-card-extra .ant-btn{font-size:11px;padding-inline:4px}.page-enter h4.ant-typography{font-size:21px}.dashboard-rail{display:flex}:is(.settings-form-card,.account-form-card) .ant-card-body{padding:22px 20px}.settings-actions{justify-content:flex-start}.app-footer{gap:12px}.login-page{display:flex;flex-direction:column}.login-story{margin:12px;padding:10px 20px;min-height:auto}.login-story-content{padding:14px 0 22px;margin:0}.login-story h1{font-size:32px;margin:12px 0}.login-story h1 br{display:none}.login-story-content>p,.login-visual,.login-story-footer{display:none}.login-form-panel{padding:30px 28px}.login-card .ant-card-body{padding:0}.login-heading{margin-bottom:26px}.login-footer{margin-top:24px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
