:root{--zemin:#f4f6f8;--kart:#fff;--yazi:#17202b;--mut:#5c6878;--cizgi:#dde3ea;--ana:#1f5f8b;--ana2:#174a6d;--pos:#16794a;--neg:#b42318;--uyari:#9a6700;--uyari-z:#fff6db;--hata-z:#fdecea;--bilgi-z:#eaf3fb;--yuvarlak:8px}
@media (prefers-color-scheme:dark){:root{--zemin:#12161b;--kart:#1b2128;--yazi:#e6eaef;--mut:#9aa6b4;--cizgi:#2c353f;--ana:#4c9ad3;--ana2:#6fb0e0;--pos:#4cc38a;--neg:#ff7b72;--uyari:#e3b341;--uyari-z:#2e2610;--hata-z:#35191a;--bilgi-z:#16283a;color-scheme:dark}}
[hidden]{display:none!important}
*{box-sizing:border-box}
body{margin:0;font:14px/1.45 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--zemin);color:var(--yazi)}
h1{font-size:20px;margin:0 0 12px}h2{font-size:16px;margin:0 0 10px}h3{font-size:14px;margin:12px 0 6px}
input,select,textarea,button{font:inherit;color:inherit}
input,select,textarea{background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;padding:7px 9px;width:100%;min-width:0}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--ana);outline-offset:1px}
label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--mut)}
label>input,label>select,label>textarea{color:var(--yazi)}
.btn{border:1px solid var(--cizgi);background:var(--kart);border-radius:6px;padding:7px 12px;cursor:pointer;white-space:nowrap}
.btn:hover{border-color:var(--ana)}.btn.ana{background:var(--ana);border-color:var(--ana);color:#fff}.btn.ana:hover{background:var(--ana2)}
.btn.kucuk{padding:3px 8px;font-size:12.5px}.btn.tehlike{color:var(--neg);border-color:var(--neg)}
.btn[disabled]{opacity:.55;cursor:default}
.mut{color:var(--mut)}.pos{color:var(--pos)}.neg{color:var(--neg)}.sag{text-align:right}.sp{flex:1}
.n{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.giris{min-height:100vh;display:grid;place-items:center;padding:16px}.giris-kutu{width:min(360px,100%);display:flex;flex-direction:column;gap:12px}
.kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:16px}
.hata{color:var(--neg);min-height:1em;margin:0}
.uyg{display:grid;grid-template-columns:220px 1fr;grid-template-rows:auto 1fr;min-height:100vh}
.ust{grid-column:1/-1;display:flex;align-items:center;gap:10px;padding:8px 16px;background:var(--kart);border-bottom:1px solid var(--cizgi);position:sticky;top:0;z-index:5;flex-wrap:wrap}
.logo{font-size:15px}.sirket-sec{flex-direction:row;align-items:center;gap:6px}.sirket-sec select{width:auto}
.menu-ac{display:none;border:0;background:none;font-size:20px;cursor:pointer}
.menu{background:var(--kart);border-right:1px solid var(--cizgi);padding:10px 8px;display:flex;flex-direction:column;gap:2px}
.menu a{display:block;padding:8px 10px;border-radius:6px;color:inherit;text-decoration:none}.menu a:hover{background:var(--zemin)}.menu a.secili{background:var(--bilgi-z);color:var(--ana);font-weight:600}
.menu small{display:block;color:var(--mut);font-size:11.5px;padding:10px 10px 2px;text-transform:uppercase;letter-spacing:.05em}
.ana-alan{padding:16px;min-width:0}
.izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.sayi{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:12px 14px}.sayi span{font-size:12px;color:var(--mut)}.sayi b{display:block;font-size:20px;font-variant-numeric:tabular-nums}.sayi small{color:var(--mut);font-size:11.5px}
.tablo-kap{overflow-x:auto;background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak)}
table{border-collapse:collapse;width:100%}th,td{padding:7px 10px;border-bottom:1px solid var(--cizgi);text-align:left;vertical-align:top}th{font-size:12px;color:var(--mut);font-weight:600;background:var(--zemin);position:sticky;top:0}
tbody tr{cursor:pointer}tbody tr:hover{background:var(--zemin)}tr.iptal td{text-decoration:line-through;opacity:.6}
.filtre{display:flex;gap:8px;flex-wrap:wrap;align-items:end;margin:0 0 10px}.filtre label{min-width:140px}
.toplamlar{display:flex;gap:16px;flex-wrap:wrap;padding:8px 2px;color:var(--mut);font-size:13px}.toplamlar b{color:var(--yazi)}
.sayfala{display:flex;gap:8px;align-items:center;justify-content:flex-end;padding:8px 0}
.etiket{display:inline-block;font-size:11.5px;padding:1px 7px;border-radius:10px;background:var(--zemin);border:1px solid var(--cizgi);color:var(--mut)}
.etiket.uyari{background:var(--uyari-z);color:var(--uyari);border-color:transparent}
/* Yeni işlem */
.tur-sec{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin-bottom:14px}
.tur-sec button{text-align:left;padding:14px;border:1px solid var(--cizgi);border-radius:var(--yuvarlak);background:var(--kart);cursor:pointer}
.tur-sec button b{display:block;font-size:15px}.tur-sec button span{color:var(--mut);font-size:12.5px}.tur-sec button.secili{border-color:var(--ana);box-shadow:inset 0 0 0 1px var(--ana)}
.form-izgara{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:14px;align-items:start}
.bolum{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--yuvarlak);padding:14px;margin-bottom:12px}
.alanlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.alan-hata{color:var(--neg);font-size:12.5px}.alan-uyari{color:var(--uyari);font-size:12.5px}
.secenek{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 10px}.secenek label{flex-direction:row;align-items:center;gap:6px;padding:6px 10px;border:1px solid var(--cizgi);border-radius:20px;color:var(--yazi);cursor:pointer}
.secenek input{width:auto}
.ozet{position:sticky;top:64px}.ozet ul{margin:6px 0;padding-left:18px}.ozet li{margin:3px 0}
.uyari-kutu{background:var(--uyari-z);border-radius:6px;padding:8px 10px;margin:6px 0;color:var(--yazi)}.uyari-kutu b{color:var(--uyari)}
.hata-kutu{background:var(--hata-z);border-radius:6px;padding:8px 10px;margin:6px 0}.bilgi-kutu{background:var(--bilgi-z);border-radius:6px;padding:8px 10px;margin:6px 0}
.etki td{padding:4px 6px;border:0}.etki tr{cursor:default}
.kisi-sec{position:relative}.oneri{position:absolute;z-index:20;left:0;right:0;top:100%;background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;max-height:280px;overflow:auto;box-shadow:0 8px 20px rgba(0,0,0,.12)}
.oneri button{display:block;width:100%;text-align:left;border:0;background:none;padding:7px 10px;cursor:pointer}.oneri button:hover,.oneri button.aktif{background:var(--bilgi-z)}
.dagitim-satir{display:grid;grid-template-columns:minmax(0,1fr) 140px auto;gap:8px;align-items:end;margin-bottom:6px}
.acik-belge{display:grid;grid-template-columns:auto minmax(0,1fr) 120px 130px;gap:8px;align-items:center;padding:5px 0;border-bottom:1px solid var(--cizgi)}
.acik-belge input[type=checkbox]{width:auto}
.basari{border-left:4px solid var(--pos)}
.cekmece{position:fixed;top:0;right:0;bottom:0;width:min(560px,100%);background:var(--kart);border-left:1px solid var(--cizgi);z-index:30;overflow:auto;padding:16px;box-shadow:-8px 0 24px rgba(0,0,0,.15)}
.cekmece .kapat{float:right}
dl.bilgi{display:grid;grid-template-columns:150px minmax(0,1fr);gap:4px 10px;margin:8px 0}dl.bilgi dt{color:var(--mut)}dl.bilgi dd{margin:0}
.bildirim{position:fixed;bottom:16px;left:50%;transform:translateX(-50%);z-index:50;display:flex;flex-direction:column;gap:6px}
.bildirim div{background:var(--yazi);color:var(--kart);padding:9px 14px;border-radius:6px;box-shadow:0 4px 14px rgba(0,0,0,.2)}
.vade-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px}
.gun{background:var(--kart);border:1px solid var(--cizgi);border-radius:6px;padding:8px;min-height:90px}.gun.ustunde{border-color:var(--ana);background:var(--bilgi-z)}
.gun h4{margin:0 0 6px;font-size:12.5px;color:var(--mut)}.gun .top{font-weight:600;font-variant-numeric:tabular-nums}
.kalem{font-size:12.5px;padding:4px 6px;margin:3px 0;border-radius:4px;background:var(--zemin);cursor:grab;border:1px solid var(--cizgi)}.kalem.borc{border-left:3px solid var(--neg)}.kalem.alacak{border-left:3px solid var(--pos)}
@media (max-width:820px){.uyg{grid-template-columns:1fr}.menu{display:none;position:fixed;top:52px;left:0;bottom:0;width:240px;z-index:20;box-shadow:4px 0 16px rgba(0,0,0,.15)}.menu.acik{display:flex}.menu-ac{display:block}.form-izgara{grid-template-columns:1fr}.ozet{position:static}.ust{padding-left:12px;padding-right:12px}.ana-alan{padding:12px}.dagitim-satir{grid-template-columns:1fr 110px auto}.acik-belge{grid-template-columns:auto 1fr 100px}.acik-belge .n:last-child{grid-column:2/-1}}
.ana-alan:focus{outline:none}
