*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;font-family:Inter,system-ui,Segoe UI,sans-serif;background:#07111f;color:#e8eef8}.app{height:100%;display:grid;grid-template-rows:54px 1fr 34px}header,footer{display:flex;align-items:center;gap:12px;padding:0 16px;background:#0b1727;border-color:#24364c;border-style:solid;border-width:0 0 1px 0;z-index:4}.brand{font-weight:800;color:#fff;text-decoration:none}.badge{padding:5px 8px;border:1px solid #38516d;border-radius:999px;font-size:11px}.warning{border-color:#8c6b2d;color:#f4cf7a}#feed-health{margin-left:auto;font-size:12px;color:#9eb0c5}main{position:relative;min-height:0}#map{position:absolute;inset:0}.panel{position:absolute;top:14px;left:14px;width:330px;max-height:calc(100% - 28px);overflow:auto;background:rgba(7,17,31,.94);border:1px solid #29405a;border-radius:14px;padding:16px;box-shadow:0 12px 40px rgba(0,0,0,.35);z-index:3}.panel h1{margin:0 0 6px;font-size:18px}.panel h2{font-size:13px;margin:18px 0 8px}.note{font-size:12px;color:#a8b7c8;line-height:1.45}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:12px 0}.stats div{background:#101f32;border:1px solid #243b54;border-radius:10px;padding:8px;display:flex;flex-direction:column;gap:3px}.stats span{font-size:10px;color:#97a9bd}.stats strong{font-size:18px}.filters{display:grid;gap:6px;padding:8px 0}.filters label{font-size:12px}.detail{margin-top:10px;padding:10px;border-radius:10px;background:#0f1e30;border:1px solid #29415c;display:grid;gap:5px;font-size:12px}.detail span{color:#a9b7c7}.event-item{padding:8px 0;border-top:1px solid #20344a;font-size:11px;line-height:1.4}.event-item b{display:block;font-size:12px}footer{border-width:1px 0 0;font-size:11px;color:#97a8ba;justify-content:space-between}@media(max-width:720px){.panel{left:8px;top:8px;width:calc(100% - 16px);max-height:42%;}.app{grid-template-rows:48px 1fr 46px}header{padding:0 9px;gap:6px}.badge{font-size:9px;padding:4px 6px}footer{padding:0 9px;font-size:9px;gap:8px}.stats strong{font-size:15px}}