/* ASLAN VARIŞ — Panel stili */
:root{
  --lac:#0f172a; --lac2:#1e293b; --mavi:#2563eb; --mavi-ac:#3b82f6;
  --zemin:#f1f5f9; --kart:#ffffff; --cizgi:#e2e8f0; --cizgi2:#cbd5e1;
  --yazi:#0f172a; --soluk:#64748b; --yesil:#16a34a; --yesil-z:#dcfce7;
  --kirmizi:#dc2626; --kirmizi-z:#fee2e2; --sari:#d97706; --sari-z:#fef3c7;
  --golge:0 1px 3px rgba(15,23,42,.08),0 1px 2px rgba(15,23,42,.04);
  --r:12px;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--zemin);color:var(--yazi);font-size:15px;line-height:1.5}
a{color:inherit;text-decoration:none}

.kabuk{display:flex;min-height:100vh}

/* ---- Yan menü ---- */
.yan{width:250px;background:var(--lac);color:#cbd5e1;display:flex;flex-direction:column;position:sticky;top:0;height:100vh;flex-shrink:0}
.marka{padding:22px 20px;font-size:18px;letter-spacing:.5px;color:#fff;display:flex;align-items:center;gap:10px;border-bottom:1px solid #ffffff14}
.marka b{color:var(--mavi-ac)}
.marka-nokta{width:10px;height:10px;border-radius:50%;background:var(--mavi-ac);box-shadow:0 0 0 4px #3b82f633}
.menu{display:flex;flex-direction:column;gap:2px;padding:14px 12px;flex:1}
.menu a{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:10px;color:#cbd5e1;font-weight:500;transition:.15s}
.menu a svg{width:20px;height:20px;opacity:.85}
.menu a:hover{background:#ffffff10;color:#fff}
.menu a.aktif{background:var(--mavi);color:#fff}
.menu a.aktif svg{opacity:1}
.yan-alt{padding:14px 16px;border-top:1px solid #ffffff14}
.kul{color:#fff;font-weight:600;margin-bottom:10px;line-height:1.2}
.kul small{display:block;color:#94a3b8;font-weight:400;font-size:12px}
.cikis{display:flex;align-items:center;gap:8px;color:#cbd5e1;font-size:14px}
.cikis svg{width:18px;height:18px}
.cikis:hover{color:#fff}

/* ---- İçerik ---- */
.icerik{flex:1;min-width:0;display:flex;flex-direction:column}
.ust{background:var(--kart);border-bottom:1px solid var(--cizgi);padding:18px 28px;position:sticky;top:0;z-index:5}
.ust h1{margin:0;font-size:21px;font-weight:700}
.govde{padding:26px 28px;max-width:1200px;width:100%}

/* ---- Flash ---- */
.flash{margin:16px 28px 0;padding:12px 16px;border-radius:10px;font-weight:500}
.flash.ok{background:var(--yesil-z);color:#166534}
.flash.hata{background:var(--kirmizi-z);color:#991b1b}

/* ---- Kartlar / özet ---- */
.ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px}
.oz{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:18px 20px;box-shadow:var(--golge)}
.oz .n{font-size:30px;font-weight:800;line-height:1;letter-spacing:-1px}
.oz .e{color:var(--soluk);font-size:13px;margin-top:8px;font-weight:500}
.oz.vurgu{background:linear-gradient(135deg,var(--mavi),#1d4ed8);color:#fff;border:none}
.oz.vurgu .e{color:#dbeafe}

.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);box-shadow:var(--golge);margin-bottom:22px;overflow:hidden}
.kart-bas{padding:16px 20px;border-bottom:1px solid var(--cizgi);display:flex;align-items:center;justify-content:space-between;gap:12px}
.kart-bas h2{margin:0;font-size:16px;font-weight:700}
.kart-ic{padding:20px}
.kart-ic.sifir{padding:0}

/* ---- Tablo ---- */
.tablo-sar{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:14px}
th,td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--cizgi);white-space:nowrap}
th{color:var(--soluk);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.4px;background:#f8fafc}
tbody tr:hover{background:#f8fafc}
td.kisi{font-weight:600}
.bos{padding:44px;text-align:center;color:var(--soluk)}

/* ---- Rozet ---- */
.rozet{display:inline-flex;align-items:center;gap:5px;padding:3px 10px;border-radius:20px;font-size:12px;font-weight:600}
.rozet svg{width:13px;height:13px}
.rozet.yesil{background:var(--yesil-z);color:#166534}
.rozet.sari{background:var(--sari-z);color:#92400e}
.rozet.gri{background:#e2e8f0;color:#475569}
.rozet.mavi{background:#dbeafe;color:#1e40af}
.tip-giris{color:var(--yesil);font-weight:600}
.tip-cikis{color:var(--sari);font-weight:600}

/* ---- Form ---- */
.form{display:grid;gap:16px;max-width:520px}
.form.iki{grid-template-columns:1fr 1fr}
.alan{display:flex;flex-direction:column;gap:6px}
.alan.tam{grid-column:1/-1}
label{font-size:13px;font-weight:600;color:#334155}
input,select,textarea{font:inherit;padding:10px 12px;border:1px solid var(--cizgi2);border-radius:9px;background:#fff;color:var(--yazi);width:100%}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--mavi);box-shadow:0 0 0 3px #2563eb22}
.ipucu{font-size:12px;color:var(--soluk)}

.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:9px;border:1px solid transparent;font:inherit;font-weight:600;cursor:pointer;transition:.15s}
.btn svg{width:17px;height:17px}
.btn-ana{background:var(--mavi);color:#fff}
.btn-ana:hover{background:#1d4ed8}
.btn-ikincil{background:#fff;color:var(--yazi);border-color:var(--cizgi2)}
.btn-ikincil:hover{background:#f8fafc}
.btn-teh{background:#fff;color:var(--kirmizi);border-color:#fecaca}
.btn-teh:hover{background:var(--kirmizi-z)}
.btn-mini{padding:6px 12px;font-size:13px}
.satir-islem{display:flex;gap:8px}

/* ---- Harita ---- */
#harita,#mini-harita{height:340px;border-radius:10px;border:1px solid var(--cizgi);z-index:0}
.harita-ipucu{font-size:13px;color:var(--soluk);margin:10px 0 0}

/* ---- Giriş ekranı ---- */
.giris-kabuk{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(1200px 600px at 50% -10%,#1e3a8a,var(--lac))}
.giris-kart{background:#fff;border-radius:16px;padding:38px 34px;width:380px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.giris-marka{text-align:center;font-size:22px;font-weight:800;margin-bottom:4px}
.giris-marka b{color:var(--mavi)}
.giris-alt{text-align:center;color:var(--soluk);font-size:13px;margin-bottom:26px}
.giris-kart .alan{margin-bottom:16px}
.giris-kart .btn{width:100%;justify-content:center;padding:12px}
.giris-hata{background:var(--kirmizi-z);color:#991b1b;padding:10px 14px;border-radius:9px;font-size:14px;margin-bottom:16px;text-align:center}

/* ---- Filtre çubuğu ---- */
.filtre{display:flex;flex-wrap:wrap;gap:12px;align-items:end}
.filtre .alan{min-width:150px}

@media(max-width:820px){
  .yan{width:64px}
  .marka b,.menu a span,.kul,.cikis{display:none}
  .marka{justify-content:center;padding:18px 0}
  .menu a{justify-content:center;padding:12px}
  .form.iki{grid-template-columns:1fr}
  .govde,.ust{padding-left:16px;padding-right:16px}
}