.cockpit-root{min-height:100vh;margin:0;padding:28px 32px 20px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 12% -5%,var(--panel),transparent 42%),radial-gradient(ellipse at 90% 8%,var(--panel),transparent 38%),linear-gradient(165deg,var(--bg-0) 0%,var(--bg-1) 48%,var(--bg-2) 100%);color:var(--ink);font-family:var(--font-ui)}.cockpit-root:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.28;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px}.cockpit-root>*{position:relative;z-index:1}.cockpit-loading{min-height:60vh;display:grid;place-items:center;color:var(--muted);font-size:18px;letter-spacing:.2em;font-family:var(--font-display)}.cockpit-top{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:24px}.cockpit-brand{font-family:var(--font-display);font-size:40px;font-weight:700;letter-spacing:.22em;color:var(--accent);line-height:1;text-shadow:0 0 22px var(--accent)}.cockpit-title{margin-top:8px;color:var(--muted);font-size:14px;letter-spacing:.16em;text-transform:uppercase}.cockpit-btn{color:var(--ink)!important}.cockpit-kpis{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;margin-bottom:20px}.kpi{background:var(--panel);border:1px solid var(--line);padding:14px 14px 12px;clip-path:polygon(0 0,calc(100% - 10px) 0,100% 10px,100% 100%,0 100%);transition:border-color .2s ease,box-shadow .2s ease}.kpi:hover{border-color:var(--accent);box-shadow:var(--glow)}.kpi.accent{border-color:var(--accent);background:var(--tag-bg)}.kpi.warn{border-color:#fbbf248c}.kpi-label{color:var(--muted);font-size:11px;letter-spacing:.1em;text-transform:uppercase;font-family:var(--font-mono)}.kpi-value{margin-top:8px;font-size:26px;font-weight:700;color:var(--ink);letter-spacing:.02em;font-family:var(--font-display)}.cockpit-grid{display:grid;grid-template-columns:1.1fr 1.1fr;gap:16px}.cockpit-grid.two{grid-template-columns:1.2fr .8fr}.panel{background:var(--panel);border:1px solid var(--line);padding:16px 18px 10px;min-height:340px;box-shadow:inset 0 1px #ffffff08}.panel-title{color:var(--accent-hot);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin-bottom:8px;font-family:var(--font-mono)}.stat-big{margin-top:48px;font-size:56px;font-weight:700;color:var(--accent);line-height:1.1;font-family:var(--font-display);text-shadow:0 0 28px var(--accent)}.stat-big span{font-size:18px;color:var(--muted);font-weight:500;margin-left:8px}.stat-sub{margin-top:16px;color:var(--muted);font-size:15px}.health-list{display:flex;flex-direction:column;gap:18px;padding-top:18px}.health-meta{display:flex;justify-content:space-between;color:var(--ink);margin-bottom:8px}.health-bar{height:8px;background:var(--line);overflow:hidden}.health-bar i{display:block;height:100%;background:linear-gradient(90deg,var(--accent-2),var(--accent),var(--accent-hot));box-shadow:var(--glow)}.edge-map{position:relative;height:300px;margin:12px 8px;background:radial-gradient(circle at 30% 40%,var(--tag-bg),transparent 35%),radial-gradient(circle at 70% 55%,var(--panel),transparent 30%),linear-gradient(180deg,var(--panel),transparent);border:1px dashed var(--line)}.edge-dot{position:absolute;transform:translate(-50%,-50%);cursor:pointer}.edge-dot-pulse{display:block;width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 var(--glow);animation:pulse 2s infinite}.edge-dot-label{display:block;margin-top:6px;color:var(--ink);font-size:12px;white-space:nowrap}@keyframes pulse{0%{box-shadow:0 0 0 0 var(--glow)}70%{box-shadow:0 0 0 14px transparent}to{box-shadow:0 0 0 0 transparent}}.cockpit-foot{margin-top:16px;text-align:right;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.08em}.cockpit-root .ant-segmented{background:var(--panel)}.cockpit-root .ant-segmented-item-selected{background:var(--accent)!important;color:#fff!important}.cockpit-root .ant-segmented-item{color:var(--muted)}@media(max-width:1400px){.cockpit-kpis{grid-template-columns:repeat(4,1fr)}}@media(max-width:900px){.cockpit-root{margin:-16px;padding:16px}.cockpit-kpis{grid-template-columns:repeat(2,1fr)}.cockpit-grid,.cockpit-grid.two{grid-template-columns:1fr}.cockpit-brand{font-size:28px}}:root{color-scheme:dark;--bg-0: #04080f;--bg-1: #07111d;--bg-2: #0b1728;--panel: rgba(10, 22, 38, .78);--panel-solid: #0c1a2c;--ink: #e8f1ff;--muted: #8ea3bd;--line: rgba(56, 189, 248, .18);--line-strong: rgba(34, 211, 238, .45);--accent: #22d3ee;--accent-2: #38bdf8;--accent-hot: #67e8f9;--warn: #fbbf24;--ok: #34d399;--danger: #fb7185;--glow: 0 0 24px rgba(34, 211, 238, .25);--font-display: "Orbitron", "Rajdhani", "PingFang SC", sans-serif;--font-ui: "Rajdhani", "PingFang SC", "Microsoft YaHei", sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;font-family:var(--font-ui)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg-0);color:var(--ink);font-size:15px;letter-spacing:.02em}.app-shell{min-height:100%;background:radial-gradient(ellipse at 12% -10%,rgba(34,211,238,.16),transparent 42%),radial-gradient(ellipse at 92% 8%,rgba(56,189,248,.1),transparent 38%),linear-gradient(165deg,var(--bg-0) 0%,var(--bg-1) 48%,var(--bg-2) 100%)}.app-shell:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;opacity:.35;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 78%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 78%)}.app-shell>*{position:relative;z-index:1}.login-page{min-height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 20% 15%,rgba(34,211,238,.22),transparent 42%),radial-gradient(ellipse at 85% 80%,rgba(56,189,248,.12),transparent 40%),linear-gradient(160deg,var(--bg-0) 0%,var(--bg-1) 50%,var(--bg-2) 100%)}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--grid-line) 1px,transparent 1px),linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);background-size:56px 56px;animation:grid-drift 28s linear infinite;opacity:.5}.login-page:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(transparent 0%,var(--scan) 50%,transparent 100%);background-size:100% 220%;animation:scan 7s linear infinite;pointer-events:none}@keyframes grid-drift{0%{transform:translateY(0)}to{transform:translateY(56px)}}@keyframes scan{0%{background-position:0 -100%}to{background-position:0 200%}}.login-card{position:relative;z-index:1;width:min(420px,calc(100vw - 32px));padding:40px 36px 32px;background:var(--login-card-bg);border:1px solid var(--line-strong);box-shadow:var(--glow),inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}.login-card:before{content:"";position:absolute;top:0;left:0;right:18px;height:2px;background:linear-gradient(90deg,transparent,var(--accent),transparent);animation:pulse-line 2.4s ease-in-out infinite}@keyframes pulse-line{0%,to{opacity:.35}50%{opacity:1}}.login-brand{font-family:var(--font-display);font-size:34px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);text-shadow:0 0 18px rgba(34,211,238,.45);margin-bottom:6px}.login-sub{color:var(--muted);margin-bottom:28px;font-size:14px;letter-spacing:.18em;text-transform:uppercase}.login-meta{margin-top:18px;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.04em}.tech-sider{background:var(--sider-bg)!important;border-right:1px solid var(--line)!important;box-shadow:8px 0 32px #00000040}.tech-brand{padding:22px 18px 14px;border-bottom:1px solid var(--line)}.tech-brand-name{margin:0!important;font-family:var(--font-display)!important;font-size:22px!important;font-weight:700!important;letter-spacing:.18em!important;color:var(--accent)!important;text-shadow:0 0 16px rgba(34,211,238,.35)}.tech-brand-sub{display:block;margin-top:4px;font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)!important}.tech-header{background:var(--header-bg)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)!important;padding:0 24px!important;display:flex;align-items:center;justify-content:space-between}.tech-content{background:transparent!important}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.page-header .ant-typography{font-family:var(--font-display)!important;letter-spacing:.08em}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:24px}@media(max-width:1100px){.stat-grid{grid-template-columns:repeat(2,1fr)}}.ant-layout{background:transparent!important}.ant-card{background:var(--panel)!important;border:1px solid var(--line)!important;box-shadow:inset 0 1px #ffffff08;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.ant-card-head{border-bottom-color:var(--line)!important;color:var(--ink)!important}.ant-table{background:transparent!important}.ant-table-thead>tr>th{background:var(--th-bg)!important;color:var(--accent-hot)!important;border-bottom-color:var(--line)!important;font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase}.ant-table-tbody>tr>td{border-bottom-color:var(--line)!important}.ant-table-tbody>tr:hover>td{background:var(--row-hover)!important}.ant-menu-light,.ant-menu-dark{background:transparent!important}.tech-sider .ant-menu{background:transparent!important;color:var(--muted);padding:8px 8px 24px}.tech-sider .ant-menu-item{margin:4px 0!important;border-radius:4px!important;width:auto!important}.tech-sider .ant-menu-item-selected{background:var(--menu-active)!important;color:var(--accent-hot)!important;box-shadow:inset 2px 0 0 var(--accent)}.tech-sider .ant-menu-item:hover{color:var(--accent)!important}.tech-sider .ant-menu-item-divider{border-color:var(--line)!important}.tech-tag{border:1px solid var(--line-strong)!important;background:var(--tag-bg)!important;color:var(--accent-hot)!important;font-family:var(--font-mono);letter-spacing:.08em}.tech-user{color:var(--ink);font-family:var(--font-mono);font-size:13px}.ant-btn-primary{box-shadow:var(--glow-strong)}.ant-btn-link{color:var(--accent)!important}.ant-statistic-title{color:var(--muted)!important;font-family:var(--font-mono);font-size:12px!important;letter-spacing:.08em;text-transform:uppercase}.ant-statistic-content{color:var(--ink)!important;font-family:var(--font-display)}.ant-input,.ant-input-affix-wrapper,.ant-select-selector,.ant-picker{background:var(--input-bg)!important;border-color:var(--line)!important;color:var(--ink)!important}.ant-input:focus,.ant-input-affix-wrapper-focused,.ant-select-focused .ant-select-selector{border-color:var(--accent)!important;box-shadow:0 0 0 2px #22d3ee26!important}.ant-form-item-label>label{color:var(--muted)!important;letter-spacing:.08em}