:root{--bg: #070a12;--bg-2: #0b1020;--panel: #11182b;--panel-2: #161f36;--border: #233049;--border-soft: #1a2336;--text: #e8eefc;--text-dim: #9fb0d0;--text-faint: #64748b;--brand: #4f8cff;--brand-2: #2ee6a6;--up: #2ee6a6;--down: #ff5d73;--warn: #ffb547;--shadow: 0 10px 30px rgba(0, 0, 0, .35);--radius: 14px;font-family:Segoe UI,Tahoma,system-ui,-apple-system,sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,#13203c 0%,transparent 60%),radial-gradient(900px 500px at -10% 10%,#0e1a30 0%,transparent 55%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:#1f2c45;border-radius:8px}::-webkit-scrollbar-track{background:transparent}.app{display:grid;grid-template-columns:256px 1fr;min-height:100vh}.sidebar{background:linear-gradient(180deg,var(--bg-2),#080c16);border-inline-start:1px solid var(--border-soft);padding:18px 14px;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:6px}.brand{display:flex;align-items:center;gap:10px;padding:6px 8px 18px}.brand img{width:34px;height:34px}.brand .name{font-weight:800;font-size:18px;letter-spacing:.3px}.brand .name span{background:linear-gradient(90deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent}.brand .sub{font-size:11px;color:var(--text-faint)}.nav-link{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--text-dim);font-size:14.5px;font-weight:600;transition:.15s}.nav-link:hover{background:var(--panel);color:var(--text)}.nav-link.active{background:linear-gradient(90deg,#4f8cff2e,#2ee6a614);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.nav-link .ico{width:20px;text-align:center;font-size:17px}.sidebar-footer{margin-top:auto;padding:12px 10px;font-size:11px;color:var(--text-faint);border-top:1px solid var(--border-soft)}.main{min-width:0;padding:22px 26px 60px}.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.topbar h1{font-size:22px;margin:0}.topbar .crumb{font-size:12.5px;color:var(--text-faint);margin-bottom:2px}.search-box{position:relative;width:320px;max-width:38vw}.search-box input{width:100%;background:var(--panel);border:1px solid var(--border);color:var(--text);padding:10px 38px 10px 14px;border-radius:10px;font-size:14px;outline:none}.search-box input:focus{border-color:var(--brand)}.search-box .ico{position:absolute;inset-inline-end:12px;top:50%;transform:translateY(-50%);color:var(--text-faint)}.search-results{position:absolute;top:46px;inset-inline-start:0;inset-inline-end:0;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);z-index:40;overflow:hidden}.search-results a{display:flex;justify-content:space-between;padding:10px 14px;font-size:14px;border-bottom:1px solid var(--border-soft)}.search-results a:hover{background:var(--panel)}.card{background:linear-gradient(180deg,var(--panel),var(--bg-2));border:1px solid var(--border-soft);border-radius:var(--radius);padding:18px}.card-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.card-title h3{margin:0;font-size:15px;font-weight:700}.card-title .hint{font-size:12px;color:var(--text-faint)}.grid{display:grid;gap:16px}.cols-4{grid-template-columns:repeat(4,1fr)}.cols-3{grid-template-columns:repeat(3,1fr)}.cols-2{grid-template-columns:repeat(2,1fr)}@media (max-width: 1100px){.cols-4,.cols-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.app{grid-template-columns:1fr}.sidebar{position:static;height:auto;flex-direction:row;flex-wrap:wrap}.cols-4,.cols-3,.cols-2{grid-template-columns:1fr}}.stat{display:flex;flex-direction:column;gap:6px}.stat .label{font-size:12.5px;color:var(--text-dim)}.stat .value{font-size:24px;font-weight:800}.stat .value.small{font-size:19px}.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;font-size:12px;font-weight:700}.pill.up{color:var(--up);background:#2ee6a61f}.pill.down{color:var(--down);background:#ff5d731f}.pill.neutral{color:var(--text-dim);background:var(--panel-2)}.pill.warn{color:var(--warn);background:#ffb5471f}.up-text{color:var(--up)}.down-text{color:var(--down)}table.tbl{width:100%;border-collapse:collapse;font-size:14px}table.tbl th{text-align:start;color:var(--text-faint);font-weight:600;font-size:12.5px;padding:10px 12px;border-bottom:1px solid var(--border-soft)}table.tbl td{padding:12px;border-bottom:1px solid var(--border-soft)}table.tbl tr:hover td{background:#ffffff05}table.tbl .asset{display:flex;align-items:center;gap:10px;font-weight:700}table.tbl .asset img{width:26px;height:26px;border-radius:50%;background:var(--panel-2)}table.tbl .asset .sym{font-size:12px;color:var(--text-faint);font-weight:600}.btn{border:1px solid var(--border);background:var(--panel-2);color:var(--text);padding:9px 16px;border-radius:10px;font-weight:700;font-size:14px;transition:.15s}.btn:hover{border-color:var(--brand)}.btn.primary{background:linear-gradient(90deg,var(--brand),#3a78f0);border:none}.btn.up{background:linear-gradient(90deg,var(--up),#1fcf93);border:none;color:#042018}.btn.down{background:linear-gradient(90deg,var(--down),#ef4459);border:none;color:#2a0710}.btn.ghost{background:transparent}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.sm{padding:6px 12px;font-size:13px}.iconbtn{background:var(--panel-2);border:1px solid var(--border);color:var(--text-dim);width:34px;height:34px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;font-size:16px}.iconbtn:hover,.iconbtn.on{color:var(--warn);border-color:var(--warn)}.tag{font-size:11px;padding:2px 8px;border-radius:6px;background:var(--panel-2);color:var(--text-dim);border:1px solid var(--border-soft)}.muted{color:var(--text-faint)}.dim{color:var(--text-dim)}.loader{display:inline-block;width:18px;height:18px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.center-load{display:flex;align-items:center;justify-content:center;gap:10px;padding:50px;color:var(--text-dim)}@keyframes spin{to{transform:rotate(360deg)}}.bar{height:8px;border-radius:999px;background:var(--panel-2);overflow:hidden}.bar>span{display:block;height:100%;border-radius:999px}.segmented{display:inline-flex;background:var(--panel-2);border:1px solid var(--border);border-radius:10px;padding:3px;gap:3px}.segmented button{border:none;background:transparent;color:var(--text-dim);padding:6px 12px;border-radius:8px;font-size:13px;font-weight:700}.segmented button.active{background:var(--brand);color:#fff}.agent-card{display:flex;flex-direction:column;gap:10px}.agent-head{display:flex;align-items:center;gap:12px}.agent-ico{width:42px;height:42px;border-radius:11px;display:grid;place-items:center;font-size:20px;background:var(--panel-2);border:1px solid var(--border)}.banner{background:linear-gradient(90deg,#4f8cff1f,#2ee6a60f);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-size:13px;color:var(--text-dim);display:flex;gap:10px;align-items:center}.kv{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--border-soft);font-size:14px}.kv:last-child{border-bottom:none}.kv .k{color:var(--text-dim)}.kv .v{font-weight:700}.empty{text-align:center;padding:40px 20px;color:var(--text-faint)}.empty .big{font-size:40px;margin-bottom:8px}.live-badge{display:inline-flex;align-items:center;gap:4px;vertical-align:middle;color:var(--up)}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--up);box-shadow:0 0 #2ee6a699;animation:live-pulse 1.6s infinite}@keyframes live-pulse{0%{box-shadow:0 0 #2ee6a68c}70%{box-shadow:0 0 0 6px #2ee6a600}to{box-shadow:0 0 #2ee6a600}}