:root{color-scheme:dark;font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;background:#101416;color:#e8edeb}*{box-sizing:border-box}body{margin:0}header{height:64px;display:flex;align-items:center;gap:45px;padding:0 5%;border-bottom:1px solid #303a39;background:#151b1b}.brand{font-size:20px;color:#63d8b2;text-decoration:none;white-space:nowrap}.brand b{color:#f3f6f3}nav{display:flex;align-self:stretch;gap:8px}button{font:inherit;cursor:pointer;border:0;background:#51cba2;color:#0d2119;padding:11px 19px;border-radius:4px;font-weight:600}nav button{background:none;color:#a5b2ad;border-radius:0;padding:0 16px;border-bottom:2px solid transparent}nav button.active{color:#f3f6f3;border-bottom-color:#69d9af}.status{margin-left:auto;color:#77d7a3;font-size:12px;white-space:nowrap}main{max-width:1440px;margin:auto;padding:40px 5%}.heading{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px}.eyebrow{color:#66d1a7;font-size:11px;font-weight:700;letter-spacing:0}h1{font-size:30px;margin:8px 0}h2{font-size:16px;margin:0}.heading p,.map-note{color:#9ca9a3;margin:0;font-size:13px}.secondary{background:#252e2c;color:#e0eae5;border:1px solid #46514c}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #303a36;margin-bottom:32px}.metrics>div{padding:20px 24px;border-right:1px solid #303a36}.metrics>div:first-child{padding-left:0}.metrics span,.metrics strong{display:block}.metrics span{color:#99a8a1;font-size:12px;margin-bottom:8px}.metrics strong{font-size:24px}.dashboard{display:grid;grid-template-columns:minmax(0,3fr) minmax(240px,1fr);gap:32px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:16px}.section-title span{font-size:12px;color:#92a39a}#world-map{height:500px;background:#18211f}#query-map{height:420px;background:#18211f}.map-note{margin-top:10px}.ranking>div{display:flex;justify-content:space-between;border-bottom:1px solid #303a36;padding:13px 0;font-size:14px}.ranking strong{color:#81d9b4}.search{display:flex;gap:10px;max-width:850px;margin-bottom:22px}.search input{flex:1;min-width:0;background:#1c2522;color:#fff;border:1px solid #46534c;border-radius:4px;padding:12px;font:inherit;outline:none}.search input:focus{border-color:#65d7ad}.result-layout{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:32px}.details{border-top:1px solid #303a36}.details div{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid #303a36;font-size:13px}.details span{color:#9ca9a3}.details strong{text-align:right;overflow-wrap:anywhere}.message{color:#edb972;min-height:20px;font-size:13px}.login{max-width:480px}.login label{display:block;margin-bottom:10px;font-size:13px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{color:#93a49a;font-weight:500}td,th{padding:14px;border-bottom:1px solid #303a36;white-space:nowrap}.pagination{display:flex;align-items:center;gap:15px;margin-top:20px;color:#a7b5ad;font-size:13px}.leaflet-container{font-family:inherit}.leaflet-control-attribution{color:#333}.leaflet-popup-content{color:#222}@media(max-width:700px){header{height:auto;min-height:60px;flex-wrap:wrap;gap:0;padding:14px 5% 0}.brand{width:100%;margin-bottom:8px}nav{height:48px;flex:1}nav button{padding:0 10px}.status{display:none}main{padding-top:28px}.heading{align-items:start}h1{font-size:25px}.dashboard,.result-layout{grid-template-columns:1fr}.metrics>div{padding:16px 8px}.metrics strong{font-size:17px}#world-map{height:360px}#query-map{height:320px}.search{flex-wrap:wrap}.search input{flex-basis:100%}}