:root{--bg-0: #030814;--bg-1: #061226;--bg-2: #0a1d3a;--line: rgba(0, 229, 255, .18);--cyan: #00e5ff;--cyan-soft: #4dd0e1;--purple: #7c4dff;--pink: #ff4d6d;--gold: #ffc857;--green: #00ffa3;--text: #cfe9ff;--text-dim: #6a8bb0}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{background:radial-gradient(ellipse at top,#0b2347 0%,var(--bg-0) 60%,#000 100%);color:var(--text);font-family:JetBrains Mono,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased}.screen-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,229,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.06) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 90%);mask-image:radial-gradient(ellipse at center,#000 30%,transparent 90%)}.panel{position:relative;background:linear-gradient(180deg,#0a1d3aa6,#0612268c);border:1px solid var(--line);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:4px;overflow:hidden}.panel:before,.panel:after{content:"";position:absolute;width:14px;height:14px;border-color:var(--cyan);border-style:solid;pointer-events:none}.panel:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.panel:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.panel-title{display:flex;align-items:center;gap:8px;padding:8px 14px;font-size:14px;font-weight:700;color:var(--cyan);letter-spacing:2px;border-bottom:1px dashed var(--line);text-shadow:0 0 8px rgba(0,229,255,.6)}.panel-title .dot{width:6px;height:6px;background:var(--cyan);border-radius:50%;box-shadow:0 0 8px var(--cyan)}.panel-title .en{color:var(--text-dim);font-size:11px;font-weight:400;letter-spacing:1px}.panel-body{padding:8px 12px;height:calc(100% - 36px)}.header{position:relative;height:80px;display:flex;align-items:center;justify-content:space-between;padding:0 32px;background:linear-gradient(180deg,rgba(0,229,255,.1),transparent);border-bottom:1px solid var(--line)}.header-title{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;background:linear-gradient(180deg,#fff 0%,var(--cyan) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:8px;text-shadow:0 0 30px rgba(0,229,255,.4)}.header-sub{font-size:12px;color:var(--text-dim);letter-spacing:4px;margin-top:4px}.header-side{display:flex;align-items:center;gap:24px;font-family:Orbitron,sans-serif}.header-side .time{font-size:28px;color:var(--cyan);font-weight:700;text-shadow:0 0 10px var(--cyan)}.header-side .date{font-size:12px;color:var(--text-dim);letter-spacing:2px}.kpi-bar{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;padding:16px}.kpi-card{position:relative;padding:14px 18px;background:linear-gradient(135deg,#00e5ff14,#7c4dff0d);border:1px solid var(--line);border-radius:4px;overflow:hidden}.kpi-card:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,var(--cyan),transparent);box-shadow:0 0 12px var(--cyan)}.kpi-card .k-label{font-size:12px;color:var(--text-dim);letter-spacing:2px}.kpi-card .k-value{font-family:Orbitron,sans-serif;font-size:36px;font-weight:900;color:#fff;margin-top:4px;text-shadow:0 0 16px rgba(0,229,255,.7)}.kpi-card .k-unit{font-size:14px;color:var(--cyan);margin-left:4px}.main-grid{display:grid;grid-template-columns:360px 1fr 360px;grid-template-rows:1fr 1fr 1fr;gap:16px;padding:0 16px 16px;height:calc(100vh - 190px)}.col-center{grid-column:2;grid-row:1 / span 3}.rank-list{display:flex;flex-direction:column;gap:6px;height:100%;overflow:hidden}.rank-row{display:flex;align-items:center;gap:10px;padding:6px 8px;background:#00e5ff0a;border-left:2px solid var(--cyan);font-size:12px}.rank-row .idx{width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Orbitron;font-weight:900;font-size:11px;background:linear-gradient(135deg,var(--cyan),var(--purple));color:#001}.rank-row.gold .idx{background:linear-gradient(135deg,#ffd84d,#ff8a4d)}.rank-row .name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--text)}.rank-row .val{color:var(--cyan);font-family:Orbitron;font-weight:700}.rank-row .type{color:var(--text-dim);font-size:10px;margin-right:6px}.event-track{display:flex;gap:24px;animation:marquee 60s linear infinite;white-space:nowrap;padding-top:14px}.event-item{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid var(--line);border-radius:20px;background:#00e5ff0d;font-size:12px}.event-item .pill{padding:1px 8px;border-radius:10px;font-size:10px;background:var(--cyan);color:#001}.event-item .pill.MAPPED{background:var(--cyan)}.event-item .pill.PROCESSED{background:var(--purple);color:#fff}.event-item .pill.SIGN_CONTRACT{background:var(--gold)}.event-item .arrow{color:var(--cyan)}.event-item .pid{color:var(--text-dim);font-size:10px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}svg{display:block;width:100%;height:100%}.axis path,.axis line{stroke:var(--line)}.axis text{fill:var(--text-dim);font-size:10px;font-family:JetBrains Mono}.title-slot{margin-left:auto;display:flex;align-items:center}.panel-title{display:flex;align-items:center}.graph-toolbar{display:flex;gap:8px;align-items:center}.graph-toolbar select{background:#00e5ff1a;color:var(--cyan);border:1px solid var(--line);padding:4px 8px;font-family:JetBrains Mono;font-size:12px;outline:none}.graph-toolbar .tab{padding:4px 10px;font-size:12px;cursor:pointer;border:1px solid var(--line);color:var(--text-dim)}.graph-toolbar .tab.active{color:var(--cyan);background:#00e5ff1f;box-shadow:0 0 10px #00e5ff66 inset}.graph-zoombar{position:absolute;bottom:10px;right:12px;z-index:10;display:flex;align-items:center;gap:4px;background:#061226b3;border:1px solid var(--line);padding:4px 6px;border-radius:4px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.graph-zoombar button{width:26px;height:26px;background:#00e5ff14;color:var(--cyan);border:1px solid var(--line);cursor:pointer;font-family:Orbitron;font-size:14px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;transition:all .15s}.graph-zoombar button:hover{background:#00e5ff40;box-shadow:0 0 8px #00e5ff80 inset}.graph-zoombar .hint{margin-left:8px;font-size:10px;color:var(--text-dim);letter-spacing:1px}.big-number{font-family:Orbitron;font-weight:900;font-size:56px;background:linear-gradient(180deg,#fff,var(--cyan));-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 24px rgba(0,229,255,.6)}