:root{--bg:#0a1226;--p:#111c3a;--p2:#17254a;--ln:#243562;--tx:#e6ecff;--mu:#8fa0cc;--ac:#4f8cff;--ac2:#7cc4ff;--ok:#3ecf8e;--warn:#f5b84b;--bad:#ff6b7a}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(1200px 600px at 80% -10%,#16295a 0,var(--bg) 60%);color:var(--tx);font:15px/1.5 Inter,sans-serif;display:flex;min-height:100vh}
aside{width:220px;padding:24px 16px;border-right:1px solid var(--ln);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:20px}
.brand b{font:700 20px Sora;color:var(--ac2);display:block}.brand span{color:var(--mu);font-size:13px}
nav{display:flex;flex-direction:column;gap:4px}nav button{background:none;border:0;color:var(--mu);text-align:left;padding:10px 12px;border-radius:8px;font:500 15px Inter;cursor:pointer;transition:.2s}
nav button:hover{background:var(--p)}nav button.on{background:var(--p2);color:var(--tx);box-shadow:inset 3px 0 var(--ac)}
.tag{margin-top:auto;color:var(--mu);font-size:12px}
main{flex:1;padding:24px;min-width:0}.view{display:none}.view.on{display:block;animation:in .35s}@keyframes in{from{opacity:0;transform:translateY(6px)}}
.bar{display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--p);border:1px solid var(--ln);padding:14px;border-radius:12px}
label{display:flex;flex-direction:column;gap:4px;color:var(--mu);font-size:13px}
input,select,textarea{background:var(--bg);color:var(--tx);border:1px solid var(--ln);border-radius:8px;padding:9px 10px;font:inherit;min-width:140px}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--ac);outline-offset:1px}
button{background:var(--p2);color:var(--tx);border:1px solid var(--ln);border-radius:8px;padding:9px 14px;font:500 14px Inter;cursor:pointer}button:disabled{opacity:.4;cursor:not-allowed}
.pri{background:linear-gradient(135deg,var(--ac),#2f6bd8);border:0}
.hint{color:var(--mu);font-size:13px;margin:8px 2px}.na{color:var(--mu);font-style:italic}
.split{display:grid;grid-template-columns:1.2fr 1fr;gap:16px}#map{height:640px;border-radius:12px;border:1px solid var(--ln)}
#results{display:flex;flex-direction:column;gap:10px;max-height:640px;overflow:auto}
.card{background:var(--p);border:1px solid var(--ln);border-radius:12px;padding:14px}.card h4{margin:0 0 2px;font:600 16px Sora}.card small{color:var(--mu)}
.card dl{margin:8px 0;display:grid;grid-template-columns:70px 1fr;gap:2px 8px;font-size:13px}dt{color:var(--mu)}dd{margin:0;overflow-wrap:anywhere}
.badge{float:right;padding:2px 10px;border-radius:99px;font-size:12px;font-weight:600}.High{background:#12392b;color:var(--ok)}.Medium{background:#3d3012;color:var(--warn)}.Low{background:#2a3150;color:var(--mu)}
details{font-size:12px;color:var(--mu);margin:6px 0}.acts{display:flex;gap:8px;margin-top:8px}
.status{padding:14px;border-radius:12px;margin-bottom:10px;display:none}.status.on{display:block;background:var(--p);border:1px solid var(--ln)}.status.error{border-color:var(--bad)}.status.rate{border-color:var(--warn)}
.status.load::before{content:"";display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid var(--ac);border-top-color:transparent;border-radius:50%;animation:sp .8s linear infinite;vertical-align:-2px}@keyframes sp{to{transform:rotate(360deg)}}
.lead{display:grid;grid-template-columns:2fr 1fr 1fr 2fr auto;gap:10px;align-items:center;padding:12px;background:var(--p);border:1px solid var(--ln);border-radius:12px;margin-top:10px}.lead input,.lead select{min-width:0;width:100%}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--p);border:1px solid var(--ln);border-radius:12px;padding:16px}.stat b{font:700 30px Sora;display:block}.stat span{color:var(--mu);font-size:13px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:16px}.panel{background:var(--p);border:1px solid var(--ln);border-radius:12px;padding:16px}.narrow{max-width:460px;display:flex;flex-direction:column;gap:12px}.narrow input{width:100%}
.daily{display:flex;align-items:flex-end;gap:10px;height:140px}.daily div{flex:1;text-align:center;font-size:11px;color:var(--mu)}.daily i{display:block;background:var(--ac);border-radius:4px 4px 0 0;min-height:2px}
table{width:100%;border-collapse:collapse}td{padding:10px;border-top:1px solid var(--ln);vertical-align:top}td:first-child{font-weight:500}
dialog{background:var(--p);color:var(--tx);border:1px solid var(--ln);border-radius:14px;width:min(560px,94vw)}dialog::backdrop{background:#000a}dialog textarea{width:100%;margin:10px 0}.row{display:flex;gap:8px;flex-wrap:wrap}
@media(max-width:900px){body{flex-direction:column}aside{width:100%;height:auto;position:static;flex-direction:row;align-items:center;overflow-x:auto;padding:10px}.tag,.brand span{display:none}nav{flex-direction:row}.split,.two{grid-template-columns:1fr}#map{height:380px}#results{max-height:none}.lead{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
