:root{
  --bg:#f5f6f8; --yuzey:#fff; --cizgi:#e3e6eb; --yazi:#1d2330; --soluk:#6b7280;
  --ana:#1f5eff; --ana-koyu:#1748c7; --ana-acik:#eaf0ff;
  --ok:#0f8a4f; --ok-acik:#e6f6ee; --warn:#a15c00; --warn-acik:#fff4e0;
  --err:#c62828; --err-acik:#fdeceb; --radius:10px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--yazi);font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif}
a{color:var(--ana);text-decoration:none}
a:hover{text-decoration:underline}
h1{font-size:1.5rem;margin:.2rem 0 1rem;display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
h2{font-size:1.1rem;margin:0 0 .6rem}
h3{font-size:1rem;margin:0 0 .8rem}
h4{font-size:.95rem;margin:1rem 0 .5rem}
section{margin-top:2rem}
.mono{font-variant-numeric:tabular-nums}
.kucuk{font-size:.82rem;color:var(--soluk)}
.sag{text-align:right}

/* Üst menü */
.ust{background:var(--yuzey);border-bottom:1px solid var(--cizgi);display:flex;align-items:center;gap:1rem;padding:0 1.25rem;min-height:58px;position:sticky;top:0;z-index:10}
.logo{font-weight:800;font-size:1.35rem;color:var(--yazi);letter-spacing:-.02em}
.logo span{color:var(--ana)}
.logo:hover{text-decoration:none}
.ust nav{display:flex;align-items:center;gap:.25rem;flex:1;flex-wrap:wrap}
.ust nav a{color:var(--yazi);padding:.45rem .7rem;border-radius:8px;white-space:nowrap}
.ust nav a:hover{background:var(--bg);text-decoration:none}
.ust nav a.aktif{background:var(--ana-acik);color:var(--ana);font-weight:600}
.ayrac{flex:1}
.sayac{display:inline-block;min-width:1.4em;padding:0 .4em;border-radius:99px;background:var(--err);color:#fff;font-size:.75rem;font-weight:700;text-align:center;line-height:1.4em}
.buyuk-sayac{font-size:.95rem;background:var(--ana)}
.menu-btn{display:none;margin-left:auto;font-size:1.5rem;cursor:pointer;padding:.3rem .6rem}

.icerik{max-width:1200px;margin:0 auto;padding:1.5rem 1.25rem 3rem}
.alt{text-align:center;color:var(--soluk);font-size:.8rem;padding:1rem}

/* Uyarılar */
.uyari{padding:.75rem 1rem;border-radius:var(--radius);margin-bottom:1rem;border:1px solid}
.uyari.ok{background:var(--ok-acik);border-color:#b6e3c9;color:#0b5e36}
.uyari.warn{background:var(--warn-acik);border-color:#f3d39b;color:#7a4500}
.uyari.err{background:var(--err-acik);border-color:#f3bcb8;color:#8e1c1c}

/* Kutular, kartlar */
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--radius);padding:1.1rem 1.2rem;margin-bottom:1rem}
.kutu.dar{max-width:420px}
.kartlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.8rem}
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--radius);padding:1rem 1.1rem;color:var(--yazi);display:flex;flex-direction:column}
.kart:hover{border-color:var(--ana);text-decoration:none}
.kart b{font-size:1.6rem;font-variant-numeric:tabular-nums}
.kart span{color:var(--soluk);font-size:.85rem}
.kart.vurgu{background:var(--ana);border-color:var(--ana);color:#fff}
.kart.vurgu span{color:#dbe5ff}
.kart.kirmizi b{color:var(--err)}
.bolum-bas{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.6rem}
.bolum-bas h1,.bolum-bas h2{margin:0}
.bos{padding:1.5rem;text-align:center;color:var(--soluk);background:var(--yuzey);border:1px dashed var(--cizgi);border-radius:var(--radius)}
.iki-kolon{display:grid;grid-template-columns:3fr 2fr;gap:1rem;align-items:start}
.uc-kolon{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}

/* Tablo */
.tablo-sar{overflow-x:auto;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:var(--radius)}
.tablo{width:100%;border-collapse:collapse}
.tablo th{font-size:.78rem;text-transform:uppercase;letter-spacing:.03em;color:var(--soluk);font-weight:600;text-align:left;padding:.65rem .8rem;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tablo td{padding:.65rem .8rem;border-bottom:1px solid var(--cizgi);vertical-align:top}
.tablo tbody tr:last-child td{border-bottom:0}
.tablo tbody tr[onclick]{cursor:pointer}
.tablo tbody tr[onclick]:hover{background:#f8faff}
.tablo.sade td,.tablo.sade th{padding:.45rem .2rem}
.tablo th.sag{text-align:right}
.gecikti{color:var(--err);font-weight:600}
.cubuk-hucre{vertical-align:middle!important}
.cubuk{height:10px;background:var(--ana);border-radius:5px;min-width:2px}

/* Rozet */
.rozet{display:inline-block;padding:.12rem .55rem;border-radius:99px;font-size:.75rem;font-weight:600;white-space:nowrap}
.rozet.ok{background:var(--ok-acik);color:var(--ok)}
.rozet.warn{background:var(--warn-acik);color:var(--warn)}
.rozet.err{background:var(--err-acik);color:var(--err)}
.rozet.muted{background:#eef0f3;color:var(--soluk)}

/* Form */
.form label{display:block;margin-bottom:.9rem;font-size:.88rem;font-weight:600;color:#374151}
.form label.satir,label.satir{display:flex;align-items:center;gap:.5rem;font-weight:400}
input,select,textarea{font:inherit;color:inherit;width:100%;padding:.55rem .7rem;border:1px solid #cfd5dd;border-radius:8px;background:#fff;margin-top:.3rem}
input[type=checkbox]{width:auto;margin:0}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ana-acik);border-color:var(--ana)}
fieldset{border:1px solid var(--cizgi);border-radius:var(--radius);padding:1rem;margin:0 0 1rem}
legend{font-weight:700;padding:0 .4rem}
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:0 1rem}
.birlesik{display:flex;gap:.4rem}
.birlesik select{width:110px}
.butonlar{display:flex;gap:.6rem;align-items:center;flex-wrap:wrap;margin-top:.6rem}
.btn{display:inline-block;background:var(--ana);color:#fff;border:0;border-radius:8px;padding:.6rem 1.1rem;font:inherit;font-weight:600;cursor:pointer;text-align:center}
.btn:hover{background:var(--ana-koyu);text-decoration:none}
.btn.tam{width:100%}
.btn.kucuk-btn{padding:.4rem .8rem;font-size:.88rem}
.btn.ikincil{background:#fff;color:var(--yazi);border:1px solid #cfd5dd}
.btn.ikincil:hover{background:var(--bg)}
.btn.yesil{background:var(--ok)}
.btn.kirmizi{background:var(--err)}
.kirmizi-yazi{color:var(--err)!important}
.filtre{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;margin-bottom:.8rem}
.filtre input,.filtre select{width:auto;margin:0}
.filtre input[name=ara]{min-width:240px;flex:1}
.filtre label input{margin:0}
.satir-form{display:flex;gap:.5rem;margin-top:.8rem}
.satir-form input{margin:0}

/* Belge detay */
.onay-kutu{border:2px solid var(--ana);background:var(--ana-acik)}
.onay-kutu textarea{margin:.6rem 0 0}
.bilgi{display:grid;grid-template-columns:150px 1fr;gap:.55rem 1rem;margin:0}
.bilgi dt{color:var(--soluk);font-size:.88rem}
.bilgi dd{margin:0}
.bilgi .buyuk{font-size:1.3rem;font-weight:700}
.pre{white-space:pre-wrap}
.onizleme{padding:0;overflow:hidden}
.onizleme iframe{width:100%;height:640px;border:0;display:block}
.onizleme img{max-width:100%;display:block;margin:auto}
.akis{list-style:none;margin:0;padding:0}
.akis li{position:relative;padding:0 0 1rem 1.6rem;border-left:2px solid var(--cizgi);margin-left:.5rem}
.akis li:last-child{border-left-color:transparent;padding-bottom:0}
.akis li::before{content:"";position:absolute;left:-8px;top:3px;width:14px;height:14px;border-radius:50%;background:#fff;border:2px solid #cfd5dd}
.akis li.onaylandi::before{background:var(--ok);border-color:var(--ok)}
.akis li.reddedildi::before{background:var(--err);border-color:var(--err)}
.akis li.bekliyor::before{background:var(--warn);border-color:var(--warn);box-shadow:0 0 0 4px var(--warn-acik)}
.akis li.atlandi::before{background:#cfd5dd}
.not{font-size:.88rem;color:#4b5563;font-style:italic;margin-top:.2rem}
.gecmis{list-style:none;margin:0;padding:0}
.gecmis li{padding:.4rem 0;border-bottom:1px solid var(--cizgi);font-size:.9rem}
.gecmis li:last-child{border-bottom:0}
.zincir{padding-left:1.4rem}
.zincir li{margin-bottom:.4rem}
.zincir li select{width:auto;min-width:240px;margin:0}
.zincir li .btn{padding:.45rem .65rem}

/* Giriş */
.giris-sayfa{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1rem;background:linear-gradient(135deg,#eaf0ff,#f5f6f8 60%)}
.giris-kutu{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:2rem;width:100%;max-width:380px;box-shadow:0 10px 30px rgba(31,94,255,.08)}
.giris-kutu.genis{max-width:560px}
.giris-kutu .logo{font-size:1.9rem;display:block;text-align:center}
.alt-baslik{text-align:center;color:var(--soluk);margin:.2rem 0 1.4rem}

/* Mobil */
@media (max-width:860px){
  .iki-kolon,.uc-kolon{grid-template-columns:1fr}
  .menu-btn{display:block}
  .ust{flex-wrap:wrap;padding:0 1rem}
  .ust nav{display:none;flex-direction:column;align-items:stretch;width:100%;padding-bottom:.8rem}
  #menu-ac:checked ~ nav{display:flex}
  .ayrac{display:none}
  .icerik{padding:1rem 1rem 2rem}
  .bilgi{grid-template-columns:1fr;gap:.1rem}
  .bilgi dd{margin-bottom:.5rem}
  .onizleme iframe{height:460px}
  .tablo thead{display:none}
  .tablo,.tablo tbody,.tablo tr,.tablo td{display:block;width:100%}
  .tablo tr{border-bottom:1px solid var(--cizgi);padding:.5rem 0}
  .tablo td{border:0;padding:.2rem .9rem;display:flex;justify-content:space-between;gap:1rem;text-align:right}
  .tablo td[data-l]::before{content:attr(data-l);color:var(--soluk);font-size:.8rem;text-align:left}
  .tablo td.cubuk-hucre{display:none}
  .filtre input[name=ara]{min-width:0;flex:1 1 100%}
}