:root{--yan:#16233A;--yan2:#1E2F4B;--yan-yazi:#AEB9CC;--zemin:#F6F7F9;--kart:#fff;--cizgi:#E3E7ED;--yazi:#1B2533;--soluk:#6B7686;--vurgu:#35618E;--vurgu2:#2A4E74;--kirmizi:#B4412F;--kirmizi-z:#FBEDEA;--yesil:#2F7D4F;--yesil-z:#E8F4EC;--turuncu:#B26B12;--altin:#E9B44C;--r:10px;--font:'IBM Plex Sans',system-ui,sans-serif;--mono:'IBM Plex Mono',ui-monospace,monospace}
*{box-sizing:border-box}
html,body{margin:0}
body{font:14px/1.5 var(--font);color:var(--yazi);background:var(--zemin)}
a{color:var(--vurgu);text-decoration:none}
h1,h2{margin:0;font-weight:600}
small{display:block;font-size:12px;color:var(--soluk)}
.soluk{color:var(--soluk)}
.sag{text-align:right}
.para{font-family:var(--mono);font-variant-numeric:tabular-nums;white-space:nowrap}
.kirmizi-y{color:var(--kirmizi)!important}.turuncu-y{color:var(--turuncu)!important}

.app{display:grid;grid-template-columns:232px 1fr;min-height:100vh}
.yan{background:var(--yan);color:var(--yan-yazi);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;overflow-y:auto}
.marka{display:flex;align-items:center;gap:10px;padding:20px 20px 16px;color:#fff;font-weight:600;font-size:17px;letter-spacing:.2px}
.marka em{font-style:normal;color:var(--altin);font-weight:500}
.marka.koyu{color:var(--yazi);padding:0 0 4px}
.logo{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:7px;background:var(--altin);color:var(--yan);font-weight:700}
.yan nav{flex:1;padding:4px 10px}
.yan nav a{display:flex;align-items:center;gap:10px;padding:8px 10px;margin:1px 0;border-radius:7px;color:var(--yan-yazi)}
.yan nav a:hover{background:var(--yan2);color:#fff}
.yan nav a.on{background:var(--vurgu);color:#fff}
.yan svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cap{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:#6E7C93;padding:16px 10px 6px}
.kisi{display:flex;align-items:center;gap:10px;padding:14px 16px;border-top:1px solid #24375A}
.kisi b{flex:1;color:#fff;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kisi form{margin:0}.kisi button{background:none;border:0;padding:4px;cursor:pointer;color:#7C8AA1}.kisi button:hover{color:#fff}
.avatar{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;background:var(--yan2);color:#fff;font-size:12px;font-weight:600;flex:none}

.ana{min-width:0}
.ust{display:flex;align-items:center;gap:14px;padding:18px 28px;border-bottom:1px solid var(--cizgi);background:var(--kart)}
.ust h1{font-size:20px}
.ust-sag{margin-left:auto;display:flex;gap:8px;align-items:center}
.icerik{padding:24px 28px 40px}
.hamburger{display:none;cursor:pointer;width:26px}
.hamburger span{display:block;height:2px;background:var(--yazi);margin:5px 0;border-radius:2px}
.ortu{display:none}

.kpiler{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}
.kpi{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px 16px;border-top:3px solid var(--vurgu)}
.kpi span{font-size:12px;color:var(--soluk)}
.kpi b{display:block;font:500 21px/1.3 var(--mono);margin:4px 0 2px}
.kpi.kirmizi{border-top-color:var(--kirmizi)}.kpi.kirmizi b{color:var(--kirmizi)}
.kpi.yesil{border-top-color:var(--yesil)}

.izgara{display:grid;gap:16px;margin-bottom:16px}
.izgara.iki{grid-template-columns:1fr 1fr}
.izgara.uc{grid-template-columns:repeat(3,1fr)}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px;min-width:0}
.kart h2{font-size:15px;display:flex;align-items:center;gap:8px;margin-bottom:12px}
.bos{color:var(--soluk);margin:6px 0}

.tablo-sar{overflow-x:auto;margin:0 -18px}
.tablo{width:100%;border-collapse:collapse}
.tablo th{font-size:11px;text-transform:uppercase;letter-spacing:.5px;color:var(--soluk);font-weight:500;text-align:left;padding:8px 18px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tablo th.sag{text-align:right}
.tablo td{padding:9px 18px;border-bottom:1px solid #EEF1F5;vertical-align:top}
.tablo tr:last-child td{border-bottom:0}
.tablo td b{font-weight:500}

.liste-satir{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:8px 0;border-bottom:1px solid #EEF1F5}
.liste-satir:last-child{border-bottom:0}
.liste-satir b{font-weight:500}
.liste-satir .sag{display:flex;flex-direction:column;align-items:flex-end}

.rozet{display:inline-block;font-size:11px;font-weight:600;padding:1px 8px;border-radius:20px;background:#E8EEF5;color:var(--vurgu)}
.rozet.kirmizi{background:var(--kirmizi-z);color:var(--kirmizi)}
.rozet.yesil{background:var(--yesil-z);color:var(--yesil)}
.kol{display:inline-flex;align-items:center;gap:6px;font-size:12px;white-space:nowrap}
.kol::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--c,var(--vurgu))}

.uyari{padding:10px 14px;border-radius:8px;margin-bottom:16px}
.uyari.ok{background:var(--yesil-z);color:var(--yesil)}
.uyari.hata{background:var(--kirmizi-z);color:var(--kirmizi)}

.btn{display:inline-block;border:1px solid var(--cizgi);background:var(--kart);color:var(--yazi);padding:8px 14px;border-radius:8px;font:inherit;cursor:pointer}
.btn:hover{border-color:#C9D1DC}
.ana-btn{background:var(--vurgu);border-color:var(--vurgu);color:#fff}.ana-btn:hover{background:var(--vurgu2)}
label{display:block;font-size:13px;color:var(--soluk);margin-bottom:12px}
input,select,textarea{display:block;width:100%;margin-top:4px;padding:9px 11px;border:1px solid #CFD6E0;border-radius:8px;font:inherit;color:var(--yazi);background:#fff}
input:focus,select:focus,textarea:focus{outline:2px solid #BFD1E6;border-color:var(--vurgu)}
label.satir{display:flex;align-items:center;gap:8px}
label.satir input{width:auto;margin:0}

.giris-sayfa{display:grid;place-items:center;min-height:100vh;background:var(--yan);padding:16px}
.giris-kutu{background:var(--kart);border-radius:14px;padding:28px;width:100%;max-width:360px}
.giris-kutu .soluk{margin:0 0 18px}
.giris-kutu .btn{width:100%;padding:10px}

@media (max-width:1100px){.kpiler{grid-template-columns:repeat(3,1fr)}.izgara.uc{grid-template-columns:1fr 1fr}}
@media (max-width:900px){
  .app{grid-template-columns:1fr}
  .yan{position:fixed;left:0;top:0;z-index:20;width:250px;transform:translateX(-100%);transition:transform .2s}
  .menu-cb:checked ~ .app .yan{transform:none}
  .menu-cb:checked ~ .app .ortu{display:block;position:fixed;inset:0;background:rgba(10,18,32,.45);z-index:10}
  .hamburger{display:block}
  .ust{padding:14px 16px}.icerik{padding:16px}
  .kpiler{grid-template-columns:1fr 1fr}
  .izgara.iki,.izgara.uc{grid-template-columns:1fr}
}

/* --- cariler ve formlar --- */
.filtre{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:16px}
.filtre input[type=search]{flex:1;min-width:220px;margin:0}
.filtre select{width:auto;margin:0}
.filtre label.satir{margin:0}
.satir-link tbody tr{cursor:pointer}
.satir-link tbody tr:hover td{background:#F8FAFC}
.alt-not{font-size:12px;margin:10px 0 0}
.geri{display:inline-block;margin-bottom:14px;font-size:13px}
.satir-ici{display:inline;margin:0}
.kpiler.uclu{grid-template-columns:repeat(3,1fr)}
.kart-izgara{grid-template-columns:minmax(280px,2fr) 3fr}
.bilgi{display:grid;grid-template-columns:110px 1fr;gap:6px 12px;margin:0}
.bilgi dt{color:var(--soluk);font-size:13px}
.bilgi dd{margin:0;word-break:break-word}
.not{background:#FBF7EC;border-radius:8px;padding:10px 12px;margin:14px 0 0;font-size:13px}
.birlestir{margin-top:16px;border-top:1px solid var(--cizgi);padding-top:12px}
.birlestir summary{cursor:pointer;color:var(--soluk);font-size:13px}
.birlestir form{margin-top:10px}
.birlestir select{margin:8px 0}
.btn.tehlike{border-color:#E5B8B0;color:var(--kirmizi)}
.btn.tehlike:hover{background:var(--kirmizi-z)}
.tablo tr.sonuk td{opacity:.55}
.form-kart{max-width:860px}
.form-izgara{display:grid;grid-template-columns:1fr 1fr 1fr;gap:0 16px}
.form-izgara .genis{grid-column:span 2}
.form-izgara .tam{grid-column:1/-1}
.dugmeler{display:flex;gap:10px;margin-top:6px}
@media (max-width:900px){
  .kpiler.uclu{grid-template-columns:1fr 1fr}
  .kart-izgara,.form-izgara{grid-template-columns:1fr}
  .form-izgara .genis{grid-column:auto}
}

/* --- hareket, hizmet, kasa --- */
.btn.kucuk{padding:4px 10px;font-size:12px}
.nowrap{white-space:nowrap}
.filtre label{margin:0;font-size:12px}
.filtre label input,.filtre label select{margin-top:2px}
.satir-duzenle summary{list-style:none}
.satir-duzenle summary::-webkit-details-marker{display:none}
.satir-duzenle[open]{position:relative}
.satir-duzenle form{position:absolute;right:0;z-index:5;width:min(620px,86vw);background:#fff;border:1px solid var(--cizgi);border-radius:var(--r);padding:16px;box-shadow:0 12px 32px rgba(16,30,54,.14);text-align:left;margin-top:6px}
.form-kart+.form-kart,.kart+.form-kart{margin-top:16px}
.form-kart h2{margin-bottom:12px}

/* --- alacak / verecek --- */
.yesil-y{color:var(--yesil)!important}
.av-ozet{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}
.av-kutu{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:16px 18px}
.av-kutu span{font-size:13px;color:var(--soluk)}
.av-kutu b{display:block;font:600 26px/1.3 var(--mono);margin:4px 0}
.av-kutu.yesil{border-left:4px solid var(--yesil)}.av-kutu.yesil b{color:var(--yesil)}
.av-kutu.kirmizi{border-left:4px solid var(--kirmizi)}.av-kutu.kirmizi b{color:var(--kirmizi)}
.av-satir{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid #EEF1F5}
.av-satir:last-child{border-bottom:0}
.av-sag{display:flex;align-items:center;gap:10px;white-space:nowrap}
.av-tutar{font:600 16px var(--mono)}
.av-cumle{background:var(--kart);border:1px solid var(--cizgi);border-left:4px solid var(--vurgu);border-radius:var(--r);padding:12px 16px;margin-bottom:16px;font-size:15px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.av-cumle.yesil{border-left-color:var(--yesil)}
.av-cumle.kirmizi{border-left-color:var(--kirmizi)}
@media (max-width:900px){.av-ozet{grid-template-columns:1fr}}

/* --- giderler --- */
.kart h2 small{font-size:12px;color:var(--soluk);display:inline}
.satir-form{display:flex;gap:8px;margin-top:10px}
.satir-form input{margin:0}

/* --- ozet ve raporlar --- */
.soru-izgara{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}
.raporlar .soru-izgara,.soru-izgara:has(> .soru:nth-child(3):last-child){grid-template-columns:repeat(3,1fr)}
.soru{display:block;background:var(--kart);border:1px solid var(--cizgi);border-left:5px solid var(--vurgu);border-radius:var(--r);padding:16px 18px;color:var(--yazi)}
a.soru:hover{box-shadow:0 4px 16px rgba(16,30,54,.08)}
.soru .s{font-size:14px;color:var(--soluk);font-weight:500}
.soru b{display:block;font:600 28px/1.25 var(--mono);margin:6px 0 4px}
.soru small{font-size:12.5px;margin-top:2px}
.soru.iyi{border-left-color:var(--yesil)}.soru.iyi b{color:var(--yesil)}
.soru.kotu{border-left-color:var(--kirmizi)}.soru.kotu b{color:var(--kirmizi)}
.soru.bekle{border-left-color:var(--altin)}
.av-satir.yaklasan{color:var(--yazi)}
.av-satir.yaklasan:hover b{color:var(--vurgu)}
.etiket{display:inline-block;font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;padding:1px 7px;border-radius:4px;margin-right:6px;vertical-align:1px}
.etiket.giris{background:var(--yesil-z);color:var(--yesil)}
.etiket.cikis{background:var(--kirmizi-z);color:var(--kirmizi)}
.ay-cubuklar{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;align-items:end;text-align:center}
.ay-cubuklar .cubuklar{height:140px;display:flex;align-items:flex-end;justify-content:center;gap:5px;border-bottom:1px solid var(--cizgi);margin-bottom:6px}
.ay-cubuklar .c{width:22px;border-radius:4px 4px 0 0;min-height:2px}
.c.giren,.nokta.giren{background:#3F8F4F}.c.cikan,.nokta.cikan{background:#C8573F}
.ay-cubuklar b{display:block;font-size:13px;font-weight:500}
.ay-cubuklar small{font-family:var(--mono)}
.nokta{display:inline-block;width:9px;height:9px;border-radius:2px;vertical-align:0}
.tablo tr.toplam td{border-top:2px solid var(--cizgi);background:#FAFBFC}
.cubuk-satir{padding:7px 0}
.cubuk-satir .ust{display:flex;justify-content:space-between;font-size:13.5px;margin-bottom:4px}
.cubuk{height:8px;background:#EEF1F5;border-radius:4px;overflow:hidden}
.cubuk span{display:block;height:100%;background:var(--vurgu);border-radius:4px}
@media (max-width:1100px){.soru-izgara{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.soru-izgara{grid-template-columns:1fr}.ay-cubuklar .c{width:12px}}