:root{--bg: #f0f2f5;--bg-beyaz: #ffffff;--bg-kart: #ffffff;--bg-hover: #f5f7fa;--bg-aktif: #e8f0fe;--kenar: #e0e4ea;--kenar-acik: #f0f2f5;--yazi: #1a1d26;--yazi-soluk: #5f6368;--yazi-cok-soluk: #9aa0a6;--ana-renk: #c62828;--ana-renk-hover: #b71c1c;--ana-renk-acik: #ffebee;--basari: #2e7d32;--basari-acik: #e8f5e9;--tehlike: #c62828;--tehlike-acik: #ffebee;--uyari: #f57f17;--uyari-acik: #fff8e1;--bilgi: #1565c0;--bilgi-acik: #e3f2fd;--sidebar-bg: #1a237e;--sidebar-yazi: #c5cae9;--sidebar-aktif: #ffffff;--sidebar-aktif-bg: rgba(255,255,255,.12);--sidebar-hover: rgba(255,255,255,.08);--sidebar-genislik: 220px;--radius: 8px;--radius-kucuk: 4px;--golge: 0 1px 3px rgba(0,0,0,.08);--golge-yukari: 0 4px 12px rgba(0,0,0,.1);--font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--gecis: all .15s ease}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font);background:var(--bg);color:var(--yazi);line-height:1.5;font-size:14px}a{color:var(--bilgi);text-decoration:none}a:hover{text-decoration:underline}button{font-family:var(--font);cursor:pointer}input,select,textarea{font-family:var(--font)}.uygulama-yapi{display:flex;min-height:100vh}.sol-menu{width:var(--sidebar-genislik);background:var(--sidebar-bg);position:fixed;top:0;left:0;bottom:0;display:flex;flex-direction:column;z-index:100;overflow-y:auto}.sol-menu-logo{padding:16px 20px;display:flex;align-items:center;gap:10px;border-bottom:1px solid rgba(255,255,255,.1)}.sol-menu-logo-ikon{width:36px;height:36px;background:var(--ana-renk);border-radius:8px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:16px}.sol-menu-logo-yazi{color:#fff;font-size:16px;font-weight:700;letter-spacing:-.3px}.sol-menu-nav{flex:1;padding:8px 0}.sol-menu-bolum{padding:12px 20px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:1px;color:#ffffff59}.sol-menu-oge{display:flex;align-items:center;gap:10px;padding:9px 20px;color:var(--sidebar-yazi);font-size:13px;font-weight:500;transition:var(--gecis);text-decoration:none;border-left:3px solid transparent}.sol-menu-oge:hover{background:var(--sidebar-hover);color:#fff;text-decoration:none}.sol-menu-oge.aktif{background:var(--sidebar-aktif-bg);color:var(--sidebar-aktif);border-left-color:var(--ana-renk);font-weight:600}.sol-menu-oge svg{flex-shrink:0}.sol-menu-alt{padding:12px 20px;border-top:1px solid rgba(255,255,255,.1);font-size:11px;color:#ffffff4d}.sol-menu-grup{display:flex;align-items:center;gap:10px;padding:9px 20px;color:var(--sidebar-yazi);font-size:13px;font-weight:500;transition:var(--gecis);border-left:3px solid transparent;background:none;border-top:none;border-right:none;border-bottom:none;width:100%;cursor:pointer;text-align:left}.sol-menu-grup:hover{background:var(--sidebar-hover);color:#fff}.sol-menu-grup.aktif{color:var(--sidebar-aktif)}.sol-menu-grup-ok{margin-left:auto;transition:transform .2s;flex-shrink:0}.sol-menu-grup.acik .sol-menu-grup-ok{transform:rotate(180deg)}.sol-menu-alt-oge{display:flex;align-items:center;gap:10px;padding:8px 20px 8px 40px;color:var(--sidebar-yazi);font-size:12px;font-weight:500;transition:var(--gecis);text-decoration:none;border-left:3px solid transparent;opacity:.85}.sol-menu-alt-oge:hover{background:var(--sidebar-hover);color:#fff;text-decoration:none;opacity:1}.sol-menu-alt-oge.aktif{background:var(--sidebar-aktif-bg);color:var(--sidebar-aktif);border-left-color:var(--ana-renk);font-weight:600;opacity:1}.ana-icerik{flex:1;margin-left:var(--sidebar-genislik)}.ust-bar{background:var(--bg-beyaz);border-bottom:1px solid var(--kenar);padding:0 24px;height:52px;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50}.ust-bar-baslik{font-size:15px;font-weight:600;color:var(--yazi)}.ust-bar-sag{display:flex;align-items:center;gap:12px}.sayfa-icerik{padding:20px 24px}.sayfa-basligi{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px;flex-wrap:wrap;gap:12px}.sayfa-basligi h2{font-size:20px;font-weight:700;color:var(--yazi)}.kart{background:var(--bg-kart);border:1px solid var(--kenar);border-radius:var(--radius);box-shadow:var(--golge)}.kart-baslik{padding:14px 20px;border-bottom:1px solid var(--kenar-acik);font-size:13px;font-weight:600;color:var(--yazi-soluk);text-transform:uppercase;letter-spacing:.3px}.kart-icerik{padding:20px}.kart-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:20px}.btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;border-radius:var(--radius-kucuk);font-size:13px;font-weight:600;border:1px solid transparent;transition:var(--gecis);white-space:nowrap}.btn-ana{background:var(--ana-renk);color:#fff}.btn-ana:hover{background:var(--ana-renk-hover)}.btn-ikincil{background:var(--bg-beyaz);color:var(--yazi);border-color:var(--kenar)}.btn-ikincil:hover{background:var(--bg-hover)}.btn-basari{background:var(--basari);color:#fff}.btn-tehlike{background:var(--tehlike);color:#fff}.btn-kucuk{padding:5px 10px;font-size:12px}.btn-grup{display:flex;gap:8px;flex-wrap:wrap}.tablo-kapsam{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;padding:10px 14px;color:var(--yazi-soluk);font-weight:600;font-size:12px;background:var(--bg);border-bottom:1px solid var(--kenar);white-space:nowrap;-webkit-user-select:none;user-select:none}td{padding:10px 14px;border-bottom:1px solid var(--kenar-acik);vertical-align:middle}tr:hover td{background:var(--bg-hover)}.metin-sag{text-align:right}.metin-orta{text-align:center}.etiket{display:inline-block;padding:2px 10px;border-radius:12px;font-size:11px;font-weight:600}.etiket-musteri{background:var(--bilgi-acik);color:var(--bilgi)}.etiket-tedarikci{background:var(--uyari-acik);color:var(--uyari)}.etiket-musteri_tedarikci{background:#f3e5f5;color:#7b1fa2}.etiket-aktif{background:var(--basari-acik);color:var(--basari)}.etiket-pasif{background:var(--tehlike-acik);color:var(--tehlike)}.etiket-kurumsal{background:#e8eaf6;color:#3949ab}.etiket-bireysel{background:#fce4ec;color:#c62828}.bos-durum{text-align:center;padding:48px 20px;color:var(--yazi-cok-soluk)}.bos-durum p{margin-top:8px;font-size:14px}.yukleniyor{text-align:center;padding:40px;color:var(--yazi-soluk)}.filtre-bar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px;align-items:center}.filtre-bar input,.filtre-bar select{padding:8px 12px;background:var(--bg-beyaz);border:1px solid var(--kenar);border-radius:var(--radius-kucuk);color:var(--yazi);font-size:13px;transition:var(--gecis)}.filtre-bar input:focus,.filtre-bar select:focus{outline:none;border-color:var(--bilgi);box-shadow:0 0 0 3px var(--bilgi-acik)}.sayfalama{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-top:1px solid var(--kenar-acik);font-size:12px;color:var(--yazi-soluk)}.sayfalama-butonlar{display:flex;gap:4px}.sayfalama-butonlar button{padding:4px 10px;border:1px solid var(--kenar);background:var(--bg-beyaz);border-radius:var(--radius-kucuk);font-size:12px;color:var(--yazi);transition:var(--gecis)}.sayfalama-butonlar button:hover{background:var(--bg-hover)}.sayfalama-butonlar button.aktif{background:var(--ana-renk);color:#fff;border-color:var(--ana-renk)}.sayfalama-butonlar button:disabled{opacity:.4;cursor:not-allowed}.modal-overlay{position:fixed;inset:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-kart{background:var(--bg-beyaz);border-radius:var(--radius);box-shadow:0 20px 60px #0000004d;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;animation:modalGir .2s ease-out}.modal-genis{max-width:900px}@keyframes modalGir{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-baslik{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--kenar)}.modal-baslik h3{font-size:16px;font-weight:600;color:var(--yazi)}.modal-kapat{background:none;border:none;padding:4px;color:var(--yazi-soluk);cursor:pointer;border-radius:4px;transition:var(--gecis)}.modal-kapat:hover{background:var(--bg-hover);color:var(--yazi)}.modal-icerik{padding:20px;overflow-y:auto;flex:1}.modal-alt{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--kenar);background:var(--bg)}.sekme-bar{display:flex;gap:4px;padding:8px 16px;background:var(--bg);border-bottom:1px solid var(--kenar);overflow-x:auto}.sekme-btn{display:flex;align-items:center;gap:6px;padding:8px 14px;border:none;background:transparent;color:var(--yazi-soluk);font-size:13px;font-weight:500;border-radius:var(--radius-kucuk);cursor:pointer;transition:var(--gecis);white-space:nowrap}.sekme-btn:hover{background:var(--bg-beyaz);color:var(--yazi)}.sekme-btn.aktif{background:var(--bg-beyaz);color:var(--ana-renk);box-shadow:var(--golge)}.form-izgara{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.form-grup{display:flex;flex-direction:column;gap:6px}.form-grup.tam-genislik{grid-column:1 / -1}.form-grup label{font-size:12px;font-weight:600;color:var(--yazi-soluk);text-transform:uppercase;letter-spacing:.3px}.form-input{padding:9px 12px;border:1px solid var(--kenar);border-radius:var(--radius-kucuk);font-size:13px;color:var(--yazi);background:var(--bg-beyaz);transition:var(--gecis);width:100%}.form-input:focus{outline:none;border-color:var(--bilgi);box-shadow:0 0 0 3px var(--bilgi-acik)}.form-input::placeholder{color:var(--yazi-cok-soluk)}textarea.form-input{resize:vertical;min-height:60px}select.form-input{cursor:pointer}.form-baslik-satir{grid-column:1 / -1;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--yazi);padding:10px 0 4px;border-top:1px solid var(--kenar-acik);margin-top:8px}.form-grup-yatay{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:20px;padding-top:8px}.checkbox-label{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--yazi);cursor:pointer}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--ana-renk)}.alt-tablo-bolum{border:1px solid var(--kenar);border-radius:var(--radius);overflow:hidden}.alt-tablo-baslik{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg);border-bottom:1px solid var(--kenar);font-size:13px;font-weight:600;color:var(--yazi)}.alt-tablo-liste{max-height:400px;overflow-y:auto}.alt-tablo-satir{display:flex;gap:12px;padding:16px;border-bottom:1px solid var(--kenar-acik)}.alt-tablo-satir:last-child{border-bottom:none}.alt-tablo-satir:nth-child(2n){background:var(--bg)}.dosya-yukle-alan{border:2px dashed var(--kenar);border-radius:var(--radius);padding:40px 20px;text-align:center;cursor:pointer;transition:var(--gecis);background:var(--bg)}.dosya-yukle-alan:hover{border-color:var(--bilgi);background:var(--bilgi-acik)}.dosya-yukle-alan.dosya-secildi{border-color:var(--basari);background:var(--basari-acik)}.import-sonuc{margin-top:20px;padding:16px;background:var(--bg);border-radius:var(--radius)}.sonuc-satir{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:13px;font-weight:500}.sonuc-satir.basarili{color:var(--basari)}.sonuc-satir.hatali{color:var(--tehlike)}.hata-detay{margin-top:12px;padding-top:12px;border-top:1px solid var(--kenar);font-size:12px}.hata-detay ul{margin-top:8px;padding-left:20px;color:var(--tehlike)}.hata-detay li{margin-bottom:4px}.bilgi-kutusu{margin-top:20px;padding:16px;background:var(--bilgi-acik);border:1px solid var(--bilgi);border-radius:var(--radius);font-size:13px}.bilgi-kutusu strong{display:block;margin-bottom:8px;color:var(--bilgi)}.bilgi-kutusu p{margin-bottom:8px;color:var(--yazi)}.bilgi-kutusu code{display:block;padding:10px;background:var(--bg-beyaz);border-radius:var(--radius-kucuk);font-family:monospace;font-size:11px;overflow-x:auto;white-space:nowrap}.dropdown-kapsam{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg-beyaz);border:1px solid var(--kenar);border-radius:var(--radius-kucuk);box-shadow:0 4px 16px #0000001f;min-width:220px;z-index:300;overflow:hidden}.dropdown-menu button{display:flex;align-items:center;gap:10px;width:100%;padding:10px 16px;text-align:left;font-size:13px;font-weight:500;color:var(--yazi);background:none;border:none;cursor:pointer;transition:var(--gecis);border-bottom:1px solid var(--kenar-acik)}.dropdown-menu button:last-child{border-bottom:none}.dropdown-menu button:hover{background:var(--bg-hover)}.dropdown-menu-baslik{padding:8px 16px;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--yazi-soluk);border-bottom:1px solid var(--kenar-acik);background:var(--bg)}.oto-tamamla-kapsam{position:relative;z-index:1}.oto-tamamla-kapsam:focus-within{z-index:30}.oto-tamamla-dropdown{position:absolute;top:calc(100% + 2px);left:0;right:0;background:var(--bg-beyaz);border:1px solid var(--kenar);border-radius:var(--radius-kucuk);box-shadow:0 4px 16px #0000001f;z-index:35;max-height:240px;overflow-y:auto}.oto-tamamla-item{padding:8px 12px;cursor:pointer;border-bottom:1px solid var(--kenar-acik);transition:background .1s}.oto-tamamla-item:last-child{border-bottom:none}.oto-tamamla-item:hover,.oto-tamamla-item.aktif{background:var(--ana-renk-acik)}.oto-tamamla-item-baslik{font-size:13px;font-weight:500;color:var(--yazi)}.oto-tamamla-item-alt{font-size:11px;color:var(--yazi-soluk);margin-top:2px}.fatura-form-sayfa{max-width:1400px}.fatura-form-ust{display:grid;grid-template-columns:1fr 300px;gap:16px;margin-bottom:16px}.fatura-bilgi-panel{display:flex;flex-direction:column;gap:12px}.fatura-panel-baslik{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.8px;color:var(--yazi-soluk);margin-bottom:10px;padding-bottom:8px;border-bottom:1px solid var(--kenar-acik)}.vade-hizli-butonlar{display:flex;gap:4px;flex-wrap:wrap}.vade-hizli-btn{padding:3px 10px;font-size:11px;font-weight:600;border:1px solid var(--kenar);border-radius:12px;background:var(--bg-beyaz);color:var(--yazi-soluk);cursor:pointer;transition:var(--gecis)}.vade-hizli-btn:hover{border-color:var(--ana-renk);color:var(--ana-renk);background:var(--ana-renk-acik)}.fatura-kalem-tablo{width:100%;border-collapse:collapse;font-size:12px;table-layout:fixed}.fatura-kalem-tablo th{background:var(--bg);padding:8px 6px;font-size:11px;font-weight:600;color:var(--yazi-soluk);border-bottom:2px solid var(--kenar);white-space:nowrap}.fatura-kalem-tablo td{padding:4px 6px;border-bottom:1px solid var(--kenar-acik);vertical-align:middle;overflow:visible;position:relative}.fatura-kalem-tablo th.urun-kolon,.fatura-kalem-tablo td.urun-kolon{width:420px;min-width:420px}.fatura-kalem-tablo td input,.fatura-kalem-tablo td select{width:100%;padding:5px 8px;border:1px solid var(--kenar);border-radius:4px;font-size:12px;background:var(--bg-beyaz);color:var(--yazi)}.fatura-kalem-tablo td input:focus,.fatura-kalem-tablo td select:focus{outline:none;border-color:var(--ana-renk);box-shadow:0 0 0 2px var(--ana-renk-acik)}.fatura-ozet{margin-left:auto;width:320px;margin-top:16px}.fatura-ozet-satir{display:flex;justify-content:space-between;padding:6px 12px;font-size:13px;border-bottom:1px solid var(--kenar-acik)}.fatura-ozet-satir.toplam{font-weight:700;font-size:15px;color:var(--ana-renk);background:var(--ana-renk-acik);border-radius:var(--radius-kucuk);margin-top:4px}.fatura-ozet-satir span:last-child{font-weight:600;font-family:monospace}.fatura-kalem-satir{position:relative;z-index:1}.fatura-kalem-satir:focus-within{z-index:5}.fatura-urun-arama{display:flex;gap:4px;align-items:stretch;position:relative;z-index:1}.fatura-urun-arama:focus-within{z-index:40}.fatura-urun-arama-input{flex:1;position:relative}.fatura-urun-arama-input input{width:100%;padding-right:24px}.fatura-urun-arama-ikon{position:absolute;right:8px;top:50%;transform:translateY(-50%);color:var(--yazi-soluk);pointer-events:none}.fatura-urun-dropdown{position:absolute;top:calc(100% + 2px);left:0;min-width:420px;background:var(--bg-beyaz);border:1px solid var(--kenar);border-radius:var(--radius-kucuk);box-shadow:0 16px 40px #00000029;z-index:45;max-height:280px;overflow-y:auto}.fatura-urun-dropdown-item{width:100%;display:flex;justify-content:space-between;gap:12px;align-items:center;padding:10px 12px;border:none;background:var(--bg-beyaz);border-bottom:1px solid var(--kenar-acik);text-align:left}.fatura-urun-dropdown-item>div:first-child{min-width:0;flex:1}.fatura-urun-dropdown-item>div:first-child>div:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fatura-urun-dropdown-item:hover{background:var(--bg-hover)}.fatura-urun-dropdown-bos{padding:12px;text-align:center;color:var(--yazi-soluk);font-size:12px}.fatura-urun-kod{font-size:11px;font-weight:700;font-family:monospace;color:var(--ana-renk)}.fatura-urun-fiyat{display:flex;flex-direction:column;align-items:flex-end;gap:3px;font-size:11px;color:var(--yazi-soluk);flex-shrink:0}.fatura-urun-secili{display:flex;align-items:center;gap:6px;padding:6px 8px;border:1px solid var(--kenar-acik);border-radius:4px;background:var(--bg)}.fatura-urun-secili span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fatura-urun-secili button,.fatura-urun-ekle-btn{background:none;border:none;color:var(--ana-renk);padding:4px}.spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.sol-menu{display:none}.ana-icerik{margin-left:0}.kart-izgara,.form-izgara{grid-template-columns:1fr 1fr}.modal-kart{margin:10px}.sekme-bar{padding:8px 10px}.sekme-btn{padding:6px 10px;font-size:12px}}@media(max-width:576px){.form-izgara{grid-template-columns:1fr}.form-grup-yatay{flex-direction:column;gap:12px}}