:root{--bg:#0f1720;--panel:#15202b;--ink:#e8eef4;--muted:#9db0c0;--accent:#3db8a0;--warn:#5a3d12;--warnink:#ffe7b8}
*{box-sizing:border-box}
body{margin:0;font:15px/1.45 system-ui,sans-serif;background:var(--bg);color:var(--ink)}
.top{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding:.75rem 1rem;border-bottom:1px solid #243241}
.top .muted,.muted{color:var(--muted)}
.top a{color:var(--accent);text-decoration:none}
.warn{margin:0;padding:.7rem 1rem;background:var(--warn);color:var(--warnink);font-size:.92rem}
.layout{display:grid;grid-template-columns:minmax(280px,360px) 1fr;min-height:calc(100vh - 110px)}
.panel{padding:1rem;background:var(--panel);overflow:auto;border-right:1px solid #243241}
.panel h1{font-size:1.05rem;margin:.2rem 0 .5rem}
.panel h2{font-size:.95rem;margin:1.1rem 0 .4rem;color:#c9d7e3}
label{display:block;margin:.55rem 0;font-size:.9rem}
select,input{width:100%;margin-top:.25rem;padding:.45rem .55rem;border-radius:8px;border:1px solid #314556;background:#0d141c;color:var(--ink)}
button{margin-top:.4rem;width:100%;padding:.55rem .7rem;border:0;border-radius:8px;background:var(--accent);color:#04241e;font-weight:650;cursor:pointer}
.sonuc{margin-top:.7rem;padding:.6rem;background:#0d141c;border-radius:8px;white-space:pre-wrap;font-size:.85rem;border:1px solid #314556}
.ozet{padding-left:1.1rem;margin:.3rem 0;color:#d5e1ea}
.chk{display:flex;gap:.5rem;align-items:center;margin:.35rem 0}
.small{font-size:.8rem}
#map{min-height:420px}
a{color:var(--accent)}
@media (max-width:820px){
  .layout{grid-template-columns:1fr;grid-template-rows:auto 55vh}
  .panel{border-right:0;border-bottom:1px solid #243241;max-height:48vh}
}

.tnav{display:flex;gap:.9rem;flex-wrap:wrap}.tnav a{color:var(--accent);text-decoration:none;font-size:.9rem}