/* ==========================================================================
   BEŞTEPE KOLEJİ — YÖNETİM PANELİ STİL DOSYASI
   ========================================================================== */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&family=Inter:wght@400;500;600;700&display=swap');

:root{
  --mor-koyu:#241033; --mor-ana:#3B1F5C; --altin:#C6A15B; --altin-acik:#E8CD8E;
  --panel-arka:#F5F3F8; --panel-yuzey:#FFFFFF; --panel-cizgi:#E6E1ED;
  --metin:#2B2530; --metin-soluk:#79708A; --basari:#2E7D4F; --tehlike:#C1443A;
}
*,*::before,*::after{ box-sizing:border-box; }
body{ margin:0; font-family:'Inter',sans-serif; background:var(--panel-arka); color:var(--metin); }
a{ text-decoration:none; color:inherit; }
h1,h2,h3{ font-family:'Playfair Display',serif; color:var(--mor-koyu); margin:0 0 .4em; }

/* ---- Giriş Ekranı ---- */
.giris-sayfasi{ min-height:100vh; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,var(--mor-koyu),var(--mor-ana)); padding:20px; }
.giris-kutusu{ background:var(--panel-yuzey); width:100%; max-width:400px; padding:40px 36px; border-radius:18px; box-shadow:0 20px 50px rgba(0,0,0,.35); }
.giris-kutusu .logo-alani{ text-align:center; margin-bottom:26px; }
.giris-kutusu .logo-alani img{ height:60px; margin:0 auto 12px; }
.giris-kutusu .logo-alani small{ color:var(--metin-soluk); letter-spacing:.1em; text-transform:uppercase; font-size:.72rem; }
.hata-kutusu{ background:#FBEAE8; color:var(--tehlike); border:1px solid #F1C3BE; padding:10px 14px; border-radius:12px; font-size:.85rem; margin-bottom:16px; }
.basari-kutusu{ background:#E8F5EC; color:var(--basari); border:1px solid #B9E1C4; padding:10px 14px; border-radius:12px; font-size:.85rem; margin-bottom:16px; }

/* ---- Panel Genel İskelet ---- */
.panel-iskelet{ display:flex; min-height:100vh; }
.panel-menu{ width:250px; flex-shrink:0; background:var(--mor-koyu); color:#D9CFE6; padding:22px 0; position:sticky; top:0; height:100vh; overflow-y:auto; }
.panel-menu .marka{ display:flex; align-items:center; gap:10px; padding:0 22px 22px; border-bottom:1px solid rgba(255,255,255,.1); margin-bottom:14px; }
.panel-menu .marka img{ height:34px; }
.panel-menu .marka strong{ font-family:'Playfair Display',serif; color:#fff; font-size:1rem; }
.panel-menu .grup-basligi{ padding:14px 22px 6px; font-size:.68rem; letter-spacing:.14em; text-transform:uppercase; color:#8A7CA0; }
.panel-menu a.baglanti{ display:flex; align-items:center; gap:12px; padding:11px 22px; font-size:.88rem; font-weight:500; border-left:3px solid transparent; transition:.2s; }
.panel-menu a.baglanti:hover{ background:rgba(255,255,255,.06); }
.panel-menu a.baglanti.aktif{ background:rgba(198,161,91,.14); border-left-color:var(--altin); color:#fff; }
.panel-menu a.baglanti svg{ width:16px; height:16px; fill:currentColor; flex-shrink:0; }
.panel-menu form{ padding:16px 22px 0; }
.panel-menu .cikis-dugmesi{ width:100%; padding:10px; background:rgba(255,255,255,.08); border:1px solid rgba(255,255,255,.14); color:#fff; border-radius:12px; font-size:.82rem; }
.panel-menu .cikis-dugmesi:hover{ background:rgba(255,255,255,.16); }

.panel-icerik{ flex:1; min-width:0; }
.panel-ustbar{ background:var(--panel-yuzey); border-bottom:1px solid var(--panel-cizgi); padding:16px 32px; display:flex; justify-content:space-between; align-items:center; position:sticky; top:0; z-index:10; }
.panel-ustbar .kullanici{ display:flex; align-items:center; gap:10px; font-size:.86rem; color:var(--metin-soluk); }
.panel-ustbar .kullanici strong{ color:var(--metin); }
.panel-ustbar a.site-linki{ font-size:.82rem; color:var(--mor-ana); font-weight:600; }
.panel-govde{ padding:32px; }

.panel-baslik-satiri{ display:flex; justify-content:space-between; align-items:center; margin-bottom:24px; flex-wrap:wrap; gap:14px; }
.panel-baslik-satiri p{ color:var(--metin-soluk); margin:4px 0 0; font-size:.9rem; }

/* ---- Kartlar / İstatistikler ---- */
.panel-istatistik-izgara{ display:grid; grid-template-columns:repeat(auto-fit,minmax(190px,1fr)); gap:18px; margin-bottom:36px; }
.panel-istatistik-karti{ background:var(--panel-yuzey); border:1px solid var(--panel-cizgi); border-radius:18px; padding:22px; }
.panel-istatistik-karti .sayi{ font-family:'Playfair Display',serif; font-size:2.1rem; color:var(--mor-ana); }
.panel-istatistik-karti .etiket{ color:var(--metin-soluk); font-size:.84rem; margin-top:4px; }

.panel-kutu{ background:var(--panel-yuzey); border:1px solid var(--panel-cizgi); border-radius:18px; padding:26px; margin-bottom:24px; }

/* ---- Butonlar ---- */
.p-buton{ display:inline-flex; align-items:center; gap:8px; padding:10px 20px; border-radius:12px; font-weight:600; font-size:.85rem; border:1px solid transparent; }
.p-buton-mor{ background:var(--mor-ana); color:#fff; } .p-buton-mor:hover{ background:var(--mor-koyu); }
.p-buton-altin{ background:var(--altin); color:var(--mor-koyu); } .p-buton-altin:hover{ background:var(--altin-acik); }
.p-buton-tehlike{ background:#fff; color:var(--tehlike); border-color:#F1C3BE; } .p-buton-tehlike:hover{ background:#FBEAE8; }
.p-buton-cizgili{ background:#fff; color:var(--mor-ana); border-color:var(--panel-cizgi); } .p-buton-cizgili:hover{ border-color:var(--mor-ana); }
.p-buton-kucuk{ padding:6px 12px; font-size:.78rem; }
.p-buton svg{ width:14px; height:14px; fill:currentColor; }

/* ---- Tablolar ---- */
.p-tablo{ width:100%; border-collapse:collapse; }
.p-tablo th{ text-align:left; font-size:.74rem; letter-spacing:.06em; text-transform:uppercase; color:var(--metin-soluk); padding:12px 14px; border-bottom:2px solid var(--panel-cizgi); }
.p-tablo td{ padding:14px; border-bottom:1px solid var(--panel-cizgi); font-size:.88rem; vertical-align:middle; }
.p-tablo tr:last-child td{ border-bottom:none; }
.p-tablo .islem-hucresi{ display:flex; gap:8px; justify-content:flex-end; }
.p-rozet{ display:inline-block; padding:3px 10px; border-radius:20px; font-size:.72rem; font-weight:700; }
.p-rozet-yesil{ background:#E8F5EC; color:var(--basari); }
.p-rozet-gri{ background:#EDEAF2; color:var(--metin-soluk); }

/* ---- Form ---- */
.p-form-alani{ margin-bottom:18px; }
.p-form-alani label{ display:block; font-weight:600; font-size:.84rem; margin-bottom:7px; }
.p-form-alani input[type=text],.p-form-alani input[type=email],.p-form-alani input[type=password],
.p-form-alani input[type=date],.p-form-alani input[type=number],.p-form-alani input[type=tel],
.p-form-alani select, .p-form-alani textarea{
  width:100%; padding:11px 13px; border:1px solid var(--panel-cizgi); border-radius:12px; font-family:inherit; font-size:.9rem; background:#fff;
}
.p-form-alani input:focus,.p-form-alani select:focus,.p-form-alani textarea:focus{ outline:none; border-color:var(--altin); box-shadow:0 0 0 3px rgba(198,161,91,.15); }
.p-form-alani textarea{ min-height:140px; resize:vertical; }
.p-form-izgara-2{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.p-form-izgara-3{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:18px; }
.p-yardim-metni{ font-size:.78rem; color:var(--metin-soluk); margin-top:5px; }
@media (max-width:800px){ .p-form-izgara-2,.p-form-izgara-3{ grid-template-columns:1fr; } }

.p-mevcut-gorsel{ display:flex; align-items:center; gap:14px; margin-bottom:12px; }
.p-mevcut-gorsel img{ width:70px; height:70px; object-fit:cover; border-radius:12px; border:1px solid var(--panel-cizgi); }

.p-bilgi-kutusu{ background:#F1ECF7; border:1px solid #DED0EA; color:var(--mor-ana); padding:12px 16px; border-radius:12px; font-size:.84rem; margin-bottom:20px; }

/* ---- Menü ağacı ---- */
.menu-agaci{ display:flex; flex-direction:column; gap:10px; }
.menu-ana-oge{ border:1px solid var(--panel-cizgi); border-radius:18px; overflow:hidden; }
.menu-ana-oge .baslik-satiri{ display:flex; justify-content:space-between; align-items:center; padding:14px 18px; background:#FAF9FB; }
.menu-ana-oge .baslik-satiri strong{ font-size:.94rem; }
.menu-alt-listesi{ padding:6px 18px 14px 34px; }
.menu-alt-listesi li{ display:flex; justify-content:space-between; align-items:center; padding:8px 0; border-bottom:1px dashed var(--panel-cizgi); font-size:.85rem; }
.menu-alt-listesi li:last-child{ border-bottom:none; }

/* ---- Medya ızgara ---- */
.medya-izgara{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:16px; }
.medya-ogesi{ background:#fff; border:1px solid var(--panel-cizgi); border-radius:18px; overflow:hidden; }
.medya-ogesi .onizleme{ aspect-ratio:1; background:#F1EEF5; display:flex; align-items:center; justify-content:center; overflow:hidden; }
.medya-ogesi .onizleme img{ width:100%; height:100%; object-fit:cover; }
.medya-ogesi .bilgi{ padding:10px; font-size:.76rem; }
.medya-ogesi .bilgi .ad{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-bottom:6px; }

@media (max-width:900px){
  .panel-menu{ position:fixed; left:-260px; z-index:100; transition:left .25s; }
  .panel-menu.acik{ left:0; }
  .panel-govde{ padding:20px; }
  .panel-ustbar{ padding:14px 20px; }
}