/* Vera Pastanesi — Yonetim Paneli stilleri (bagimsiz, CDN gerektirmez) */
:root{
  --renk-ana:#8a1538;      /* bordo */
  --renk-ana-koyu:#6d0f2c;
  --renk-ana-acik:#b03a5b;
  --renk-vurgu:#c99a2e;    /* altin */
  --zemin:#f4f5f7;
  --panel:#ffffff;
  --kenar:#e3e6ea;
  --metin:#23272e;
  --metin-soluk:#6b7280;
  --yesil:#1f9d55;
  --kirmizi:#d64545;
  --sari:#c99a2e;
  --mavi:#2b6cb0;
  --golge:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.04);
  --yuvarlak:10px;
}
*{box-sizing:border-box}
body{margin:0;font-family:"Segoe UI",Roboto,Arial,sans-serif;background:var(--zemin);color:var(--metin);font-size:14px;line-height:1.5}
a{color:var(--renk-ana);text-decoration:none}
a:hover{text-decoration:underline}

/* Yerlesim */
.yn-kapsayici{display:flex;min-height:100vh}
.yn-kenar{width:240px;background:linear-gradient(180deg,var(--renk-ana),var(--renk-ana-koyu));color:#fff;flex-shrink:0;position:sticky;top:0;height:100vh;overflow-y:auto}
.yn-marka{padding:20px 18px;font-size:19px;font-weight:700;letter-spacing:.3px;border-bottom:1px solid rgba(255,255,255,.12);display:flex;align-items:center;gap:8px}
.yn-marka small{display:block;font-size:11px;font-weight:400;opacity:.75}
.yn-menu{list-style:none;margin:0;padding:10px 0}
.yn-menu li a{display:flex;align-items:center;gap:10px;padding:11px 18px;color:#f2e9ec;font-weight:500;border-left:3px solid transparent}
.yn-menu li a:hover{background:rgba(255,255,255,.08);text-decoration:none}
.yn-menu li a.aktif{background:rgba(0,0,0,.18);border-left-color:var(--renk-vurgu);color:#fff}
.yn-menu .baslik{padding:14px 18px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.6px;opacity:.55}
.yn-ikon{width:18px;text-align:center}

.yn-govde{flex:1;display:flex;flex-direction:column;min-width:0}
.yn-ust{background:var(--panel);border-bottom:1px solid var(--kenar);padding:12px 22px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}
.yn-ust h1{font-size:18px;margin:0}
.yn-kullanici{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--metin-soluk)}
.yn-icerik{padding:22px;flex:1}

/* Kartlar */
.yn-kart{background:var(--panel);border:1px solid var(--kenar);border-radius:var(--yuvarlak);box-shadow:var(--golge);margin-bottom:20px}
.yn-kart-bas{padding:14px 18px;border-bottom:1px solid var(--kenar);font-weight:600;display:flex;align-items:center;justify-content:space-between}
.yn-kart-govde{padding:18px}

/* Ozet kutulari */
.yn-ozet-satir{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:20px}
.yn-ozet{background:var(--panel);border:1px solid var(--kenar);border-radius:var(--yuvarlak);padding:16px 18px;box-shadow:var(--golge)}
.yn-ozet .etiket{color:var(--metin-soluk);font-size:12px;text-transform:uppercase;letter-spacing:.4px}
.yn-ozet .deger{font-size:24px;font-weight:700;margin-top:6px}
.yn-ozet.bordo{border-top:3px solid var(--renk-ana)}
.yn-ozet.altin{border-top:3px solid var(--renk-vurgu)}
.yn-ozet.yesil{border-top:3px solid var(--yesil)}
.yn-ozet.mavi{border-top:3px solid var(--mavi)}

/* Tablolar */
.yn-tablo{width:100%;border-collapse:collapse;font-size:13.5px}
.yn-tablo th,.yn-tablo td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--kenar);vertical-align:middle}
.yn-tablo th{background:#faf7f8;font-weight:600;color:var(--metin-soluk);font-size:12px;text-transform:uppercase;letter-spacing:.3px}
.yn-tablo tbody tr:hover{background:#fbfbfc}
.yn-tablo .sag{text-align:right}
.yn-tablo .orta{text-align:center}
.yn-tablo-sar{overflow-x:auto}

/* Butonlar */
.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;border:1px solid transparent;font-size:13.5px;font-weight:600;cursor:pointer;background:#eef0f3;color:var(--metin);line-height:1;transition:.12s}
.btn:hover{text-decoration:none;filter:brightness(.97)}
.btn-ana{background:var(--renk-ana);color:#fff}
.btn-altin{background:var(--renk-vurgu);color:#fff}
.btn-yesil{background:var(--yesil);color:#fff}
.btn-kirmizi{background:var(--kirmizi);color:#fff}
.btn-cizgi{background:#fff;border-color:var(--kenar);color:var(--metin)}
.btn-kucuk{padding:5px 10px;font-size:12.5px}
.btn:disabled{opacity:.5;cursor:not-allowed}

/* Rozetler */
.rozet{display:inline-block;padding:3px 9px;border-radius:20px;font-size:11.5px;font-weight:600}
.rozet-yesil{background:#e3f6ea;color:var(--yesil)}
.rozet-sari{background:#fbf1d6;color:#a17d15}
.rozet-kirmizi{background:#fbe3e3;color:var(--kirmizi)}
.rozet-gri{background:#eceef1;color:var(--metin-soluk)}
.rozet-mavi{background:#e1ecf7;color:var(--mavi)}

/* Formlar */
.yn-form-satir{margin-bottom:15px}
.yn-form-satir label{display:block;font-weight:600;margin-bottom:5px;font-size:13px}
.yn-form-satir .yardim{color:var(--metin-soluk);font-size:12px;margin-top:4px}
.form-kontrol{width:100%;padding:9px 11px;border:1px solid var(--kenar);border-radius:8px;font-size:14px;background:#fff;color:var(--metin)}
.form-kontrol:focus{outline:none;border-color:var(--renk-ana-acik);box-shadow:0 0 0 3px rgba(138,21,56,.12)}
textarea.form-kontrol{min-height:90px;resize:vertical}
.yn-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px}
.yn-form-alt{display:flex;gap:10px;padding-top:8px;border-top:1px solid var(--kenar);margin-top:6px}
.zorunlu{color:var(--kirmizi)}

/* Uyarilar */
.uyari{padding:12px 15px;border-radius:8px;margin-bottom:16px;font-size:13.5px;border:1px solid transparent}
.uyari-basari{background:#e3f6ea;border-color:#bce6cb;color:#1a7742}
.uyari-hata{background:#fbe3e3;border-color:#f0c2c2;color:#a72d2d}
.uyari ul{margin:6px 0 0;padding-left:18px}

/* Giris ekrani */
.giris-sar{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--renk-ana),var(--renk-ana-koyu))}
.giris-kutu{background:#fff;border-radius:14px;box-shadow:0 12px 40px rgba(0,0,0,.25);width:360px;max-width:92vw;padding:34px 30px}
.giris-kutu h1{margin:0 0 4px;font-size:22px;color:var(--renk-ana);text-align:center}
.giris-kutu .alt{text-align:center;color:var(--metin-soluk);font-size:13px;margin-bottom:22px}

/* Yardimci */
.metin-sag{text-align:right}
.metin-soluk{color:var(--metin-soluk)}
.arac-cubugu{display:flex;gap:10px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px}
.arac-cubugu .sol,.arac-cubugu .sag{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.bos-durum{text-align:center;padding:40px 20px;color:var(--metin-soluk)}
.pozitif{color:var(--kirmizi);font-weight:600}   /* borc */
.negatif{color:var(--yesil);font-weight:600}     /* alacak/kapali */
@media(max-width:820px){
  .yn-kenar{position:fixed;left:-240px;transition:.2s;z-index:100}
  .yn-kenar.acik{left:0}
  .yn-govde{width:100%}
}