:root{
 --bg:#07111f; --card:#0d1a2b; --line:#1d3149; --text:#eaf3ff; --muted:#8fa4bd;
 --accent:#63b3ff; --good:#43e0a4; --shadow:0 18px 50px rgba(0,0,0,.28);
}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 0%,#12345a 0,transparent 34%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}
.shell{max-width:1500px;margin:auto;padding:28px}
.topbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.brand{font-weight:900;letter-spacing:.16em;font-size:22px}.brand span{font-weight:500}.subtitle{color:var(--muted);margin-top:5px}
.live-pill{border:1px solid #23533f;background:#0a211a;padding:9px 13px;border-radius:999px;font-weight:800;font-size:12px;display:flex;gap:8px;align-items:center}.live-pill i{width:8px;height:8px;background:var(--good);border-radius:50%;box-shadow:0 0 14px var(--good);display:inline-block}
.metrics{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:18px}.metrics article,.card{background:linear-gradient(145deg,rgba(17,33,53,.96),rgba(9,22,37,.96));border:1px solid var(--line);box-shadow:var(--shadow);border-radius:18px}
.metrics article{padding:18px}.metrics span{font-size:11px;color:var(--muted);letter-spacing:.12em}.metrics strong{display:block;font-size:34px;margin:7px 0}.metrics em{font-style:normal;color:var(--muted);font-size:12px}
.grid{display:grid;grid-template-columns:2fr 1fr;gap:18px}.card{padding:18px}.map-card{min-height:560px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.card-head h2{font-size:17px;margin:0}.card-head p{color:var(--muted);font-size:12px;margin:5px 0 0}.card-head button{background:#10263d;border:1px solid var(--line);color:var(--text);border-radius:9px;padding:7px 10px;cursor:pointer}
#map{height:455px;position:relative;overflow:hidden;border-radius:14px;background:linear-gradient(#091827,#081522);border:1px solid #17304b}.map-grid{position:absolute;inset:0;background:linear-gradient(rgba(99,179,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(99,179,255,.05) 1px,transparent 1px);background-size:42px 42px;transform:perspective(500px) rotateX(55deg) scale(1.35);transform-origin:center bottom}.world{position:absolute;inset:8% 5%}.continent{position:absolute;display:block;background:#17344d;border:1px solid #28506f;opacity:.92}.c1{width:25%;height:30%;left:9%;top:22%;border-radius:50% 30% 45% 35%;transform:rotate(-15deg)}.c2{width:14%;height:29%;left:28%;top:55%;border-radius:50% 45% 40% 50%;transform:rotate(12deg)}.c3{width:22%;height:25%;left:43%;top:23%;border-radius:40% 50% 45% 35%}.c4{width:12%;height:28%;left:51%;top:48%;border-radius:50% 40% 55% 45%;transform:rotate(12deg)}.c5{width:25%;height:25%;left:65%;top:25%;border-radius:45% 55% 35% 40%;transform:rotate(8deg)}.c6{width:10%;height:18%;left:75%;top:58%;border-radius:50%}
.marker{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(67,224,164,.12),0 0 20px rgba(67,224,164,.65);cursor:pointer}.marker:after{content:"";position:absolute;inset:-7px;border:1px solid rgba(67,224,164,.4);border-radius:50%;animation:pulse 2s infinite}.tip{position:absolute;left:16px;top:-10px;background:#07111f;border:1px solid var(--line);padding:8px 10px;border-radius:8px;min-width:130px;font-size:11px;z-index:5;white-space:nowrap;display:none}.marker:hover .tip{display:block}
@keyframes pulse{50%{transform:scale(1.7);opacity:.2}100%{transform:scale(1);opacity:1}}
.list,.activity{display:flex;flex-direction:column;gap:10px}.country-row,.activity-row{padding:10px;border:1px solid #18304a;border-radius:11px;background:#0a1727}.country-row{display:grid;grid-template-columns:32px 1fr auto;gap:8px;align-items:center}.flag{font-size:20px}.country-name{font-weight:700;font-size:13px}.bar{height:4px;background:#12283f;border-radius:9px;margin-top:6px;overflow:hidden}.bar i{display:block;height:100%;background:var(--accent);border-radius:9px}.count{font-weight:800}.categories{display:grid;gap:12px}.cat-head{display:flex;justify-content:space-between;font-size:13px}.cat-head span:last-child{color:var(--muted)}.catbar{height:8px;background:#12283f;border-radius:8px;margin-top:6px;overflow:hidden}.catbar i{display:block;height:100%;background:var(--accent);border-radius:8px}.activity-row{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.activity-row .flag{font-size:18px}.activity-row b{font-size:12px}.activity-row small{display:block;color:var(--muted);margin-top:3px}.time{color:var(--muted);font-size:11px}
footer{text-align:center;color:#6f8299;font-size:11px;padding:25px 0 8px}
@media(max-width:1000px){.metrics{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr}}
@media(max-width:600px){.shell{padding:15px}.topbar{align-items:flex-start}.metrics{grid-template-columns:repeat(2,1fr)}.metrics article:last-child{grid-column:span 2}#map{height:370px}.map-card{min-height:auto}.metrics strong{font-size:27px}}