body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;margin:0;background:#0b1320;color:#eef}
header{padding:18px 16px;background:#111f38;border-bottom:1px solid #28406b}
header h1{margin:0}
header p{margin:6px 0 0;color:#9db4de}
.status{margin-top:8px;min-height:20px;color:#9dd3ff;font-weight:700}
.status.warn{color:#ffd27d}
.status.ok{color:#9dffb0}
nav{display:flex;gap:8px;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:12px 16px;background:#0f1a2f;position:sticky;top:0;z-index:9}
nav button{white-space:nowrap;flex:0 0 auto;background:#1b2f55;color:#d9e7ff;border:1px solid #31548d;padding:8px 12px;border-radius:8px;cursor:pointer}
nav button.active{background:#2b66c5}
main{padding:16px;max-width:980px;margin:auto}
.tab{display:none}.tab.active{display:block}
form{display:grid;gap:8px;background:#111a2a;border:1px solid #2a3f62;border-radius:12px;padding:12px;margin-bottom:14px}
input,textarea,select,button{font:inherit;padding:10px;border-radius:8px;border:1px solid #35527f;background:#0f1728;color:#eef}
button{background:#2b66c5;border:none;font-weight:700}
.card{background:#101a2b;border:1px solid #2a4168;border-radius:10px;padding:10px;margin:8px 0}
.warn{color:#ffcd7a;font-weight:700}
img.catch{max-width:180px;border-radius:8px;margin-top:8px}
#map{height:320px;border-radius:12px;border:1px solid #2a4168;margin-bottom:10px}
small{color:#a9badb}
ul{margin:8px 0 0 18px;padding:0}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px;margin-bottom:12px}
.stat{background:#12233f;border:1px solid #2f4f82;border-radius:10px;padding:8px}
.row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}
@media (max-width:680px){
  main{padding:10px}
  header h1{font-size:1.25rem}
  header p{font-size:.9rem}
  input,textarea,select,button{font-size:16px}
  .row > *{flex:1 1 100%}
  #map{height:240px}
  img.catch{max-width:100%}
}