:root {
  --zemin: #f5f6f8; --yuzey: #ffffff; --metin: #1d2330; --soluk: #667085; --cizgi: #dfe3ea;
  --vurgu: #1f4e8c; --vurgu-acik: #e8eef7; --ok: #1e7a46; --ok-zemin: #e7f5ec; --uyari: #9a6200;
  --uyari-zemin: #fff5e0; --hata: #b42318; --hata-zemin: #fdecea; --bilgi-zemin: #eef4fb;
}
* { box-sizing: border-box; }
body { margin: 0; font: 14px/1.5 -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: var(--metin); background: var(--zemin); }
a { color: var(--vurgu); text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font-size: 22px; margin: 0 0 12px; }
h2 { font-size: 17px; margin: 28px 0 10px; }
h3 { font-size: 15px; margin: 20px 0 8px; }
code { font-size: 12px; background: #f0f2f5; padding: 1px 4px; border-radius: 3px; }
code.kisa { display: inline-block; max-width: 420px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: bottom; }
pre { white-space: pre-wrap; font-size: 12px; }

.duzen { display: flex; min-height: 100vh; }
.kenar { width: 270px; flex-shrink: 0; background: #17253a; color: #d6dde8; padding: 16px 0; overflow-y: auto; }
.kenar .logo { display: block; color: #fff; font-weight: 600; font-size: 16px; padding: 0 18px 14px; border-bottom: 1px solid #2a3a52; margin-bottom: 8px; }
.menu-grup summary { list-style: none; cursor: pointer; padding: 8px 18px; font-weight: 600; color: #e9eef5; }
.menu-grup summary::-webkit-details-marker { display: none; }
.menu-grup summary:not(.tek)::after { content: "▸"; float: right; color: #7f8ea3; }
.menu-grup[open] summary:not(.tek)::after { content: "▾"; }
.menu-grup summary.tek a { color: inherit; }
.menu-grup ul { list-style: none; margin: 0; padding: 0 0 6px; }
.menu-grup li a { display: block; padding: 5px 18px 5px 30px; color: #b9c4d3; font-size: 13px; }
.menu-grup li a:hover, .menu-grup li a.aktif { background: #22344f; color: #fff; text-decoration: none; }
.ana { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.ust { display: flex; justify-content: space-between; align-items: center; padding: 10px 24px; background: var(--yuzey); border-bottom: 1px solid var(--cizgi); }
.ust .kurum { font-weight: 600; }
.ust .kullanici { display: flex; gap: 14px; align-items: center; }
main { padding: 22px 24px 60px; max-width: 1400px; }

.bildirim { padding: 10px 14px; border-radius: 6px; margin: 0 0 12px; border: 1px solid transparent; }
.bildirim ul { margin: 6px 0 0; padding-left: 18px; }
.bildirim.ok { background: var(--ok-zemin); border-color: #b7e1c6; }
.bildirim.hata { background: var(--hata-zemin); border-color: #f5c2bd; }
.bildirim.uyari { background: var(--uyari-zemin); border-color: #f2d49b; }
.bildirim.bilgi { background: var(--bilgi-zemin); border-color: #c9dbf0; }

.tablo { width: 100%; border-collapse: collapse; background: var(--yuzey); border: 1px solid var(--cizgi); margin-bottom: 8px; }
.tablo th, .tablo td { padding: 7px 10px; border-bottom: 1px solid var(--cizgi); text-align: left; vertical-align: top; }
.tablo thead th { background: #f0f3f7; font-size: 12px; color: #475467; font-weight: 600; }
.tablo tfoot th { background: #f7f9fb; }
.tablo .sag, .tablo td.sag { text-align: right; white-space: nowrap; }
.tablo tr.eski td { color: var(--soluk); }
.tablo tr.secili td { background: var(--vurgu-acik); }
.tablo tr.toplam th, .tablo tr.toplam td { font-weight: 700; background: #f7f9fb; }
.tablo.ozet { max-width: 560px; }
.tablo.bilgi-tablosu { max-width: 760px; }
.tablo.bilgi-tablosu th { width: 180px; color: #475467; }
.tablo.duzenlenebilir input, .tablo.duzenlenebilir select { width: 100%; min-width: 90px; }
.menu-tablo tr.alt td:first-child { padding-left: 28px; }
.deger { display: inline-block; margin-right: 10px; color: var(--soluk); font-size: 12px; }

.etiket { display: inline-block; font-size: 11px; padding: 1px 7px; border-radius: 10px; background: #eef0f3; color: #475467; white-space: nowrap; }
.etiket.basarili, .etiket.onayli, .etiket.saglandi, .etiket.tamamlandi { background: var(--ok-zemin); color: var(--ok); }
.etiket.uyari, .etiket.kosullu, .etiket.dogrulama_bekliyor, .etiket.taslak, .etiket.belirsiz { background: var(--uyari-zemin); color: var(--uyari); }
.etiket.hata, .etiket.iptal, .etiket.saglanmadi, .etiket.hak_kazanilmadi { background: var(--hata-zemin); color: var(--hata); }
.etiket.beyana_gore, .etiket.devam { background: var(--bilgi-zemin); color: var(--vurgu); }

.form { display: flex; flex-direction: column; gap: 12px; }
.form.dar { max-width: 620px; }
label { display: flex; flex-direction: column; gap: 4px; font-weight: 500; }
label.onay { flex-direction: row; align-items: center; gap: 6px; font-weight: 400; }
input, select, textarea { font: inherit; padding: 6px 8px; border: 1px solid #c8ced8; border-radius: 5px; background: #fff; }
input:focus, select:focus, textarea:focus { outline: 2px solid #9db8e0; border-color: var(--vurgu); }
input.gecersiz, select.gecersiz, fieldset.gecersiz { border-color: var(--hata); background: #fff8f7; }
.alan-hatasi { color: var(--hata); font-size: 12px; font-weight: 400; }
.alan-hatasi:empty { display: none; }
fieldset { border: 1px solid var(--cizgi); border-radius: 6px; padding: 10px 12px; background: var(--yuzey); display: flex; flex-direction: column; gap: 6px; }
legend { font-weight: 600; padding: 0 4px; }
.ipucu { color: var(--soluk); font-size: 12px; font-weight: 400; }
.soluk { color: var(--soluk); }
.iki-alan { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.kisa-girdi { width: 70px; }

button, .dugme { font: inherit; display: inline-block; padding: 6px 14px; border: 1px solid #b9c2cf; border-radius: 5px; background: #fff; color: var(--metin); cursor: pointer; }
button:hover, .dugme:hover { background: #f2f4f7; text-decoration: none; }
button.birincil, .dugme.birincil { background: var(--vurgu); border-color: var(--vurgu); color: #fff; }
button.birincil:hover, .dugme.birincil:hover { background: #193f72; }
button:disabled { opacity: .5; cursor: not-allowed; }
button.kucuk, .dugme.kucuk { padding: 2px 8px; font-size: 12px; }
button.baglanti { border: 0; background: none; color: var(--vurgu); padding: 0; }
.dugmeler { display: flex; gap: 8px; flex-wrap: wrap; margin: 10px 0 14px; align-items: center; }
.satir-ici { display: inline; }
.satir-form, .filtre { display: flex; gap: 8px; flex-wrap: wrap; align-items: center; margin: 8px 0 16px; }
.kirinti { color: var(--soluk); margin: 0 0 4px; font-size: 13px; }

.kartlar { display: flex; gap: 12px; flex-wrap: wrap; margin-bottom: 16px; }
.kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 8px; padding: 14px 18px; min-width: 190px; color: var(--metin); }
.kart .sayi { display: block; font-size: 26px; font-weight: 700; color: var(--vurgu); }
.kart.dikkat .sayi { color: var(--uyari); }
.moduller { display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 12px; }
.modul-kart { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 8px; padding: 14px; display: flex; flex-direction: column; gap: 6px; color: var(--metin); }
.modul-kart span { color: var(--soluk); font-size: 13px; }
.modul-kart .etiket { align-self: flex-start; }
.modul-kart.pasif { opacity: .65; }
a.modul-kart:hover { border-color: var(--vurgu); text-decoration: none; }

.iki-kolon { display: grid; grid-template-columns: minmax(380px, 560px) 1fr; gap: 24px; align-items: start; }
.kaydet-kutusu { margin-top: 20px; padding: 12px; background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 6px; display: flex; flex-direction: column; gap: 8px; }
.kaydet-kutusu h3 { margin: 0; }
.liste-alani .tablo { margin-bottom: 4px; }
.sonuc-baslik { padding: 10px 14px; border-radius: 6px; background: var(--yuzey); border: 1px solid var(--cizgi); margin-bottom: 10px; display: flex; gap: 10px; align-items: center; flex-wrap: wrap; }
.sonuc-baslik.durum-basarili { border-left: 4px solid var(--ok); }
.sonuc-baslik.durum-kosullu { border-left: 4px solid var(--uyari); }
.sonuc-baslik.durum-hata, .sonuc-baslik.durum-hak_kazanilmadi { border-left: 4px solid var(--hata); }

.giris-sayfasi { display: flex; align-items: center; justify-content: center; min-height: 100vh; }
.giris-kutusu { background: var(--yuzey); border: 1px solid var(--cizgi); border-radius: 10px; padding: 28px; width: 380px; display: flex; flex-direction: column; gap: 14px; }
.giris-kutusu h1 { font-size: 18px; }

@media (max-width: 1100px) { .iki-kolon { grid-template-columns: 1fr; } }
@media (max-width: 760px) {
  .duzen { flex-direction: column; }
  .kenar { width: 100%; }
  main { padding: 16px; }
  .tablo { display: block; overflow-x: auto; }
}
.toplu-onay { display: flex; flex-wrap: wrap; gap: 8px 16px; align-items: center; margin: 8px 0 12px; padding: 10px 12px;
  border: 1px solid var(--cizgi, #d8dce3); border-left: 4px solid #c58a00; border-radius: 6px; background: #fffaf0; }