.log-dashboard{display:grid;gap:18px}.log-hero{position:relative;min-height:300px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;overflow:hidden;padding:40px;border:1px solid #ffffff1b;border-radius:22px;background:radial-gradient(circle at 82% 50%,#7039c83d,transparent 28%),linear-gradient(135deg,#15101f,#0b111a 62%,#08121b);box-shadow:0 25px 80px #0007}.log-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:36px 36px;mask-image:linear-gradient(90deg,transparent,#000)}.log-hero>*{position:relative}.log-hero h2{font-size:clamp(42px,5vw,72px);line-height:.9;letter-spacing:-.065em;margin:15px 0}.log-hero h2 em{font-style:normal;background:linear-gradient(90deg,var(--pink),#ae80ff,var(--blue));background-clip:text;color:transparent}.log-hero p{max-width:580px;color:#8d97a3;line-height:1.6;font-size:13px}.log-radar{justify-self:center;position:relative;width:190px;height:190px;display:grid;place-content:center;text-align:center;border:1px solid #8b5cff55;border-radius:50%;background:radial-gradient(circle,#10131b 42%,#8b5cff12 43%,transparent 65%);box-shadow:0 0 75px #713ee933}.log-radar:before,.log-radar:after,.log-radar>i{content:"";position:absolute;border:1px solid #8266cf45;border-radius:50%;inset:19px}.log-radar:after{inset:-18px;border-style:dashed;animation:log-spin 16s linear infinite}.log-radar>i:nth-child(1){inset:45px}.log-radar>i:nth-child(2){width:8px;height:8px;inset:10px auto auto 42px;border:0;background:var(--pink);box-shadow:0 0 20px var(--pink);animation:log-pulse 2s ease-in-out infinite}.log-radar>i:nth-child(3){inset:50% -20px auto;height:1px;border:0;border-radius:0;background:linear-gradient(90deg,transparent,#8b5cff,transparent);animation:log-scan 4s ease-in-out infinite}.log-radar b{font-size:28px}.log-radar span{color:#b99cff;font:700 12px monospace}.log-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.log-stats>div{position:relative;overflow:hidden;padding:20px;border:1px solid #ffffff17;border-radius:14px;background:linear-gradient(145deg,#131721,#0b0e14)}.log-stats>div:after{content:"";position:absolute;inset:auto 0 0;height:2px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--blue));opacity:.6}.log-stats small,.log-stats span{display:block;color:#697582;font:700 8px monospace;letter-spacing:.11em}.log-stats b{display:block;margin:9px 0 5px;font-size:25px}.log-pulse b{color:#65d9ff;font-size:15px!important;margin-top:14px!important}.log-pulse b i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65d9ff;box-shadow:0 0 14px #65d9ff;animation:log-pulse 1.7s infinite}.log-stream{overflow:hidden;border:1px solid #ffffff1c;border-radius:20px;background:#0a0d13d9;box-shadow:0 25px 80px #0006}.log-stream>header{display:flex;align-items:end;justify-content:space-between;padding:24px 26px;border-bottom:1px solid #ffffff12;background:linear-gradient(90deg,#15101f,#0d121a)}.log-stream h3{margin:7px 0 0;font-size:20px}.log-key{display:flex;gap:16px;color:#77828e;font:700 8px monospace}.log-key span{display:flex;align-items:center;gap:6px}.log-key i{width:6px;height:6px;border-radius:50%;background:var(--pink);box-shadow:0 0 10px var(--pink)}.log-key span:last-child i{background:var(--blue);box-shadow:0 0 10px var(--blue)}.log-entry{display:grid;grid-template-columns:64px 24px minmax(125px,.7fr) minmax(270px,1.2fr) minmax(180px,.8fr);align-items:center;gap:13px;padding:17px 25px;border-bottom:1px solid #ffffff0d;transition:.3s}.log-entry:last-child{border:0}.log-entry:hover{background:#151221;transform:translateX(4px)}.log-time b,.log-time span{display:block}.log-time b{font:700 12px monospace}.log-time span{margin-top:4px;color:#58636f;font:700 7px monospace}.log-node{height:100%;position:relative;display:grid;place-items:center}.log-node:before{content:"";position:absolute;top:-22px;bottom:-22px;width:1px;background:#ffffff16}.log-node i{z-index:1;width:9px;height:9px;border:2px solid #9a78ff;border-radius:50%;background:#0a0d13;box-shadow:0 0 15px #8b5cff}.log-market small,.log-market span{display:block;color:#65717d;font:700 7px monospace;letter-spacing:.08em}.log-market a{display:inline-flex;align-items:center;gap:7px;margin:4px 0;font-size:18px;font-weight:850}.log-market a i{color:#9275e8;font-size:11px}.log-venues{display:grid;grid-template-columns:1fr 20px 1fr;align-items:center;gap:8px}.log-venues>div{padding:11px 12px;border:1px solid #ffffff10;border-radius:9px;background:#ffffff05}.log-venues small,.log-venues b{display:block}.log-venues small{color:#f361ad;font:700 7px monospace}.log-venues>div:last-child small{color:#66aeff}.log-venues b{margin-top:5px;color:#c0c7d0;font:700 10px monospace}.log-venues>i{text-align:center;color:#8067c7}.log-gap>div{display:flex;align-items:baseline;gap:5px}.log-gap strong{font-size:17px}.log-gap span,.log-gap small{color:#65717d;font:700 7px monospace}.log-gap em{display:block;height:4px;margin:8px 0 6px;border-radius:4px;background:#ffffff0c;overflow:hidden}.log-gap em i{display:block;width:var(--held);height:100%;border-radius:4px;background:linear-gradient(90deg,var(--pink),var(--violet),var(--blue));box-shadow:0 0 12px #8b5cff}.log-method{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:21px 24px;border:1px solid #ffffff17;border-radius:15px;background:linear-gradient(90deg,#11151c,#11101b)}.log-method small,.log-method b,.log-method span{display:block}.log-method small{color:#65d9ff;font:700 8px monospace}.log-method b{margin:6px 0 4px;font-size:13px}.log-method span{color:#77828e;font-size:10px}.log-method a{white-space:nowrap;padding:11px 14px;border:1px solid #8568d85c;border-radius:9px;color:#c4adff;font:700 9px monospace;transition:.25s}.log-method a:hover{background:#8b5cff;color:#fff;transform:translateY(-2px)}@keyframes log-spin{to{transform:rotate(360deg)}}@keyframes log-pulse{50%{opacity:.45;transform:scale(1.35)}}@keyframes log-scan{50%{transform:rotate(180deg)}}@media(max-width:1050px){.log-entry{grid-template-columns:55px 20px 1fr 1.4fr}.log-gap{grid-column:3/5;margin-top:2px}.log-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.log-hero{grid-template-columns:1fr;padding:26px}.log-radar{display:none}.log-entry{grid-template-columns:48px 15px 1fr;padding:15px}.log-venues,.log-gap{grid-column:3}.log-stats{grid-template-columns:1fr 1fr}.log-stream>header,.log-method{align-items:flex-start;display:block}.log-key{margin-top:14px}.log-method a{display:inline-block;margin-top:16px}}@media(max-width:460px){.log-stats{grid-template-columns:1fr}.log-venues{grid-template-columns:1fr}.log-venues>i{display:none}}@media(prefers-reduced-motion:reduce){.log-radar:after,.log-radar>i,.log-pulse b i{animation:none!important}}
