:root {
  --ana: #1f6feb;
  --ana-koyu: #1857c4;
  --arka: #0d1117;
  --panel: #161b22;
  --kenar: #30363d;
  --yazi: #e6edf3;
  --soluk: #8b949e;
  --yesil: #2ea043;
  --kirmizi: #da3633;
  --sari: #d29922;
}
* { box-sizing: border-box; }
body {
  margin: 0;
  font-family: 'Segoe UI', system-ui, Arial, sans-serif;
  background: var(--arka);
  color: var(--yazi);
  font-size: 14px;
}
.gizli { display: none !important; }

/* GİRİŞ */
.giris-kutu {
  min-height: 100vh; display: flex; align-items: center; justify-content: center;
  background: radial-gradient(circle at 30% 20%, #16233d, #0d1117);
}
.giris-kart {
  background: var(--panel); border: 1px solid var(--kenar); border-radius: 12px;
  padding: 32px; width: 340px; box-shadow: 0 10px 40px rgba(0,0,0,.5);
}
.giris-kart h1 { margin: 0; color: var(--ana); font-size: 28px; }
.giris-kart .alt { margin: 4px 0 24px; color: var(--soluk); }
.giris-kart label { display: block; margin: 12px 0 4px; color: var(--soluk); font-size: 13px; }
.giris-kart input {
  width: 100%; padding: 10px; border-radius: 8px; border: 1px solid var(--kenar);
  background: #0d1117; color: var(--yazi);
}
.giris-kart button, .arac-cubugu button, .modal-alt button {
  cursor: pointer; border: none; border-radius: 8px; padding: 10px 16px;
  background: var(--ana); color: #fff; font-weight: 600;
}
.giris-kart button { width: 100%; margin-top: 20px; }
button:hover { background: var(--ana-koyu); }
button.ikincil { background: #21262d; border: 1px solid var(--kenar); }
button.ikincil:hover { background: #2d333b; }
button.cikis { background: transparent; border: 1px solid var(--kenar); }
.hata { color: var(--kirmizi); margin-top: 12px; min-height: 18px; font-size: 13px; }

/* PANEL */
header {
  display: flex; align-items: center; justify-content: space-between;
  padding: 12px 24px; background: var(--panel); border-bottom: 1px solid var(--kenar);
}
.marka { font-weight: 700; color: var(--ana); }
nav button {
  background: transparent; color: var(--soluk); border: none; cursor: pointer;
  padding: 8px 14px; font-weight: 600; border-radius: 8px;
}
nav button.aktif { color: var(--yazi); background: #21262d; }
nav button:hover { color: var(--yazi); background: transparent; }

.sekme { padding: 24px; }
.arac-cubugu { display: flex; gap: 10px; margin-bottom: 16px; flex-wrap: wrap; }
.arac-cubugu input, .arac-cubugu select {
  padding: 8px 10px; border-radius: 8px; border: 1px solid var(--kenar);
  background: #0d1117; color: var(--yazi);
}
.arac-cubugu input { min-width: 240px; }

.tablo-sar { overflow-x: auto; border: 1px solid var(--kenar); border-radius: 10px; }
table { width: 100%; border-collapse: collapse; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--kenar); white-space: nowrap; }
th { background: #0d1117; color: var(--soluk); font-size: 12px; text-transform: uppercase; }
tbody tr:hover { background: #1c2230; }
td.parmak { max-width: 180px; overflow: hidden; text-overflow: ellipsis; }

.rozet { padding: 3px 8px; border-radius: 20px; font-size: 12px; font-weight: 600; }
.rozet.onayli { background: rgba(46,160,67,.2); color: var(--yesil); }
.rozet.onaysiz { background: rgba(139,148,158,.2); color: var(--soluk); }
.rozet.deneme { background: rgba(31,111,235,.2); color: var(--ana); }
.rozet.suresidoldu { background: rgba(218,54,51,.2); color: var(--kirmizi); }

td .islem-btn {
  margin-right: 4px; padding: 4px 8px; font-size: 12px; border-radius: 6px;
  border: 1px solid var(--kenar); background: #21262d; color: var(--yazi); cursor: pointer;
}
td .islem-btn:hover { background: var(--ana); border-color: var(--ana); }

/* MODAL */
.modal {
  position: fixed; inset: 0; background: rgba(0,0,0,.6);
  display: flex; align-items: center; justify-content: center; z-index: 50;
}
.modal-ic {
  background: var(--panel); border: 1px solid var(--kenar); border-radius: 12px;
  padding: 24px; width: 440px; max-width: 92vw;
}
.modal-ic h3 { margin: 0 0 16px; }
.modal-govde label { display: block; margin: 10px 0 4px; color: var(--soluk); font-size: 13px; }
.modal-govde input, .modal-govde select, .modal-govde textarea {
  width: 100%; padding: 9px; border-radius: 8px; border: 1px solid var(--kenar);
  background: #0d1117; color: var(--yazi);
}
.modal-govde textarea { min-height: 70px; resize: vertical; }
.modal-govde .anahtar-kutu {
  word-break: break-all; background: #0d1117; padding: 12px; border-radius: 8px;
  border: 1px solid var(--kenar); font-family: monospace; font-size: 12px; max-height: 160px; overflow: auto;
}
.modal-alt { display: flex; justify-content: flex-end; gap: 10px; margin-top: 20px; }

/* BİLDİRİM */
.bildirim {
  position: fixed; bottom: 24px; right: 24px; padding: 12px 18px; border-radius: 8px;
  background: var(--yesil); color: #fff; font-weight: 600; z-index: 100;
  box-shadow: 0 6px 20px rgba(0,0,0,.4);
}
.bildirim.hata-b { background: var(--kirmizi); }