@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display&family=DM+Sans:wght@300;400;500;600;700&display=swap');
:root{--bg:#0f1117;--surface:#181c27;--kart:#1e2235;--kart2:#232840;--sinir:#2a3050;--sinir2:#333d60;--altin:#c9a84c;--altin-ac:#e8c96a;--altin-k:#8a6f2e;--yesil:#22c55e;--yesil-bg:rgba(34,197,94,.12);--kirmizi:#ef4444;--kirmizi-bg:rgba(239,68,68,.12);--sari:#f59e0b;--sari-bg:rgba(245,158,11,.12);--mavi:#3b82f6;--mavi-bg:rgba(59,130,246,.12);--yazi:#e8eaf0;--yazi-ort:#9aa0b8;--yazi-soluk:#4a5270;--radius:14px;--radius-sm:8px;--gecis:0.18s ease}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--yazi);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.5;min-height:100vh}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer;border:none}
input,select,textarea{font-family:inherit;font-size:15px}
textarea{resize:vertical}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--sinir2);border-radius:2px}

/* NAVBAR */
.navbar{position:sticky;top:0;z-index:100;background:var(--surface);border-bottom:1px solid var(--sinir);display:flex;align-items:center;justify-content:space-between;padding:0 16px;height:52px}
.nav-logo{display:flex;align-items:center;gap:8px}
.nav-logo-ikon{width:32px;height:32px;background:linear-gradient(135deg,var(--altin-k),var(--altin));border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:16px}
.nav-logo-yazi{font-weight:700;font-size:15px;color:var(--altin-ac);letter-spacing:.3px}
.nav-sagda{display:flex;align-items:center;gap:12px}
.nav-kullanici{font-size:13px;color:var(--yazi-ort)}
.nav-cikis{background:var(--kart);border:1px solid var(--sinir);border-radius:8px;padding:5px 10px;font-size:14px;color:var(--yazi-ort);transition:var(--gecis)}
.nav-cikis:hover{border-color:var(--kirmizi);color:var(--kirmizi)}

/* ALT NAV */
.alt-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;background:var(--surface);border-top:1px solid var(--sinir);display:flex;padding-bottom:env(safe-area-inset-bottom)}
.alt-nav-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:10px 4px 8px;font-size:10px;color:var(--yazi-soluk);transition:var(--gecis)}
.alt-nav-btn span:first-child{font-size:20px}
.alt-nav-btn.aktif{color:var(--altin)}
.alt-nav-btn.odeme-btn{background:linear-gradient(135deg,var(--altin-k),var(--altin));color:#0f1117;border-radius:14px 14px 0 0;margin:0 4px;font-weight:700}
.alt-nav-btn.odeme-btn span:first-child{font-size:24px;font-weight:300}


/* İÇERİK */
.ana-icerik{padding:16px 16px 100px;max-width:640px;margin:0 auto}

/* GİRİŞ */
.giris-sayfasi{min-height:100vh;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 0%,#1e2235 0%,var(--bg) 70%);padding:24px 16px}
.giris-kart{width:100%;max-width:420px;background:var(--surface);border:1px solid var(--sinir);border-radius:20px;padding:36px 28px 28px;box-shadow:0 24px 60px rgba(0,0,0,.4)}
.giris-logo{text-align:center;margin-bottom:32px}
.logo-icon{font-size:40px;margin-bottom:12px;display:block;filter:drop-shadow(0 0 20px rgba(201,168,76,.3))}
.giris-logo h1{font-family:'DM Serif Display',serif;font-size:22px;color:var(--altin-ac);margin-bottom:4px}
.giris-logo p{font-size:13px;color:var(--yazi-ort)}
.giris-form{display:flex;flex-direction:column;gap:16px}
.giris-alt{text-align:center;margin-top:20px;font-size:11px;color:var(--yazi-soluk)}

/* KARŞILAMA */
.karsilama{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}
.karsilama h2{font-size:20px;font-weight:700}
.karsilama p{font-size:12px;color:var(--yazi-ort);margin-top:2px}
.sayfa-baslik{display:flex;align-items:center;gap:10px;margin-bottom:16px}
.sayfa-baslik h2{font-size:20px;font-weight:700}
.badge-sayi{background:var(--kart2);border:1px solid var(--sinir);border-radius:20px;padding:2px 10px;font-size:12px;color:var(--yazi-ort)}
.sayfa-baslik .btn{margin-left:auto}
.export-dropdown{position:relative;margin-left:auto}
.export-dropdown+.btn{margin-left:0}
.export-dropdown .btn{white-space:nowrap}
.export-menu{display:none;position:absolute;top:100%;right:0;margin-top:4px;background:var(--surface);border:1px solid var(--sinir);border-radius:var(--radius-sm);overflow:hidden;min-width:160px;z-index:50;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.export-dropdown.acik .export-menu{display:block}
.export-menu a{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:13px;color:var(--yazi);transition:var(--gecis);white-space:nowrap}
.export-menu a:hover{background:var(--kart2);color:var(--altin-ac)}
.geri-baslik{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.geri-btn{font-size:14px;color:var(--yazi-ort);padding:6px 0;transition:var(--gecis)}
.geri-btn:hover{color:var(--altin)}

/* İSTATİSTİK */
.istat-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:20px}
.istat-kart{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius);padding:16px 14px;position:relative;overflow:hidden}
.istat-kart::before{content:'';position:absolute;top:0;left:0;right:0;height:2px}
.istat-borç::before{background:var(--altin)}
.istat-kalan::before{background:var(--kirmizi)}
.istat-odenen::before{background:var(--yesil)}
.istat-ay::before{background:var(--mavi)}
.istat-dosya::before{background:var(--sari)}
.istat-uyari::before{background:var(--kirmizi)}
.istat-ikon{font-size:20px;margin-bottom:8px}
.istat-deger{font-size:15px;font-weight:700;line-height:1.2;margin-bottom:3px;word-break:break-all}
.istat-etiket{font-size:11px;color:var(--yazi-ort)}

/* HIZLI ERİŞİM */
.hizli-erisim{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:24px}
.hizli-btn{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius-sm);padding:12px 6px;display:flex;flex-direction:column;align-items:center;gap:5px;font-size:11px;color:var(--yazi-ort);transition:var(--gecis)}
.hizli-btn:hover{border-color:var(--altin);color:var(--altin)}
.hizli-ikon{font-size:22px}

/* BÖLÜM BAŞLIĞI */
.bolum-baslik{display:flex;align-items:center;justify-content:space-between;margin:20px 0 12px}
.bolum-baslik h3{font-size:16px;font-weight:600}
.tumu-link{font-size:13px;color:var(--altin)}

/* ÖDEME SATIRI */
.odeme-listesi{display:flex;flex-direction:column;gap:6px}
.odeme-satir{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius-sm);padding:12px 14px;display:flex;justify-content:space-between;align-items:flex-start;transition:var(--gecis)}
.odeme-satir:hover{border-color:var(--sinir2)}
.odeme-musteri{font-size:14px;font-weight:600;margin-bottom:3px}
.odeme-alt{display:flex;flex-wrap:wrap;align-items:center;gap:4px;font-size:12px;color:var(--yazi-ort)}
.odeme-aciklama{font-size:11px;color:var(--yazi-soluk);margin-top:3px}
.odeme-ekleyen{font-size:10px;color:var(--yazi-soluk);margin-top:2px}
.odeme-tutar{font-size:15px;font-weight:700;color:var(--yesil);text-align:right}
.odeme-tarih{font-size:11px;color:var(--yazi-ort);text-align:right;margin-top:2px}
.odeme-tarih-buyuk{font-size:13px;color:var(--yazi-ort);text-align:right}
.odeme-detay{align-items:center}
.odeme-sag{text-align:right;min-width:80px}
.dosya-no-kucuk{font-family:monospace;font-size:12px;background:var(--kart2);padding:1px 6px;border-radius:4px;color:var(--altin-ac);font-weight:600;letter-spacing:.5px}
.meta-ayirac,.ayirac{color:var(--yazi-soluk)}

/* DOSYA KARTI */
.dosya-listesi{display:flex;flex-direction:column;gap:10px}
.dosya-kart{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius);overflow:hidden;display:block;transition:var(--gecis);position:relative}
.dosya-kart:hover{border-color:var(--sinir2);transform:translateY(-1px)}
.dosya-kart:active{transform:translateY(0);opacity:.9}
.dosya-durum-serit{position:absolute;top:0;left:0;bottom:0;width:3px}
.dosya-durum-aktif{background:var(--yesil)}
.dosya-durum-kapali{background:var(--kirmizi)}
.dosya-durum-beklemede{background:var(--sari)}
.dosya-durum-tamamlandi{background:var(--mavi)}
.dosya-kart-ust{padding:14px 14px 8px 18px;display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.dosya-musteri{font-size:15px;font-weight:700;line-height:1.2}
.dosya-meta{font-size:12px;color:var(--yazi-ort);margin-top:3px;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.dosya-no{font-family:monospace;font-size:13px;background:var(--kart2);padding:2px 7px;border-radius:4px;color:var(--altin-ac);font-weight:600;letter-spacing:.5px}
.dosya-kalan{font-size:16px;font-weight:700;color:var(--kirmizi);text-align:right;white-space:nowrap}
.dosya-kalan-etiket{font-size:10px;color:var(--yazi-ort);text-align:right;margin-top:1px}
.dosya-kart-alt{padding:0 14px 14px 18px}
.dosya-bilgi-satir{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:8px}
.dosya-bilgi-item{display:flex;gap:4px;font-size:12px}
.bilgi-etiket{color:var(--yazi-soluk)}
.bilgi-deger{font-weight:600}
.bilgi-yesil{color:var(--yesil)}

/* DETAY */
.detay-baslik-kart{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius);padding:18px 16px;margin-bottom:12px}
.detay-musteri{font-family:'DM Serif Display',serif;font-size:22px;margin-bottom:6px}
.detay-meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:13px;color:var(--yazi-ort);margin-bottom:10px}
.durum-rozet{display:inline-block;padding:3px 12px;border-radius:20px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.durum-aktif{background:var(--yesil-bg);color:var(--yesil)}
.durum-kapali{background:rgba(74,82,112,.2);color:var(--yazi-ort)}
.durum-beklemede{background:var(--sari-bg);color:var(--sari)}
.borc-ozet-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px;margin-bottom:14px}
.borc-ozet-kart{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius-sm);padding:12px 10px;text-align:center}
.borc-etiket{font-size:10px;color:var(--yazi-ort);text-transform:uppercase;letter-spacing:.5px;margin-bottom:5px}
.borc-deger{font-size:13px;font-weight:700;word-break:break-all}
.borc-yesil{color:var(--yesil)}
.borc-kirmizi{color:var(--kirmizi)}
.detay-progress{margin-bottom:14px}
.progress-buyuk{height:8px!important;border-radius:4px!important}
.progress-bilgi{display:flex;justify-content:space-between;font-size:12px;color:var(--yazi-ort);margin-top:5px}
.progress-yuzde-buyuk{color:var(--yesil);font-weight:700}
.not-kutusu{background:var(--sari-bg);border:1px solid rgba(245,158,11,.2);border-radius:var(--radius-sm);padding:10px 12px;font-size:13px;color:var(--sari);margin-bottom:14px}
.aylik-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:20px}
.aylik-kart{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius-sm);padding:10px;text-align:center}
.aylik-ay{font-size:11px;color:var(--yazi-ort);margin-bottom:4px}
.aylik-tutar{font-size:13px;font-weight:700;color:var(--yesil)}
.sil-btn{font-size:13px;color:var(--yazi-soluk);padding:4px 8px;border-radius:6px;background:transparent;border:1px solid transparent;transition:var(--gecis);display:block;margin-top:4px}
.sil-btn:hover{background:var(--kirmizi-bg);border-color:var(--kirmizi);color:var(--kirmizi)}

/* KAYNAK ROZET */
.kaynak-rozet{font-size:10px;padding:1px 6px;border-radius:4px;font-weight:600}
.kaynak-icra_dairesi{background:var(--mavi-bg);color:var(--mavi)}
.kaynak-avukat{background:var(--sari-bg);color:var(--sari)}
.kaynak-diger{background:var(--sinir);color:var(--yazi-ort)}

/* ARAMA */
.arama-kutu{margin-bottom:14px}
.arama-satir{display:flex;gap:8px;margin-bottom:8px}
.arama-input-wrap{flex:1;position:relative;background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius-sm);display:flex;align-items:center;transition:var(--gecis)}
.arama-input-wrap:focus-within{border-color:var(--altin-k)}
.arama-ikon{padding:0 8px 0 12px;font-size:16px;color:var(--yazi-soluk)}
.arama-input-wrap input{flex:1;background:transparent;border:none;outline:none;color:var(--yazi);padding:10px 0}
.arama-input-wrap input::placeholder{color:var(--yazi-soluk)}
.arama-temizle{padding:0 12px;color:var(--yazi-soluk);font-size:14px}
.filtre-satir{display:flex;gap:6px;flex-wrap:wrap}
.filtre-select{flex:1;min-width:100px;background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius-sm);padding:8px 10px;color:var(--yazi);outline:none;cursor:pointer}
.filtre-form{margin-bottom:14px}
.filtre-input{flex:1;background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius-sm);padding:9px 12px;color:var(--yazi);outline:none}
.filtre-input::placeholder{color:var(--yazi-soluk)}

/* AUTOCOMPLETE */
.autocomplete-wrap{position:relative}
.autocomplete-wrap input{width:100%;background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius-sm);padding:11px 14px;color:var(--yazi);outline:none;transition:var(--gecis)}
.autocomplete-wrap input:focus{border-color:var(--altin-k)}
.autocomplete-liste{position:absolute;top:calc(100% + 4px);left:0;right:0;background:var(--kart2);border:1px solid var(--sinir2);border-radius:var(--radius-sm);z-index:50;max-height:240px;overflow-y:auto;display:none;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.ac-item{padding:12px 14px;cursor:pointer;border-bottom:1px solid var(--sinir);transition:var(--gecis)}
.ac-item:last-child{border-bottom:none}
.ac-item:hover{background:var(--sinir)}
.ac-ad{font-size:14px;font-weight:600;margin-bottom:2px}
.ac-alt{font-size:12px;color:var(--yazi-ort)}
.ac-bos{font-size:13px;color:var(--yazi-soluk);cursor:default}
.dosya-onizleme{background:var(--kart2);border:1px solid var(--sinir2);border-radius:var(--radius-sm);padding:12px 14px;margin-top:6px}
.onizleme-satir{display:flex;justify-content:space-between;padding:4px 0;font-size:13px}
.onizleme-etiket{color:var(--yazi-ort)}
.onizleme-deger{font-weight:600}

/* FORM */
.form-kart{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius);padding:20px 16px;display:flex;flex-direction:column;gap:18px}
.form-grup{display:flex;flex-direction:column;gap:6px}
.form-grup label{font-size:13px;font-weight:600;color:var(--yazi-ort)}
.form-grup input:not([type=radio]),.form-grup select,.form-grup textarea{background:var(--surface);border:1px solid var(--sinir);border-radius:var(--radius-sm);padding:11px 14px;color:var(--yazi);outline:none;transition:var(--gecis);width:100%}
.form-grup input:focus,.form-grup select:focus,.form-grup textarea:focus{border-color:var(--altin-k)}
.form-grup input::placeholder,.form-grup textarea::placeholder{color:var(--yazi-soluk)}
.zorunlu{color:var(--kirmizi)}
.opsiyonel{color:var(--yazi-soluk);font-weight:400}
.form-aciklama{font-size:11px;color:var(--yazi-soluk)}
.para-input-wrap{display:flex;align-items:center;background:var(--surface);border:1px solid var(--sinir);border-radius:var(--radius-sm);transition:var(--gecis)}
.para-input-wrap:focus-within{border-color:var(--altin-k)}
.para-sembol{padding:0 10px 0 14px;color:var(--altin);font-weight:700;font-size:16px}
.para-input-wrap input{flex:1;background:transparent;border:none!important;padding-left:0!important}
.radio-grup{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}
.radio-kart{background:var(--surface);border:2px solid var(--sinir);border-radius:var(--radius-sm);padding:10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;transition:var(--gecis);font-size:12px;text-align:center}
.radio-kart input[type=radio]{display:none}
.radio-kart.aktif{border-color:var(--altin);background:var(--kart2)}
.radio-ikon{font-size:20px}

/* BUTONLAR */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;background:var(--kart);border:1px solid var(--sinir);color:var(--yazi);transition:var(--gecis);cursor:pointer}
.btn:hover{border-color:var(--sinir2)}
.btn-tam{width:100%;padding:14px;font-size:15px;border-radius:var(--radius)}
.btn-altin{background:linear-gradient(135deg,var(--altin-k),var(--altin));border-color:var(--altin);color:#0f1117}
.btn-altin:hover{filter:brightness(1.1)}
.btn-kucuk{padding:6px 12px;font-size:12px}
.btn-ara{background:var(--altin-k);border:1px solid var(--altin);color:var(--altin-ac);padding:0 16px;border-radius:var(--radius-sm);font-weight:600;font-size:14px;white-space:nowrap}

/* ALERT */
.alert{padding:12px 14px;border-radius:var(--radius-sm);font-size:13px;margin-bottom:12px}
.alert-hata{background:var(--kirmizi-bg);border:1px solid rgba(239,68,68,.2);color:var(--kirmizi)}
.alert-basari{background:var(--yesil-bg);border:1px solid rgba(34,197,94,.2);color:var(--yesil)}

/* PROGRESS */
.progress-wrap{display:flex;align-items:center;gap:8px}
.progress-bar{flex:1;height:5px;background:var(--sinir);border-radius:3px;overflow:hidden}
.progress-dolu{height:100%;background:linear-gradient(90deg,var(--yesil),var(--altin));border-radius:3px;transition:width .4s ease}
.progress-yuzde{font-size:11px;color:var(--yazi-ort);width:34px;text-align:right}

/* AY TOPLAM */
.ay-toplam-kart{background:linear-gradient(135deg,var(--altin-k),var(--altin));border-radius:var(--radius);padding:18px 16px;margin-bottom:14px;color:#0f1117}
.ay-toplam-etiket{font-size:12px;font-weight:600;opacity:.7}
.ay-toplam-deger{font-size:28px;font-weight:700;margin:4px 0}
.ay-toplam-adet{font-size:12px;opacity:.7}

/* BOŞ DURUM */
.bos-durum{text-align:center;padding:48px 20px;color:var(--yazi-ort);font-size:14px}
.bos-ikon{font-size:40px;margin-bottom:12px}

/* TARİH GRUP */
.tarih-grup{display:flex;align-items:center;gap:4px}
.tarih-grup input{padding:10px 4px;border:1px solid var(--sinir);border-radius:8px;font-size:15px;background:var(--kart-arka);color:var(--yazi)}
.tarih-ayirici{font-size:16px;color:var(--yazi-ort);font-weight:600}
.yil-prefix{font-size:15px;font-weight:600;color:var(--yazi-ort);margin-left:2px}

/* GERİ ÖDEME */
.btn-geri-odeme{background:var(--kirmizi-bg);color:var(--kirmizi);border:1px solid rgba(239,68,68,.25);border-radius:var(--radius);padding:12px;text-align:center;font-weight:600;font-size:14px;display:block;transition:var(--gecis)}
.btn-geri-odeme:hover{background:rgba(239,68,68,.2)}
.geri-odeme-ozet{background:var(--kart);border:1px solid var(--sinir);border-radius:var(--radius);padding:14px;margin-top:14px;border-left:3px solid var(--kirmizi)}
.geri-odeme-baslik{font-size:14px;font-weight:700;color:var(--kirmizi);margin-bottom:6px}
.geri-odeme-toplam{font-size:13px;color:var(--yazi-ort);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--sinir)}
.geri-odeme-liste{display:flex;flex-direction:column;gap:8px}
.geri-odeme-satir{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;background:var(--surface);border-radius:var(--radius-sm);border:1px solid var(--sinir)}
.geri-sol{display:flex;flex-direction:column;gap:2px}
.geri-tutar{font-weight:700;color:var(--kirmizi);font-size:14px}
.geri-aciklama{font-size:11px;color:var(--yazi-ort)}
.geri-sag{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--yazi-ort)}

/* GELEN PARA */
.gelen-para-kart::before{background:#8b5cf6}
.gelen-para-deger{color:#a78bfa}
.gelen-para-satir{border-left:3px solid #8b5cf6!important;cursor:default}
.gelen-para-etiket{display:inline-block;background:rgba(139,92,246,.15);color:#a78bfa;padding:1px 8px;border-radius:4px;font-size:12px;font-weight:600}
.gelen-para-info{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.25);border-radius:8px;padding:10px 12px;font-size:12px;color:#c4b5fd;margin-top:8px;display:flex;align-items:flex-start;gap:8px}
.gelen-para-info .gp-ikon{font-size:18px;flex-shrink:0}
.dosya-temizle-btn{background:var(--kirmizi-bg);color:var(--kirmizi);border:1px solid rgba(220,38,38,.2);border-radius:var(--radius-sm);padding:6px 0;text-align:center;font-size:12px;font-weight:600;cursor:pointer;margin-top:8px;width:100%}

/* LIGHT MODE */
@media(prefers-color-scheme:light){
:root{--bg:#f5f5f7;--surface:#ffffff;--kart:#ffffff;--kart2:#f0f0f4;--sinir:#d4d4d8;--sinir2:#c0c0c8;--altin:#8a6f2e;--altin-ac:#6b5520;--altin-k:#a88a3e;--yesil:#16803c;--yesil-bg:rgba(22,128,60,.1);--kirmizi:#dc2626;--kirmizi-bg:rgba(220,38,38,.08);--sari:#b45309;--sari-bg:rgba(180,83,9,.08);--mavi:#2563eb;--mavi-bg:rgba(37,99,235,.08);--yazi:#1a1a1a;--yazi-ort:#555;--yazi-soluk:#888}
body{background:var(--bg);color:var(--yazi)}
.navbar{background:var(--surface);border-bottom-color:var(--sinir);box-shadow:0 1px 3px rgba(0,0,0,.06)}
.nav-logo-yazi{color:var(--altin)}
.nav-cikis{background:var(--kart2);color:var(--yazi-ort)}
.alt-nav{background:var(--surface);border-top-color:var(--sinir);box-shadow:0 -1px 3px rgba(0,0,0,.06)}
.alt-nav-btn{color:var(--yazi-soluk)}
.alt-nav-btn.aktif{color:var(--altin)}
.alt-nav-btn.odeme-btn{background:linear-gradient(135deg,var(--altin-k),var(--altin));color:#fff}
.giris-sayfasi{background:linear-gradient(135deg,#f5f5f7 0%,#e8e8ec 100%)}
.giris-kart{background:var(--surface);border-color:var(--sinir);box-shadow:0 8px 30px rgba(0,0,0,.1)}
.giris-logo h1{color:var(--altin)}
.istat-kart{background:var(--kart);border-color:var(--sinir);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.hizli-btn{background:var(--kart);border-color:var(--sinir);color:var(--yazi-ort)}
.hizli-btn:hover{border-color:var(--altin);color:var(--altin)}
.dosya-kart{background:var(--kart);border-color:var(--sinir);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.dosya-kart:hover{border-color:var(--sinir2);box-shadow:0 2px 8px rgba(0,0,0,.08)}
.dosya-no,.dosya-no-kucuk{background:var(--kart2);color:var(--altin)}
.dosya-kalan{color:var(--kirmizi)}
.odeme-satir{background:var(--kart);border-color:var(--sinir);box-shadow:0 1px 2px rgba(0,0,0,.03)}
.odeme-tutar{color:var(--yesil)}
.detay-baslik-kart{background:var(--kart);border-color:var(--sinir);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.borc-ozet-kart{background:var(--kart);border-color:var(--sinir)}
.borc-yesil{color:var(--yesil)}
.borc-kirmizi{color:var(--kirmizi)}
.progress-bar{background:var(--sinir)}
.bilgi-yesil{color:var(--yesil)}
.aylik-kart{background:var(--kart);border-color:var(--sinir)}
.aylik-tutar{color:var(--yesil)}
.form-kart{background:var(--kart);border-color:var(--sinir);box-shadow:0 1px 3px rgba(0,0,0,.04)}
.form-grup input:not([type=radio]),.form-grup select,.form-grup textarea{background:var(--kart2);border-color:var(--sinir);color:var(--yazi)}
.form-grup input::placeholder,.form-grup textarea::placeholder{color:var(--yazi-soluk)}
.para-input-wrap{background:var(--kart2);border-color:var(--sinir)}
.para-sembol{color:var(--altin)}
.radio-kart{background:var(--kart2);border-color:var(--sinir);color:var(--yazi)}
.radio-kart.aktif{border-color:var(--altin);background:rgba(138,111,46,.08)}
.arama-input-wrap{background:var(--kart);border-color:var(--sinir)}
.arama-input-wrap input{color:var(--yazi)}
.filtre-select{background:var(--kart);border-color:var(--sinir);color:var(--yazi)}
.filtre-input{background:var(--kart);border-color:var(--sinir);color:var(--yazi)}
.autocomplete-wrap input{background:var(--kart2);border-color:var(--sinir);color:var(--yazi)}
.autocomplete-liste{background:var(--surface);border-color:var(--sinir);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.ac-item:hover{background:var(--kart2)}
.export-menu{background:var(--surface);border-color:var(--sinir);box-shadow:0 8px 24px rgba(0,0,0,.12)}
.export-menu a{color:var(--yazi)}
.export-menu a:hover{background:var(--kart2);color:var(--altin)}
.btn{background:var(--kart);border-color:var(--sinir);color:var(--yazi)}
.btn-altin{background:linear-gradient(135deg,var(--altin-k),var(--altin));border-color:var(--altin);color:#fff}
.btn-ara{background:var(--altin);color:#fff}
.alert-hata{background:var(--kirmizi-bg);color:var(--kirmizi)}
.alert-basari{background:var(--yesil-bg);color:var(--yesil)}
.not-kutusu{background:var(--sari-bg);color:var(--sari)}
.durum-aktif{background:var(--yesil-bg);color:var(--yesil)}
.durum-kapali{background:rgba(0,0,0,.06);color:var(--yazi-ort)}
.durum-beklemede{background:var(--sari-bg);color:var(--sari)}
.kaynak-icra_dairesi{background:var(--mavi-bg);color:var(--mavi)}
.kaynak-avukat{background:var(--sari-bg);color:var(--sari)}
.kaynak-diger{background:var(--kart2);color:var(--yazi-ort)}
.badge-sayi{background:var(--kart2);border-color:var(--sinir);color:var(--yazi-ort)}
.ay-toplam-kart{background:linear-gradient(135deg,var(--altin-k),var(--altin));color:#fff}
.tarih-grup input{background:var(--kart2);border-color:var(--sinir);color:var(--yazi)}
.btn-geri-odeme{background:var(--kirmizi-bg);color:var(--kirmizi)}
.geri-odeme-ozet{background:var(--kart);border-color:var(--sinir)}
.geri-odeme-satir{background:var(--kart2);border-color:var(--sinir)}
.sil-btn:hover{background:var(--kirmizi-bg);color:var(--kirmizi)}
.gelen-para-deger{color:#7c3aed}
.gelen-para-satir{border-left-color:#7c3aed!important}
.gelen-para-etiket{background:rgba(124,58,237,.08);color:#7c3aed}
.gelen-para-info{background:rgba(124,58,237,.06);border-color:rgba(124,58,237,.15);color:#6d28d9}
.gelen-para-kart::before{background:#7c3aed}
.dosya-temizle-btn{background:var(--kirmizi-bg);color:var(--kirmizi)}
::-webkit-scrollbar-track{background:var(--bg)}
::-webkit-scrollbar-thumb{background:var(--sinir);border-radius:2px}
}

/* RESPONSIVE */
@media(max-width:380px){.istat-deger{font-size:13px}.borc-deger{font-size:12px}.dosya-kalan{font-size:14px}.hizli-erisim{grid-template-columns:repeat(2,1fr)}.aylik-grid{grid-template-columns:1fr 1fr}}
@media(min-width:640px){.ana-icerik{padding:24px 24px 100px}.istat-grid{grid-template-columns:repeat(3,1fr)}.navbar{padding:0 24px}}