:root{

  --mor:#b44ea7; --mor-koyu:#9a3f8e; --mor-acik:#d774ca; --mor-zemin:#f7eef6;

  --mor-derin:#8a3880;
  --ink:#3c3f48; --muted:#555864; --muted-2:#6b6f78;

  --paper:#f3f4f4; --paper-2:#ffffff;

  --line:#e9edef;

  --danger:#c62828; --danger-bg:#fdecec; --ok:#0f6f1f; --ok-bg:#e8f4e9;
  --warn:#8a5600; --warn-bg:#fff4e2;

  --turuncu:#ff9b07; --turuncu-koyu:#e08a00; --turuncu-zemin:#fff4e2;

  --radius:0; --r-kontrol:4px;

  --shadow:0 1px 3px rgba(60,63,72,.10);

  --font-display:'Inter', system-ui, sans-serif; --font-body:'Inter', system-ui, sans-serif; --font-mono:'Inter', system-ui, -apple-system, sans-serif;
}
*{box-sizing:border-box;}
html,body{margin:0;padding:0;}
body{font-family:var(--font-body); background:var(--paper); color:var(--ink); -webkit-font-smoothing:antialiased;}
.field{display:flex; flex-direction:column; gap:5px; margin-bottom:14px;}
.field.full{grid-column:1/-1;}
.field label{font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); font-weight:600;}
input, select, textarea{font-family:var(--font-body); font-size:14px; padding:10px 12px; border-radius:var(--r-kontrol); border:1px solid var(--line); background:#fff; color:var(--ink); width:100%;}
input:focus, select:focus, textarea:focus{outline:2px solid var(--mor); outline-offset:1px; border-color:var(--mor);}
.hint{font-size:12px; color:var(--muted); margin-top:3px;}

.btn{font-family:var(--font-body); font-weight:600; font-size:14px; padding:11px 16px; border-radius:var(--r-kontrol);
  border:none; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; gap:7px;}
.btn-primary{background:var(--mor); color:#fff;}
.btn-primary:hover{background:var(--mor-koyu);}
.btn-gold{background:var(--turuncu); color:var(--ink);}

.btn-gold:hover{background:var(--turuncu-koyu); color:var(--ink);}

.btn-ghost{background:var(--mor-zemin); color:var(--mor-derin);}
.btn-sm{padding:8px 12px; font-size:13px; min-height:40px;}
.btn[disabled]{opacity:.5; cursor:not-allowed;}

.card{border:1px solid var(--line); border-radius:0; background:#fff; overflow:hidden; margin-bottom:10px;}
.card-pad{padding:10px 12px;}
.form-grid{display:grid; grid-template-columns:1fr 1fr; gap:0 14px;}
table{width:100%; border-collapse:collapse; font-size:13px;}
th{text-align:left; font-size:12px; text-transform:uppercase; letter-spacing:.04em; color:var(--muted); padding:9px 14px; border-bottom:1px solid var(--line);}
td{padding:10px 14px; border-bottom:1px solid var(--line);}
tr:last-child td{border-bottom:none;}
.num{font-family:var(--font-mono); font-variant-numeric:tabular-nums;}
.badge{display:inline-flex; align-items:center; padding:3px 9px; border-radius:99px; font-size:12px; font-weight:600;}
.badge.ok{background:var(--ok-bg); color:var(--ok);}
.badge.warn{background:var(--warn-bg); color:var(--warn);}
.badge.danger{background:var(--danger-bg); color:var(--danger);}

.empty-note{padding:26px 16px; text-align:center; color:var(--muted); font-size:13px;}

.summary-row{display:flex; justify-content:space-between; padding:8px 0; border-bottom:1px solid var(--line); font-size:13px;}
.summary-row:last-child{border-bottom:none;}
.summary-row .lbl{color:var(--muted);}

#view-login{min-height:100vh; align-items:center; justify-content:center; padding:20px;}

.login-card{width:100%; max-width:360px; padding:34px 30px; background:var(--paper-2); border:1px solid var(--line); border-radius:14px; box-shadow:var(--shadow);}
.login-basi{display:flex; align-items:center; gap:10px; margin-bottom:22px;}
.login-ad{font-family:var(--font-display); font-weight:600; font-size:17px; color:var(--ink);}
.login-alt{font-size:12px; color:var(--muted); letter-spacing:.08em; text-transform:uppercase;}
.login-card .field{gap:5px; margin-bottom:14px;}
.login-card input{width:100%;}

.login-mark{width:34px; height:34px; border-radius:9px; flex-shrink:0;
  background:#039fa7; color:var(--paper);
  display:flex; align-items:center; justify-content:center; line-height:1;
  font-family:var(--font-display); font-weight:700; font-size:17px;}

.app-shell{display:none; min-height:100vh;}
.app-shell.active{display:flex;}

.ust-bar{display:flex; align-items:center; gap:2px; position:sticky; top:0; z-index:40;
  background:var(--paper-2); color:var(--ink);
  padding:0 8px; min-height:52px; border-bottom:3px solid var(--mor);}
.ust-btn{background:none; border:0; color:var(--mor); width:44px; height:44px;
  border-radius:0; cursor:pointer; flex-shrink:0; font-family:var(--font-body);
  display:flex; align-items:center; justify-content:center;}
.ust-btn:hover{background:var(--mor-zemin);}
.ust-btn svg{width:22px; height:22px; display:block;}

.ust-avatar{flex:none; width:34px; height:34px; border-radius:50%;
  background:var(--mor-zemin); border:1px solid var(--mor-acik);
  color:var(--mor-koyu); font-size:13px; font-weight:700; cursor:pointer;
  font-family:var(--font-body); margin-left:4px;}
.ust-avatar:hover{background:var(--mor-acik); color:#fff;}
.ust-baslik{flex:1; font-size:16px; font-weight:600; text-align:center; color:var(--ink);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.ust-kullanici{font-size:12px; color:var(--muted-2); white-space:nowrap; padding:0 6px;}

.app-shell.active{flex-direction:column;}

.as-marka{font-weight:700; font-size:20px; color:var(--ink); line-height:1.2;
  padding:4px 0 2px;}
.as-marka small{display:block; font-weight:400; font-size:13px; color:var(--muted-2); margin-top:2px;}

.cg-gruplar{display:flex; flex-wrap:wrap; gap:6px; margin-bottom:12px;}
.cg-grup-btn{background:var(--paper-2); border:1px solid var(--line); color:var(--ink);
  font-size:13px; padding:8px 12px; border-radius:var(--r-kontrol); cursor:pointer;
  font-family:var(--font-body); min-height:36px;}
.cg-grup-btn:hover{background:var(--mor-zemin); border-color:var(--mor-acik);}
.cg-grup-btn.active{background:var(--mor); border-color:var(--mor); color:#fff; font-weight:600;}
.cg-grup-yeni{color:var(--turuncu-koyu);}

.main{flex:1; padding:26px 32px; max-width:1300px; width:100%; margin:0 auto;}
.view{display:none;}
.view.active{display:block;}
.page-title{font-family:var(--font-display); font-size:20px; font-weight:600; color:var(--ink); margin:0 0 2px 0;}
.page-sub{font-size:13px; color:var(--muted); margin-bottom:20px;}
.page-head{display:flex; justify-content:space-between; align-items:flex-start; margin-bottom:10px;}
.modal-backdrop{position:fixed; inset:0; background:rgba(60,63,72,.45); display:none; align-items:center; justify-content:center; z-index:50; padding:20px;}
.modal-backdrop.open{display:flex;}

.modal-backdrop.modal-ust{z-index:60;}
.modal{background:#fff; border-radius:0; max-width:480px; width:100%; max-height:88vh; overflow-y:auto; box-shadow:0 40px 90px -20px rgba(0,0,0,.4);}
.modal-head{padding:16px 20px; border-bottom:1px solid var(--line); display:flex; justify-content:space-between; align-items:center;}
.modal-head h3{margin:0; font-family:var(--font-display); font-size:17px; color:var(--ink);}
.modal-body{padding:18px 20px;}
.modal-foot{padding:14px 20px; border-top:1px solid var(--line); display:flex; justify-content:flex-end; gap:10px;}

.close-x{background:none; border:none; font-size:20px; line-height:1; cursor:pointer;
  color:var(--muted); width:40px; height:40px; display:inline-flex; align-items:center;
  justify-content:center; margin:-8px -10px -8px 0; flex:none;}

.oneri-kutu{background:var(--turuncu-zemin); border:1px solid var(--turuncu); border-radius:0; padding:12px 14px; margin:12px 0; font-size:13px;}

.gap-16px.gap-16px.gap-16px{gap:16px;}
.mb-4px.mb-4px.mb-4px{margin-bottom:4px;}
.pb-0.pb-0.pb-0{padding-bottom:0;}

.w-130px.w-130px.w-130px{width:130px;}

.w-180px.w-180px.w-180px{width:180px;}

.cari-satir{cursor:pointer;}
.cari-satir:hover{background:var(--paper);}

.hd-ok{color:var(--muted); font-size:12px; margin-left:6px;}
.cari-satir:hover .hd-ok{color:var(--turuncu-koyu);}

.ovfx-auto.ovfx-auto.ovfx-auto{overflow-x:auto;}
.ta-center.ta-center.ta-center{text-align:center;}
.w-300px.w-300px.w-300px{width:300px;}
.hd-bolum{font-weight:700; font-size:13px; margin:16px 0 6px 0; color:var(--mor-koyu);}

#hd-hareket .hd-bolum:first-child{margin-top:0;}

.sekme-tabs{display:flex; flex-wrap:wrap; gap:1px; margin:0 0 16px;
  background:var(--line); border:1px solid var(--line);}
.sekme-tab{flex:1 1 auto; background:var(--paper-2); border:0; border-radius:0;
  padding:12px 8px; text-align:center; cursor:pointer; font-size:13px;
  font-weight:600; color:var(--ink); min-height:44px; white-space:nowrap;}
.sekme-tab:hover{background:var(--paper);}
.sekme-tab.active{background:var(--mor); color:#fff;}

.ai-center.ai-center.ai-center{align-items:center;}
.ai-flex-end.ai-flex-end.ai-flex-end{align-items:flex-end;}
.bg-paper-2.bg-paper-2.bg-paper-2{background:var(--paper-2);}
.border-top-2px-solid-line.border-top-2px-solid-line.border-top-2px-solid-line{border-top:2px solid var(--line);}
.fd-row.fd-row.fd-row{flex-direction:row;}
.fs-13px.fs-13px.fs-13px{font-size:13px;}
.fs-14px.fs-14px.fs-14px{font-size:14px;}
.fw-400.fw-400.fw-400{font-weight:400;}
.fw-700.fw-700.fw-700{font-weight:700;}
.fwr-wrap.fwr-wrap.fwr-wrap{flex-wrap:wrap;}
.gap-10px.gap-10px.gap-10px{gap:10px;}
.gap-12px.gap-12px.gap-12px{gap:12px;}
.gap-8px.gap-8px.gap-8px{gap:8px;}
.jc-space-between.jc-space-between.jc-space-between{justify-content:space-between;}
.m-8px-0.m-8px-0.m-8px-0{margin:8px 0;}
.mb-0.mb-0.mb-0{margin-bottom:0;}
.mb-10px.mb-10px.mb-10px{margin-bottom:10px;}
.mb-12px.mb-12px.mb-12px{margin-bottom:12px;}
.mb-14px.mb-14px.mb-14px{margin-bottom:14px;}
.mb-16px.mb-16px.mb-16px{margin-bottom:16px;}
.mb-8px.mb-8px.mb-8px{margin-bottom:8px;}
.mh-60vh.mh-60vh.mh-60vh{max-height:60vh;}
.mh-92vh.mh-92vh.mh-92vh{max-height:92vh;}
.mt-12px.mt-12px.mt-12px{margin-top:12px;}
.mt-16px.mt-16px.mt-16px{margin-top:16px;}
.mt-28px.mt-28px.mt-28px{margin-top:28px;}
.mt-8px.mt-8px.mt-8px{margin-top:8px;}
.mw-1300px.mw-1300px.mw-1300px{max-width:1300px;}
.mw-520px.mw-520px.mw-520px{max-width:520px;}
.mw-550px.mw-550px.mw-550px{max-width:550px;}
.mw-560px.mw-560px.mw-560px{max-width:560px;}
.mw-600px.mw-600px.mw-600px{max-width:600px;}
.mw-640px.mw-640px.mw-640px{max-width:640px;}
.mw-650px.mw-650px.mw-650px{max-width:650px;}
.mw-750px.mw-750px.mw-750px{max-width:750px;}
.ovfy-auto.ovfy-auto.ovfy-auto{overflow-y:auto;}
.p-14px-16px.p-14px-16px.p-14px-16px{padding:14px 16px;}
.renk-danger.renk-danger.renk-danger{color:var(--danger);}
.renk-muted.renk-muted.renk-muted{color:var(--muted);}
.renk-mor.renk-mor.renk-mor{color:var(--mor-koyu);}
.ta-right.ta-right.ta-right{text-align:right;}
.tt-none.tt-none.tt-none{text-transform:none;}
.w-70px.w-70px.w-70px{width:70px;}
.w-95vw.w-95vw.w-95vw{width:95vw;}
#bd-adres{text-align:right; max-width:60%;}
#bd-havale-secim-alani{margin-top:16px; padding-top:16px; border-top:1px solid var(--line);}
#bd-urunler{font-size:13px; margin-top:6px;}

#duzenli-rozet, #ortak-rozet, #kredi-rozet{background:var(--turuncu-koyu); color:#fff; font-size:12px; font-weight:700; padding:2px 7px; border-radius:99px; min-width:18px; text-align:center;}
#bekleyen-rozet{background:var(--danger); color:#fff; font-size:12px; font-weight:700; padding:2px 7px; border-radius:99px; min-width:18px; text-align:center;}

#if-onizleme{margin-top:10px;}
#if-ozet{font-size:13px; margin-bottom:8px;}
#nh-ozel{width:16px; height:16px;}
#pk-ozet{padding:0 16px 14px; font-size:13px;}

.ai-center.ai-center.ai-center{align-items:center;}
.font-style-italic.font-style-italic.font-style-italic{font-style:italic;}
.fs-12px.fs-12px.fs-12px{font-size:12px;}
.fs-14px.fs-14px.fs-14px{font-size:14px;}
.fw-700.fw-700.fw-700{font-weight:700;}
.imlec-pointer.imlec-pointer.imlec-pointer{cursor:pointer;}
.jc-space-between.jc-space-between.jc-space-between{justify-content:space-between;}
.mt-4px.mt-4px.mt-4px{margin-top:4px;}
.p-14px-16px.p-14px-16px.p-14px-16px{padding:14px 16px;}
.renk-danger.renk-danger.renk-danger{color:var(--danger);}
.renk-turuncu.renk-turuncu.renk-turuncu{color:var(--turuncu);}
.renk-muted.renk-muted.renk-muted{color:var(--muted);}
.renk-ok.renk-ok.renk-ok{color:var(--ok);}
.renk-mor.renk-mor.renk-mor{color:var(--mor-koyu);}
.ta-right.ta-right.ta-right{text-align:right;}
.w-100px.w-100px.w-100px{width:100px;}
.w-110px.w-110px.w-110px{width:110px;}

#lg-hata{color:var(--danger); font-size:13px; margin-bottom:12px; min-height:16px;}
.login-btn{width:100%; justify-content:center; margin-top:4px;}

.na-uyari{background:var(--danger-bg); border:1px solid var(--danger);
  color:var(--danger); border-radius:14px; padding:11px 14px; font-size:13px;
  line-height:1.5; margin-top:12px;}

.nd-buyuk{background:var(--mor-koyu); color:#fff; border-radius:0; padding:22px 26px; margin-bottom:16px;}
.nd-etiket{font-size:12px; text-transform:uppercase; letter-spacing:.04em; opacity:.85; font-weight:600;}
.nd-deger{font-family:var(--font-mono); font-size:28px; font-weight:700; line-height:1.1; margin:5px 0 4px; font-variant-numeric:tabular-nums;}
.nd-kiyas{font-size:13px; font-family:var(--font-mono); font-variant-numeric:tabular-nums;}
.nd-kiyas .renk-muted{color:rgba(255,255,255,.85) !important; font-family:var(--font-body);}

.nd-arti{color:#b9f0d2;}
.nd-eksi{color:#ffdcd4;}

.nd-ok{display:inline-block; width:14px; color:var(--muted); font-size:12px;}
.nd-kir{padding:14px 18px;}

.nd-kir-bas{font-size:13px; color:var(--ink); margin-bottom:10px;}
.nd-kir-uyari{font-size:12px; color:var(--danger); background:var(--danger-bg);
  border-radius:0; padding:9px 11px; line-height:1.5; margin-bottom:10px;}
.nd-kir-tablo{width:100%; border-collapse:collapse;}
.nd-kir-tablo th{font-size:12px; text-transform:uppercase; letter-spacing:.04em;
  color:var(--muted); text-align:left; padding:4px 8px; border-bottom:1px solid var(--line);}
.nd-kir-tablo td{padding:7px 8px; font-size:13px; border-bottom:1px solid var(--line);}

.nd-kir-tablo th:first-child, .nd-kir-tablo td:first-child{padding-left:0;}
.nd-kir-tablo th:last-child, .nd-kir-tablo td:last-child{padding-right:0;}
.nd-kir-defter > td{background:#fff; padding:0 8px 8px !important;}
.nd-kir-alt{width:100%; border-collapse:collapse; margin-left:14px;}
.nd-kir-alt td{padding:5px 8px; font-size:12px; border-bottom:1px dashed var(--line);}
.nd-kir-kalan td{font-style:italic;}
.nd-kir-not{font-size:12px; color:var(--muted); line-height:1.55; margin-top:10px;
  background:var(--mor-zemin); border-radius:0; padding:9px 11px;}

.ndg{width:100%; height:auto; display:block;}
.ndg-kilavuz{stroke:var(--line); stroke-width:1;}
.ndg-eksen{fill:var(--muted); font-size:11px; font-family:var(--font-mono); font-variant-numeric:tabular-nums;}
.ndg-cizgi{fill:none; stroke:var(--mor); stroke-width:2; stroke-linejoin:round; stroke-linecap:round;}
.ndg-dolgu{fill:var(--mor-zemin); opacity:.55; stroke:none;}
.ndg-nokta{fill:var(--mor-koyu); stroke:#fff; stroke-width:1.5;}

.ac-kutu{position:relative;}
.ac-sonuc{display:none; position:absolute; z-index:30; left:0; right:0; top:calc(100% + 4px);
  background:#fff; border:1px solid var(--line); border-radius:0; box-shadow:var(--shadow);
  max-height:260px; overflow:auto;}

.ac-sonuc.ac-yukari{top:auto; bottom:calc(100% + 4px);}
.ac-satir{display:flex; justify-content:space-between; align-items:center; gap:10px;
  padding:9px 12px; font-size:13px; cursor:pointer; border-bottom:1px solid var(--line);}
.ac-satir:last-child{border-bottom:none;}
.ac-satir:hover{background:var(--mor-zemin);}
.ac-grup{font-size:12px; color:var(--muted); flex:none;}
.ac-bos{padding:14px 12px; font-size:13px; color:var(--muted); text-align:center;}

.ac-yol{font-size:12px; color:var(--muted); flex:none; max-width:52%;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.ck-gecmis-tablo{width:100%; border-collapse:collapse; margin-left:14px;}
.ck-gecmis-tablo th{font-size:12px; text-transform:uppercase; letter-spacing:.04em;
  color:var(--muted); text-align:left; padding:6px 8px; border-bottom:1px solid var(--line);}
.ck-gecmis-tablo td{padding:6px 8px; font-size:13px; border-bottom:1px dashed var(--line);}
.ac-bas{padding:8px 12px; font-size:12px; font-weight:600; color:var(--muted);
  background:var(--paper); border-bottom:1px solid var(--line);}
.ac-alt{display:flex; justify-content:space-between; align-items:center; gap:12px; margin-top:7px;}
.field .ac-kapsam{display:flex; align-items:center; gap:6px; font-size:12px; color:var(--muted);
  text-transform:none; letter-spacing:0; font-weight:500; cursor:pointer; margin:0;}
.ac-kapsam input{width:auto; margin:0;}

.cg-suzgecler{display:flex; flex-wrap:wrap; gap:7px 18px; margin-top:9px;}
.cg-anahtar{display:inline-flex; align-items:center; gap:7px;
  font-size:13px; color:var(--mor-koyu); cursor:pointer; user-select:none;}

.cg-anahtar input{margin:0; cursor:pointer; width:auto; flex:none;}
.cg-anahtar span{white-space:nowrap;}

.cg-yon{font-size:12px; font-weight:400; color:var(--muted); margin-top:2px;
  font-family:var(--font-body); letter-spacing:0;}
.ac-yeni{background:none; border:none; padding:0; cursor:pointer; font-family:var(--font-body);
  font-size:12px; font-weight:600; color:var(--mor-koyu); text-decoration:underline;}

.ey{border:1px solid var(--mor-zemin); border-left:3px solid var(--mor);
  border-radius:0; margin-bottom:16px; background:var(--paper-2); max-width:860px;}

.ey.ey-kapali{background:none; border-color:var(--line); border-left-color:var(--mor-acik); margin-bottom:12px;}
.ey.ey-kapali .ey-bas{color:var(--muted); font-weight:600;}
.ey.ey-kapali .ey-bas:hover{color:var(--mor-koyu);}
.ey-sayi{font-weight:400;}
.ey-bas{display:flex; align-items:center; justify-content:space-between; width:100%;
  background:none; border:none; cursor:pointer; padding:9px 13px; font-family:var(--font-body);
  font-size:13px; font-weight:700; color:var(--mor-koyu); text-align:left;}
.ey-bas:hover{color:var(--mor-koyu);}
.ey-ok{font-size:12px; color:var(--mor); font-weight:400;}
.ey-govde{padding:0 13px 13px; font-size:13px; line-height:1.65; color:var(--ink);}
.ey-etiket{font-size:12px; text-transform:uppercase; letter-spacing:.06em;
  font-weight:700; color:var(--muted); margin:10px 0 4px;}
.ey-govde p{margin:0 0 6px;}
.ey-govde ol, .ey-govde ul{margin:0; padding-left:19px;}
.ey-govde li{margin-bottom:3px;}

.ey-sonuc{background:var(--mor-zemin); border-radius:0; padding:8px 11px; margin-top:7px;
  font-size:13px; color:var(--mor-koyu);}
.ey-dikkat{color:var(--danger);}
.ey-dikkat li{margin-bottom:5px;}
.ac-bilgi{display:none; margin-top:9px;}
.ac-ozet{font-size:12px; color:var(--muted); background:var(--mor-zemin); border-radius:0; padding:8px 11px;}
.ac-uyari{margin-top:7px; font-size:12px; color:var(--danger); background:var(--danger-bg);
  border-radius:0; padding:9px 11px; line-height:1.45;}
.ac-yeni-kutu{display:none; margin-top:11px; padding:13px 14px 4px;
  border:1px dashed var(--line); border-radius:0; background:var(--paper);}

@media (max-width: 900px){

  .app-shell.active{display:block;}

  .main{padding:12px 16px 24px; max-width:none;}

  .ust-bar{padding:0 4px; min-height:48px;}
  .ust-kullanici{display:none;}

  .page-title{display:none;}

  .main{padding-bottom:calc(32px + env(safe-area-inset-bottom));}

  input, select, textarea{font-size:16px; min-height:44px;}
  input[type="checkbox"], input[type="radio"]{min-height:0;}
  .btn{min-height:44px; padding:11px 16px;}
  .btn-sm{min-height:44px;}

  .form-grid{grid-template-columns:1fr;}

  .w-100px, .w-110px, .w-130px, .w-180px, .w-300px,
  .mw-520px, .mw-550px, .mw-560px, .mw-600px, .mw-640px, .mw-650px, .mw-750px,
  .mw-1300px, .ey{width:auto; max-width:none;}

  .page-head{flex-direction:column; align-items:stretch; gap:10px;}

  table:not(.tablo-izgara),
  table:not(.tablo-izgara) tbody,
  table:not(.tablo-izgara) tr{display:block; width:auto; min-width:0;}
  table:not(.tablo-izgara) thead{display:none;}

  table:not(.tablo-izgara) tr{padding:12px 15px; border-bottom:1px solid var(--line);}
  table:not(.tablo-izgara) tbody tr:last-child{border-bottom:none;}
  table:not(.tablo-izgara) td{display:flex; justify-content:space-between;
    align-items:baseline; gap:12px; width:auto; border:none;
    padding:3px 0; white-space:normal; text-align:left; height:auto;

    font-size:14px; line-height:1.45;}

  table:not(.tablo-izgara) td[data-etiket]::before{
    content:attr(data-etiket); flex:none; color:var(--muted);
    font-size:12px; font-weight:600; text-transform:uppercase;
    letter-spacing:.02em; padding-top:1px;}

  table:not(.tablo-izgara) td:first-child{display:block; font-weight:700;
    font-size:15px; margin-bottom:5px;}
  table:not(.tablo-izgara) td:first-child::before{display:none;}

  table:not(.tablo-izgara) td[data-tam]{display:block; font-weight:400;}

  table:not(.tablo-izgara) td:empty{display:none;}

  table:not(.tablo-izgara) td[data-bos]{display:none;}

  table:not(.tablo-izgara) .durum-pay-cubuk{display:none;}

  table:not(.tablo-izgara) tbody td,
  table:not(.tablo-izgara) tfoot td,
  table:not(.tablo-izgara) tfoot th{padding-left:0; padding-right:0;}

  table:not(.tablo-izgara) td[class*="w-"][class*="w-"][class*="w-"]{width:auto;}

  table:not(.tablo-izgara) td select,
  table:not(.tablo-izgara) td input,
  table:not(.tablo-izgara) td .btn{max-width:100%;}

  table:not(.tablo-izgara) tfoot,
  table:not(.tablo-izgara) tfoot tr{display:block; width:auto;}
  table:not(.tablo-izgara) tfoot tr{border-top:2px solid var(--line);
    border-bottom:none; margin-top:4px; padding:9px 15px 12px;}
  table:not(.tablo-izgara) tfoot td,
  table:not(.tablo-izgara) tfoot th{display:flex; justify-content:space-between;
    gap:12px; border:none; padding:3px 0; text-align:left; white-space:normal;}
  table:not(.tablo-izgara) tfoot td[data-etiket]::before,
  table:not(.tablo-izgara) tfoot th[data-etiket]::before{
    content:attr(data-etiket); flex:none; color:var(--muted);
    font-size:12px; font-weight:600; text-transform:uppercase;}

  table.tablo-izgara{display:block; overflow-x:auto; -webkit-overflow-scrolling:touch;
    white-space:nowrap; min-width:0;}
  table.tablo-izgara tbody td:first-child,
  table.tablo-izgara thead th:first-child{position:sticky; left:0; z-index:2;
    background:#fff; box-shadow:1px 0 0 var(--line);}

  .cg-suzgecler{flex-direction:column; gap:9px;}

  .ai-flex-end{flex-wrap:wrap;}
  .ai-flex-end .field{min-width:0; flex:1 1 140px;}

  .modal{max-width:none; width:calc(100vw - 20px); max-height:calc(100vh - 80px); overflow-y:auto;}

}

@media (max-width: 380px){
  .main{padding:10px 12px 20px;}
  .page-title{font-size:17px;}

}

:root{
  --hk-giren:var(--ok);
  --hk-cikan:var(--danger);
  --hk-bakiye:var(--ink);
}

.hk-modal{max-width:1400px; width:96vw; max-height:92vh; display:flex; flex-direction:column;}

.hk-body{padding:16px 20px 18px; display:flex; flex-direction:column;
  min-height:0; overflow:hidden;}

.hk-uyari, .hk-arac-cubugu, .hk-kunye, .hk-sekmeler, .hk-dipnot{flex:none;}

.hk-head{padding:15px 20px 14px; align-items:flex-start; gap:16px; background:var(--paper);
  border-bottom:1px solid var(--line);}
.hk-kimlik{min-width:0;}
.hk-kimlik-ust{display:flex; align-items:baseline; flex-wrap:wrap; gap:6px 16px;}

.hk-kimlik h3{font-size:17px; line-height:1.2; letter-spacing:-.01em;}

.hk-baslik-bakiye{font-family:var(--font-mono); font-variant-numeric:tabular-nums;
  font-size:20px; font-weight:700; letter-spacing:-.015em; color:var(--hk-bakiye);
  white-space:nowrap;}
.hk-baslik-bakiye.eksi{color:var(--hk-cikan);}
.hk-kimlik-alt{display:flex; flex-wrap:wrap; align-items:center; gap:8px 12px; margin-top:6px;}
.hk-kart-ozet{font-size:12px; color:var(--muted);}
.hk-islemler{display:flex; align-items:center; gap:7px; flex-shrink:0;}

.hk-ayrac{width:1px; height:20px; background:var(--line); margin:0 2px;}

.hk-uyari{display:block;
  background:var(--danger-bg); border:1px solid rgba(181,64,47,.22);
  border-left:3px solid var(--danger); border-radius:0;
  padding:10px 13px; margin-bottom:16px; font-size:13px; line-height:1.45; color:var(--danger);}
.hk-uyari b{color:var(--danger);}

.hk-arac-cubugu{display:flex; flex-wrap:wrap; align-items:flex-end; gap:10px 12px;
  background:var(--paper); border:1px solid var(--line); border-radius:0;
  padding:11px 13px; margin-bottom:12px;}
.hk-alan{display:flex; flex-direction:column; gap:4px; min-width:0;}
.hk-alan label{font-size:12px; text-transform:uppercase; letter-spacing:.05em;
  color:var(--muted); font-weight:700;}
.hk-alan input{height:34px; padding:6px 10px; font-size:13px; border-radius:var(--r-kontrol);}
.hk-alan-ara{flex:1 1 220px;}

.hk-hizli{display:flex; flex-wrap:wrap; gap:6px; margin-left:auto; padding-bottom:1px;}
.hk-chip{font:600 12px var(--font-body); color:var(--mor-koyu); background:var(--paper-2);
  border:1px solid var(--line); border-radius:99px; padding:7px 13px; cursor:pointer;
  transition:background .12s, border-color .12s, color .12s;}
.hk-chip:hover{background:var(--mor-zemin); border-color:var(--mor); color:var(--ink);}
.hk-chip:active{transform:translateY(.5px);}

.hk-kunye{display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 16px;
  font-size:12px; color:var(--muted); padding:0 2px 9px;}
.hk-kunye b{font-family:var(--font-mono); font-variant-numeric:tabular-nums;
  color:var(--ink); font-weight:700;}
.hk-kunye .hk-k-giren b{color:var(--hk-giren);}
.hk-kunye .hk-k-cikan b{color:var(--hk-cikan);}

.hk-kunye.suzuldu{color:var(--mor-koyu); font-weight:600;}

.hk-tablo-sar{border:1px solid var(--line); border-radius:0; overflow:auto;
  flex:1 1 auto; min-height:150px; background:var(--paper-2);}
.hk-tablo{width:100%; border-collapse:separate; border-spacing:0; font-size:13px;}
.hk-tablo thead th{position:sticky; top:0; z-index:1;
  background:var(--paper); color:var(--muted);
  font-size:12px; text-transform:uppercase; letter-spacing:.06em; font-weight:700;
  padding:10px 14px; border-bottom:1px solid var(--line); white-space:nowrap;}
.hk-tablo tbody td{padding:0 14px; height:42px; border-bottom:1px solid var(--line);
  vertical-align:middle;}
.hk-tablo tbody tr:last-child td{border-bottom:none;}
.hk-tablo tbody tr{cursor:pointer; transition:background .1s;}
.hk-tablo tbody tr:hover{background:var(--mor-zemin);}

.hk-k-tarih{width:92px;}
.hk-k-ikincil{width:286px;}
.hk-k-tur{width:128px;}
.hk-k-tutar{width:122px;}

.hk-tablo .hk-hucre-metin{max-width:0; overflow:hidden;}
.hk-tablo .hk-hucre-metin > span{display:block; white-space:nowrap;
  overflow:hidden; text-overflow:ellipsis;}
.hk-tablo .hk-aciklama{color:var(--ink); font-weight:500;}
.hk-tablo .hk-ikincil{font-size:12px; color:var(--muted);}

.hk-tablo .hk-hucre-tur{white-space:nowrap;}
.hk-tur{display:inline-flex; align-items:center; gap:7px; font-size:12px;
  color:var(--mor-koyu); white-space:nowrap;}
.hk-nokta{width:7px; height:7px; border-radius:50%; flex:none; display:inline-block;}
.hk-nokta-ok{background:var(--hk-giren);}
.hk-nokta-danger{background:var(--hk-cikan);}
.hk-nokta-warn{background:var(--turuncu);}

.hk-tablo .hk-tutar{text-align:right; white-space:nowrap;
  font-family:var(--font-mono); font-variant-numeric:tabular-nums;
  font-size:13px; letter-spacing:-.01em;}
.hk-tablo .hk-tutar-giren{color:var(--hk-giren); font-weight:700;}
.hk-tablo .hk-tutar-cikan{color:var(--hk-cikan); font-weight:700;}
.hk-tablo .hk-tutar-bakiye{color:var(--hk-bakiye); font-weight:700;}
.hk-tablo .hk-bos{color:var(--line); font-weight:400;}

.hk-tablo .hk-tarih{white-space:nowrap; color:var(--muted); font-size:12px;
  font-variant-numeric:tabular-nums;}

.hk-tablo tr.hk-eksi-satir td:first-child{box-shadow:inset 3px 0 0 var(--danger);}

.hk-dipnot{font-size:12px; color:var(--muted); margin-top:9px;}
.hk-bos-satir{text-align:center; color:var(--muted); padding:28px 14px; font-size:13px;}

.hk-k-ay{width:140px;}
.hk-k-adet{width:78px;}
.hk-tablo .hk-adet{color:var(--muted); font-weight:600;}
.hk-ozet-tablo tbody tr{cursor:default;}
.hk-ozet-tablo tbody tr:hover{background:var(--paper);}

.hk-analiz-blok{background:var(--paper-2); border:1px solid var(--line);
  border-radius:0; padding:13px 15px 15px; margin-bottom:12px;}
.hk-analiz-baslik{font-size:12px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--muted); font-weight:700; margin-bottom:10px;}
.hk-analiz-not{text-transform:none; letter-spacing:0; font-weight:500; margin-left:8px;}

.hk-analiz-ikili{display:grid; grid-template-columns:1.45fr 1fr; gap:12px;}
.hk-analiz-ikili .hk-analiz-blok{margin-bottom:0;}

.hk-grafik-svg{width:100%; height:210px; display:block;}
.hkg-kilavuz{stroke:var(--line); stroke-width:1;}
.hkg-sifir{stroke:var(--danger); stroke-width:1; stroke-dasharray:4 3; opacity:.5;}
.hkg-cizgi{fill:none; stroke:var(--mor-koyu); stroke-width:2;
  stroke-linejoin:round; stroke-linecap:round;}
.hkg-dolgu{fill:var(--mor-zemin); opacity:.75; stroke:none;}
.hkg-eksen{font-size:10px; fill:var(--muted); font-family:var(--font-body);}

.hk-mini-tablo{table-layout:fixed;}
.hk-mini-tablo tbody td{padding:7px 8px; height:auto;}
.hk-mini-tablo tbody td:first-child{width:86px;}
.hk-mini-tablo tbody td:last-child{width:116px;}
.hk-mini-tablo tbody tr:first-child td{border-top:none;}

.hk-yog-satir{display:flex; align-items:baseline; gap:8px; padding:7px 0;
  border-bottom:1px solid var(--line); font-size:13px;}
.hk-yog-satir:last-child{border-bottom:none;}
.hk-yog-et{color:var(--muted); min-width:112px;}
.hk-yog-deger{font-family:var(--font-mono); font-variant-numeric:tabular-nums;
  font-weight:700; color:var(--ink);}
.hk-yog-not{color:var(--muted); font-size:12px;}

.hk-ayar-sar{max-width:620px;}
.hk-ayar-dugmeler{display:flex; align-items:center; gap:12px; margin-top:16px;
  padding-top:14px; border-top:1px solid var(--line);}
.hk-ayar-durum{font-size:13px; color:var(--ok); font-weight:600;}

@media (max-width:900px){
  .hk-head{flex-direction:column; align-items:stretch; gap:11px;}
  .hk-islemler{flex-wrap:wrap;}
  .hk-ayrac{display:none;}

  .hk-head .close-x{position:absolute; top:12px; right:14px;}
  .hk-head{position:relative; padding-right:46px;}
  .hk-body{padding:14px 13px 16px;}
  .hk-hizli{margin-left:0;}
  .hk-alan-ara{flex-basis:100%;}

  .hk-body{overflow-y:auto; display:block;}
  .hk-tablo-sar{flex:none; min-height:0;}

  .hk-tablo thead th{position:static;}

  .hk-tablo .hk-hucre-metin{max-width:none; overflow:visible;}
  .hk-tablo .hk-hucre-metin > span{max-width:none; white-space:normal;
    overflow:visible; text-overflow:clip;}
  .hk-tablo tbody td{height:auto; padding:10px 14px;}

  .hk-sekme{padding:8px 8px; font-size:13px;}
  .hk-analiz-ikili{grid-template-columns:1fr;}
  .hk-grafik-svg{height:170px;}
}

.hk-devir{margin-top:18px; padding-top:16px; border-top:1px solid var(--line);}
.hk-devir-form{display:grid; grid-template-columns:repeat(3, 1fr); gap:10px;}
.hk-devir-form .hk-devir-aciklama{grid-column:1/-1;}
.hk-devir-mevcut{background:var(--warn-bg); border:1px solid var(--turuncu);
  border-left:3px solid var(--turuncu-koyu); border-radius:0; padding:10px 13px;
  margin-bottom:12px; font-size:13px; line-height:1.45; color:var(--ink);}
@media (max-width:900px){ .hk-devir-form{grid-template-columns:1fr;} }

.ck-ayar-sar{max-width:680px;}
.ck-ayar-sar .form-grid{grid-template-columns:repeat(2, 1fr);}

.ay-sar{display:flex; flex-direction:column; gap:12px; max-width:860px;}
.ay-bolum{background:var(--paper-2); border:1px solid var(--line);
  border-radius:0; padding:14px 16px 16px;}
.ay-bolum-bas{font-size:12px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--muted); font-weight:700; margin-bottom:4px;}
.ay-bolum-not{font-size:12px; color:var(--muted); line-height:1.45; margin-bottom:12px;}

.ay-grid{display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:11px 14px;}
.ay-grid .field{margin-bottom:0;}
.ay-genis{grid-column:1/-1;}

.ay-dip{display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  margin-top:14px; padding-top:12px; border-top:1px solid var(--line);}
.ay-durum{font-size:13px; color:var(--ok); font-weight:600;}

.ay-grid input:disabled, .ay-grid select:disabled{
  background:var(--paper); color:var(--muted); cursor:not-allowed;}

.ay-iban{font-family:var(--font-mono); font-variant-numeric:tabular-nums;
  letter-spacing:.04em;}

.ay-uyari{background:var(--warn-bg); border:1px solid var(--turuncu);
  border-left:3px solid var(--turuncu-koyu); border-radius:0; padding:10px 13px;
  margin-bottom:12px; font-size:13px; line-height:1.45; color:var(--ink);}
.ay-tehlike{background:var(--danger-bg); border-color:rgba(181,64,47,.3);
  border-left-color:var(--danger); color:var(--danger);}
@media (max-width:900px){
  .ay-grid{grid-template-columns:1fr;}
  .ay-bolum{padding:12px 13px 14px;}

  .ay-iban{font-size:12px; letter-spacing:0;}
}

.tk-sar{display:flex; flex-direction:column; gap:12px; max-width:860px;}
.tk-ozet{font-size:13px; line-height:1.5; color:var(--ink);
  background:var(--mor-zemin); border-radius:0; padding:10px 13px;}
.tk-bolum{background:var(--paper-2); border:1px solid var(--line);
  border-radius:0; padding:14px 16px 16px;}
.tk-bolum-bas{font-size:12px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--muted); font-weight:700; margin-bottom:10px;}

.tk-e{border:1px solid var(--line); border-left:3px solid var(--line);
  border-radius:0; padding:10px 13px 11px; margin-bottom:9px;
  background:var(--paper);}
.tk-e:last-child{margin-bottom:0;}
.tk-e-gecikti{border-left-color:var(--danger); background:var(--danger-bg);}
.tk-e-odenecek{border-left-color:var(--mor); background:var(--mor-zemin);}
.tk-e-birikiyor{border-left-color:var(--turuncu);}
.tk-e-odendi{opacity:.62;}
.tk-e-bas{display:flex; align-items:baseline; justify-content:space-between;
  gap:10px; flex-wrap:wrap;}
.tk-e-vade{font-weight:700; font-size:14px; color:var(--ink);}
.tk-e-rozet{font-size:12px; font-weight:700; letter-spacing:.06em;
  color:var(--muted); margin-left:7px;}
.tk-e-gecikti .tk-e-rozet{color:var(--danger);}
.tk-e-odenecek .tk-e-rozet{color:var(--mor-koyu);}
.tk-e-birikiyor .tk-e-rozet{color:var(--turuncu-koyu);}
.tk-e-toplam{font-family:var(--font-mono); font-variant-numeric:tabular-nums;
  font-weight:700; font-size:15px; color:var(--mor-koyu); white-space:nowrap;}
.tk-e-gecikti .tk-e-toplam{color:var(--danger);}

.tk-e-enaz{font-family:var(--font-body); font-size:12px; font-weight:600;
  color:var(--muted); letter-spacing:.02em;}
.tk-e-kunye{font-size:12px; color:var(--muted); margin-top:1px;}
.tk-e-kalemler{margin-top:7px; padding-top:6px; border-top:1px solid var(--line);}
.tk-e-satir{display:flex; justify-content:space-between; gap:10px;
  font-size:13px; padding:2px 0;}
.tk-e-ad{color:var(--ink); overflow:hidden; text-overflow:ellipsis;
  white-space:nowrap;}
.tk-e-tip{font-size:12px; text-transform:uppercase; letter-spacing:.05em;
  color:var(--muted); margin-left:6px;}
.tk-e-tutar{font-family:var(--font-mono); font-variant-numeric:tabular-nums;
  white-space:nowrap;}

.tk-e-odeme{color:var(--ok);}

.tk-katla{display:block; width:100%; text-align:left; background:none;
  border:none; padding:7px 0 0; margin:0; cursor:pointer; font-family:var(--font-body);
  font-size:12px; text-transform:uppercase; letter-spacing:.06em;
  color:var(--muted); font-weight:700;}
.tk-katla:hover{color:var(--mor-koyu);}
.tk-ok{display:inline-block; width:11px; color:var(--mor);}
.tk-gecmis{margin-top:9px; border-top:1px solid var(--line);}

.tk-plan{border:1px solid var(--line); border-radius:0;
  padding:11px 13px 12px; margin-bottom:9px; background:var(--paper);}
.tk-plan:last-child{margin-bottom:0;}
.tk-plan-bitti{opacity:.62;}
.tk-plan-bas{display:flex; align-items:center; justify-content:space-between;
  gap:10px; flex-wrap:wrap;}
.tk-plan-ad{font-weight:700; font-size:13px; color:var(--ink);
  margin-right:6px;}
.tk-plan-kunye{font-size:12px; color:var(--muted); margin-top:2px;}
.tk-plan-kunye b{color:var(--mor-koyu);}

.tk-onizleme{margin-top:10px; border:1px dashed var(--line); border-radius:0;
  padding:9px 13px; background:var(--paper-2);}
.tk-onizleme-bas{font-size:12px; font-weight:700; color:var(--mor-koyu);
  margin-bottom:6px;}
.tk-onizleme-hata{font-size:13px; color:var(--danger); line-height:1.45;}
.tk-satirlar{display:flex; flex-direction:column;}

.tk-satir{display:grid; grid-template-columns:28px 1fr auto auto; gap:8px;
  align-items:center; padding:3px 0; font-size:13px;
  border-bottom:1px solid var(--line);}
.tk-satir:last-child{border-bottom:none;}
.tk-sira{color:var(--muted); font-size:12px;}
.tk-vade{color:var(--ink);}
.tk-tutar{font-family:var(--font-mono); font-variant-numeric:tabular-nums;
  font-weight:700; text-align:right; white-space:nowrap;}

.tk-gecti{color:var(--muted);}
.tk-gecti .tk-vade, .tk-gecti .tk-tutar{color:var(--muted); font-weight:400;}
.tk-durum{font-size:12px; text-transform:uppercase; letter-spacing:.05em;
  color:var(--ok); font-weight:700;}

.ef-taksit-tik{display:flex; align-items:center; gap:7px; font-size:13px;
  font-weight:600; color:var(--mor-koyu); margin-bottom:10px; cursor:pointer;}
.ef-taksit-tik input{width:auto; margin:0;}

.hk-taksit-rozet{display:inline-block; font-size:12px; font-weight:700;
  letter-spacing:.03em; color:var(--turuncu-koyu); background:var(--turuncu-zemin);
  border-radius:var(--r-kontrol); padding:1px 5px; margin-left:5px; white-space:nowrap;
  vertical-align:middle;}

@media (max-width:900px){
  .tk-sar{max-width:none;}
  .tk-bolum{padding:12px 13px 14px;}

  .tk-satir{grid-template-columns:22px 1fr auto;}
  .tk-durum{display:none;}
  .tk-e{padding:9px 11px 10px;}

  .tk-e-ad{flex:1; min-width:0; white-space:normal;}
  .tk-e-satir{align-items:flex-start;}
}

:root{
  --as-koyu:#4b105f;
  --as-is:#971b93;
  --as-vurgu:#95149d;
  --as-rozet:#ec00cd;
  --as-metin:#211b2b;
  --as-aciklama:#777583;
  --as-cizgi:#e9eaf0;
}

body.kendi-tepesi .ust-bar{display:none;}

.as-tepe{background:var(--as-koyu); color:#fff; border-radius:0 0 20px 20px;
  padding:calc(28px + env(safe-area-inset-top)) 32px 24px;
  margin:-26px -32px 16px;}
.as-tepe-ust{display:flex; align-items:flex-start; justify-content:space-between; gap:12px;}

.as-tepe-marka{font-size:24px; font-weight:700; line-height:1.1;}
.as-tepe-marka small{display:block; font-size:13px; font-weight:400;
  color:rgba(255,255,255,.75); margin-top:2px;}

.as-avatar{flex:none; width:48px; height:48px; border-radius:50%;
  background:rgba(255,255,255,.18); border:0; color:#fff;
  font-size:16px; font-weight:700; cursor:pointer; font-family:var(--font-body);}
.as-avatar:hover{background:rgba(255,255,255,.28);}

.as-tepe-etiket{font-size:15px; color:rgba(255,255,255,.8); margin-top:14px;
  padding-top:14px; border-top:1px solid rgba(255,255,255,.22);}

.as-tutar{font-size:32px; font-weight:700; line-height:1.15; margin-top:2px;
  overflow-wrap:anywhere;}

.as-tutar-bos{opacity:.35; background:rgba(255,255,255,.18); border-radius:6px;
  max-width:220px;}

.as-ozet{margin-top:22px;}
.as-ozet-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:5px 0; font-size:15px;}
.as-ozet-satir span{color:rgba(255,255,255,.8);}
.as-ozet-satir b{font-weight:600; white-space:nowrap;}

.as-ozet-toplam{margin-top:8px; padding-top:12px;
  border-top:1px solid rgba(255,255,255,.22); font-size:17px;}
.as-ozet-toplam span{color:#fff;}
.as-ozet-toplam b{font-weight:700;}

.as-bos-rakam{display:inline-block; width:90px; border-radius:5px;
  background:rgba(255,255,255,.18);}

.as-tutar-hata{font-size:15px; color:rgba(255,255,255,.9); margin-top:6px;}
.as-yeniden{background:none; border:1px solid rgba(255,255,255,.5); color:#fff;
  font-size:13px; padding:5px 10px; border-radius:8px; cursor:pointer;
  font-family:var(--font-body); margin-left:6px;}

.as-baslik{font-size:20px; font-weight:700; color:var(--as-metin);
  margin:18px 0 10px;}
.as-izgara{display:grid; gap:10px;
  grid-template-columns:repeat(auto-fill, minmax(165px, 1fr));}
.as-izgara-is{grid-template-columns:repeat(auto-fill, minmax(165px, 1fr));}

.as-kart{display:flex; flex-direction:column; gap:0; width:100%; height:100%;
  padding:12px; text-align:left; cursor:pointer;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:15px;
  color:var(--as-metin); font-family:inherit;}
.as-kart:hover{border-color:var(--as-vurgu);}

.as-kart-ust{display:flex; align-items:flex-start; justify-content:space-between;
  width:100%; margin-bottom:8px;}

.as-kart-duz{flex-direction:row; align-items:center; justify-content:space-between; gap:10px;}

.as-kart-is{background:var(--as-is); border-color:var(--as-is); color:#fff;}
.as-kart-is:hover{background:#86197f; border-color:#86197f;}
.as-kart-is .as-alt{color:rgba(255,255,255,.82);}
.as-kart-is .as-ok{color:rgba(255,255,255,.82);}
.as-kart-is .as-ikon{color:#fff;}

.as-ikon-kutu{position:relative; flex:none; display:block;}
.as-ikon{width:24px; height:24px; display:block; color:var(--as-vurgu);}
.as-rozet{position:absolute; top:-7px; left:14px;
  min-width:20px; height:20px; padding:0 6px; box-sizing:border-box;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--as-rozet); color:#fff; font-size:12px; font-weight:700;
  line-height:1; border-radius:99px;}

.as-rozet-satir{position:static; margin-left:6px; vertical-align:middle;}

.as-metin{display:flex; flex-direction:column; gap:3px; flex:1; min-width:0;}

.as-ad{font-size:15px; font-weight:600; line-height:1.25; margin-bottom:4px;}
.as-alt{font-size:13px; color:var(--as-aciklama); line-height:1.35;}
.as-ok{flex:none; color:#b9b7c2; font-size:17px; line-height:1.4;}

.smd-renk{display:flex; align-items:center; gap:10px; padding:8px 0;
  border-bottom:1px solid var(--line);}
.smd-renk:last-child{border-bottom:none;}
.smd-renk-ad{flex:1; min-width:0;}
.smd-renk-ad .hint{margin-top:2px;}
.smd-renk-kutu{flex:none; display:flex; align-items:center; gap:8px;}
.smd-renk-kutu > span{font-size:12px; color:var(--as-aciklama);}
.smd-renk-kutu input{flex:none; width:88px; text-align:right;}
@media (max-width:900px){

  .smd-renk-kutu input{width:78px;}
}

.ek-tepe-ust{display:flex; align-items:center; gap:8px; margin-bottom:14px;}
.ek-tepe-baslik{flex:1; text-align:center; font-size:20px; font-weight:600;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ek-tepe-btn{flex:none; width:40px; height:40px; display:flex; align-items:center;
  justify-content:center; background:rgba(255,255,255,.14); border:0;
  border-radius:50%; color:#fff; cursor:pointer; font-family:var(--font-body);}
.ek-tepe-btn:hover{background:rgba(255,255,255,.26);}
.ek-tepe-btn svg{width:20px; height:20px; display:block;}

.ek-tepe-btn.sade{background:transparent;}
.ek-tepe-btn.sade:hover{background:rgba(255,255,255,.16);}

.ek-tepe-yan{flex:none; display:flex; align-items:center; gap:2px; min-width:88px;}
.ek-tepe-yan.sag{justify-content:flex-end;}

.hs-baslik-satir{display:flex; align-items:center; justify-content:space-between;
  gap:12px;}
.hs-baslik-satir .as-baslik{margin:18px 0 10px;}

.hs-ekle{flex:none; background:var(--as-is); border:0; color:#fff;
  font-size:14px; font-weight:600; padding:0 16px; min-height:44px;
  border-radius:12px; cursor:pointer; font-family:var(--font-body);}
.hs-ekle:hover{background:#86197f;}

.hs-filtreler{display:flex; gap:8px; overflow-x:auto; padding-bottom:4px;
  margin-bottom:12px; -webkit-overflow-scrolling:touch;}
.hs-filtreler::-webkit-scrollbar{display:none;}
.hs-filtre{flex:none; background:#fff; border:1px solid var(--mor-acik);
  color:var(--as-vurgu); font-size:14px; font-weight:600; padding:0 16px;
  min-height:40px; border-radius:12px; cursor:pointer; white-space:nowrap;
  font-family:var(--font-body);}
.hs-filtre:hover{background:var(--mor-zemin);}
.hs-filtre.active{background:var(--as-is); border-color:var(--as-is); color:#fff;}

.hs-kart{display:flex; align-items:center; gap:12px; width:100%;
  padding:12px 14px; margin-bottom:10px; text-align:left; cursor:pointer;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:15px;
  color:var(--as-metin); font-family:inherit;}
.hs-kart:hover{border-color:var(--as-vurgu);}
.hs-ikon{flex:none; width:42px; height:42px; border-radius:50%;
  background:var(--mor-zemin); color:var(--as-vurgu);
  display:flex; align-items:center; justify-content:center;}
.hs-ikon svg{width:22px; height:22px; display:block;}

.hs-metin{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.hs-ad{font-size:15px; font-weight:600; line-height:1.25;}
.hs-alt{font-size:12px; color:var(--as-aciklama); line-height:1.35;}

.hs-sag{flex:none; display:flex; align-items:center; gap:6px;}
.hs-bakiye{font-size:17px; font-weight:600; white-space:nowrap;}
.hs-ok{color:#b9b7c2; font-size:17px; line-height:1;}

.hs-grup{margin-bottom:10px;}
.hs-grup-bas{margin-bottom:0;}
.hs-grup-govde{padding:10px 0 0 12px;}
.hs-grup-govde .hs-kart:last-child{margin-bottom:0;}
.hs-rozet{display:inline-block; margin-left:6px; padding:1px 8px;
  background:var(--mor-zemin); color:var(--as-vurgu);
  font-size:12px; font-weight:700; border-radius:99px; vertical-align:middle;}

.ey-pencere{border:0; padding:0; background:none;}
.ey-pencere .ey-govde{padding:0;}

.hk-tepe{position:relative;}
.hk-kimlik{flex:1; min-width:0; text-align:center;}

.hk-ad{font-size:19px; font-weight:600; line-height:1.2;}
.hk-tur{font-size:13px; color:rgba(255,255,255,.8); margin-top:2px;}

.hk-tepe-alt{display:flex; align-items:flex-end; justify-content:space-between;
  gap:12px; margin-top:16px;}
.hk-tepe-sol{min-width:0;}
.hk-tepe-etiket{font-size:14px; color:rgba(255,255,255,.8);}

.hk-tepe-tutar{font-size:28px; font-weight:700; line-height:1.15; margin-top:2px;
  overflow-wrap:anywhere;}
.hk-tepe-tutar.hk-uyari{color:#ffd9d2;}
.hk-tepe-not{font-size:12px; color:rgba(255,255,255,.75); margin-top:4px;
  line-height:1.35;}

.hk-islem-btn{flex:none; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.4);
  color:#fff; font-size:13px; font-weight:600; padding:0 14px; min-height:40px;
  border-radius:12px; cursor:pointer; font-family:var(--font-body); white-space:nowrap;}
.hk-islem-btn:hover{background:rgba(255,255,255,.28);}

.hk-menu{position:absolute; top:52px; right:0; z-index:30; min-width:180px;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:12px;
  overflow:hidden; box-shadow:0 8px 24px rgba(33,27,43,.18);}
.hk-menu-madde{display:block; width:100%; text-align:left; background:none;
  border:0; border-bottom:1px solid var(--as-cizgi); color:var(--as-metin);
  font-size:14px; padding:13px 14px; min-height:44px; cursor:pointer;
  font-family:var(--font-body);}
.hk-menu-madde:last-child{border-bottom:0;}
.hk-menu-madde:hover{background:var(--mor-zemin);}

.hk-sekmeler{display:flex; gap:18px; border-bottom:1px solid var(--as-cizgi);
  margin:16px 0 12px;}
.hk-sekme{background:none; border:0; border-bottom:2px solid transparent;
  color:var(--as-aciklama); font-size:15px; font-weight:600; padding:10px 2px;
  min-height:44px; cursor:pointer; font-family:var(--font-body);}
.hk-sekme.aktif{color:var(--as-vurgu); border-bottom-color:var(--as-vurgu);}

.hk-arac{margin-bottom:12px;}
.hk-ara-satir{display:flex; gap:8px;}
.hk-ara-satir input{flex:1; min-width:0;}
.hk-filtre-btn{position:relative; flex:none; width:46px; min-height:44px;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:12px;
  color:var(--as-vurgu); cursor:pointer; display:flex; align-items:center;
  justify-content:center; font-family:var(--font-body);}
.hk-filtre-btn svg{width:20px; height:20px;}

.hk-filtre-isaret{position:absolute; top:8px; right:9px; width:8px; height:8px;
  border-radius:50%; background:var(--as-rozet);}
.hk-donem-satir{margin-top:8px;}
.hk-donem-satir select{width:auto; min-width:150px;}

.hk-kunye-kart{background:#fff; border:1px solid var(--as-cizgi);
  border-radius:15px; padding:12px 14px; margin-bottom:14px;}
.hk-kunye-bas{display:flex; align-items:baseline; justify-content:space-between;
  gap:10px; font-size:12px; color:var(--as-aciklama); margin-bottom:8px;}
.hk-kunye-adet{white-space:nowrap;}
.hk-kunye-ikili{display:grid; grid-template-columns:1fr 1fr; gap:10px;}
.hk-kunye-sutun{display:flex; align-items:center; gap:10px; min-width:0;}
.hk-kunye-sutun > span:last-child{display:flex; flex-direction:column; min-width:0;}
.hk-kunye-etiket{font-size:12px; color:var(--as-aciklama);}
.hk-kunye-sutun b{font-size:16px; font-weight:600; white-space:nowrap;}
.hk-kunye-ok{flex:none; width:34px; height:34px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:15px;}
.hk-kunye-ok.giren{background:var(--ok-bg); color:var(--ok);}
.hk-kunye-ok.cikan{background:var(--danger-bg); color:var(--danger);}
.hk-kunye-alt{font-size:12px; color:var(--as-aciklama); margin-top:8px;}

.hk-gun{font-size:13px; font-weight:700; color:var(--as-metin); margin:14px 0 6px;}
.hk-liste{background:#fff; border:1px solid var(--as-cizgi); border-radius:15px;
  overflow:hidden;}
.hk-satir{display:flex; align-items:center; gap:10px; width:100%; text-align:left;
  padding:11px 13px; background:none; border:0; border-bottom:1px solid var(--as-cizgi);
  cursor:pointer; color:var(--as-metin); font-family:inherit;}
.hk-satir:last-child{border-bottom:0;}
.hk-satir:hover{background:var(--mor-zemin);}

.hk-satir-eksi{box-shadow:inset 3px 0 0 var(--danger);}
.hk-satir-ok{flex:none; width:32px; height:32px; border-radius:50%;
  display:flex; align-items:center; justify-content:center; font-size:14px;}
.hk-satir-ok.giren{background:var(--ok-bg); color:var(--ok);}
.hk-satir-ok.cikan{background:var(--danger-bg); color:var(--danger);}

.hk-satir-metin{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.hk-satir-ad{font-size:14px; font-weight:600; line-height:1.3;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hk-satir-alt{font-size:12px; color:var(--as-aciklama); line-height:1.3;
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.hk-satir-sag{flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:2px;}
.hk-satir-tutar{font-size:15px; font-weight:600; white-space:nowrap;}
.hk-satir-tutar.giren{color:var(--ok);}
.hk-satir-tutar.cikan{color:var(--danger);}
.hk-satir-ikincil{font-size:12px; color:var(--as-aciklama); white-space:nowrap;}
.hk-taksit-rozet{display:inline-block; margin-left:6px; padding:1px 7px;
  background:var(--mor-zemin); color:var(--as-vurgu); font-size:12px;
  font-weight:700; border-radius:99px; vertical-align:middle;}
.hk-bos-kutu{background:#fff; border:1px solid var(--as-cizgi); border-radius:15px;
  padding:22px 16px; text-align:center; font-size:14px; color:var(--as-aciklama);}

.hk-alt-secenekler{display:flex; gap:8px; overflow-x:auto; margin-bottom:12px;}
.hk-alt-btn{flex:none; background:#fff; border:1px solid var(--mor-acik);
  color:var(--as-vurgu); font-size:14px; font-weight:600; padding:0 14px;
  min-height:40px; border-radius:12px; cursor:pointer; white-space:nowrap;
  font-family:var(--font-body);}
.hk-alt-btn.aktif{background:var(--as-is); border-color:var(--as-is); color:#fff;}

.hk-panel-perde{position:fixed; inset:0; background:rgba(33,27,43,.45); z-index:60;
  opacity:0; pointer-events:none; transition:opacity .2s ease;}
.hk-panel-perde.acik{opacity:1; pointer-events:auto;}
.hk-panel{position:fixed; left:0; right:0; bottom:0; z-index:61;
  background:#fff; border-radius:18px 18px 0 0;
  padding:18px 16px calc(18px + env(safe-area-inset-bottom));
  transform:translateY(110%); transition:transform .22s ease;}
.hk-panel.acik{transform:translateY(0);}
.hk-panel-bas{font-size:17px; font-weight:700; margin-bottom:12px;}
.hk-panel-dip{display:flex; gap:10px; justify-content:flex-end; margin-top:14px;}

@media (min-width:901px){
  .hk-panel{left:50%; right:auto; bottom:auto; top:50%; width:460px;
    transform:translate(-50%,-50%) scale(.96); border-radius:16px; opacity:0;
    pointer-events:none; transition:opacity .18s ease, transform .18s ease;}
  .hk-panel.acik{transform:translate(-50%,-50%) scale(1); opacity:1; pointer-events:auto;}
}

.as-tepe.cg-tepe{padding-top:calc(20px + env(safe-area-inset-top)); padding-bottom:16px;}
.cg-tepe .ek-tepe-ust{margin-bottom:10px;}
.cg-tepe .cg-ozet-ikili{margin-top:0;}

.cg-ozet-ikili{display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-top:16px;}
.cg-ozet-blok{display:flex; flex-direction:column; gap:2px; text-align:left;
  padding:10px 12px; background:rgba(255,255,255,.10); border:1px solid transparent;
  border-radius:12px; color:#fff; cursor:pointer; font-family:var(--font-body);
  min-height:44px;}

.cg-ozet-blok.aktif{background:rgba(255,255,255,.22); border-color:rgba(255,255,255,.55);}
.cg-ozet-etiket{font-size:13px; color:rgba(255,255,255,.82);}

.cg-ozet-tutar{font-size:20px; font-weight:700; overflow-wrap:anywhere;}
.cg-ozet-adet{font-size:12px; color:rgba(255,255,255,.72);}
.cg-ozet-not{grid-column:1/-1; font-size:12px; color:rgba(255,255,255,.7);
  text-align:center; margin-top:2px;}

.cg-arac{margin-bottom:12px;}

.cg-ara-kutu{position:relative;}
.cg-ara-ikon{position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; color:var(--as-aciklama); pointer-events:none;}
.cg-ara-kutu input{min-height:46px; padding:0 14px 0 42px; font-size:14px;
  border-radius:12px; border-color:var(--as-cizgi);}
.cg-arac-alt{display:flex; gap:8px; margin-top:10px;}
.cg-grup-sec{flex:1; min-width:0; display:flex; align-items:center;
  justify-content:space-between; gap:8px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:12px; color:var(--as-metin);
  font-size:14px; font-weight:600; padding:0 14px; min-height:44px;
  cursor:pointer; font-family:var(--font-body);}
.cg-grup-sec:hover{border-color:var(--as-vurgu);}
.cg-grup-sec span:first-child{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.cg-ok{flex:none; color:var(--as-aciklama);}

.cg-segment{display:flex; gap:8px; overflow-x:auto; margin-top:12px; padding-bottom:2px;}
.cg-seg-btn{flex:1 0 auto; background:#fff; border:1px solid var(--mor-acik);
  color:var(--as-vurgu); font-size:14px; font-weight:600; padding:0 12px;
  min-height:42px; border-radius:12px; cursor:pointer; white-space:nowrap;
  font-family:var(--font-body);}
.cg-seg-btn.aktif{background:var(--as-is); border-color:var(--as-is); color:#fff;}

.cg-sifir-satir{display:flex; align-items:center; justify-content:space-between;
  gap:12px; margin-top:12px; min-height:48px; padding:0 14px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:12px; color:var(--as-metin);
  font-size:14px; cursor:pointer; user-select:none;}
.cg-sifir-satir:hover{border-color:var(--as-vurgu);}
.cg-sifir-satir input{position:absolute; width:1px; height:1px; opacity:0;
  margin:0; pointer-events:none;}
.cg-sw{flex:none; width:44px; height:26px; border-radius:13px; background:#cfccd8;
  position:relative; transition:background .15s;}
.cg-sw::after{content:''; position:absolute; top:3px; left:3px; width:20px; height:20px;
  border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.25);
  transition:transform .15s;}
.cg-sifir-satir input:checked ~ .cg-sw{background:var(--as-is);}
.cg-sifir-satir input:checked ~ .cg-sw::after{transform:translateX(18px);}
.cg-sifir-satir input:focus-visible ~ .cg-sw{outline:2px solid var(--as-vurgu);
  outline-offset:2px;}

.cg-liste-bas .as-baslik{margin:14px 0 2px;}
.cg-adet{font-size:12px; color:var(--as-aciklama); margin-bottom:10px;}

.cg-gizli-not{font-size:12px; color:var(--as-aciklama); margin:2px 0 6px;}

.cg-tutar-blok{display:flex; flex-direction:column; align-items:flex-end; gap:1px;}
.cg-durum{font-size:12px; white-space:nowrap;}

.cg-panel-satir{display:flex; align-items:center; justify-content:space-between;
  gap:12px; width:100%; text-align:left; padding:11px 12px; margin-bottom:8px;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:12px;
  color:var(--as-metin); cursor:pointer; font-family:var(--font-body);
  min-height:44px;}
.cg-panel-satir.aktif{border-color:var(--as-vurgu); background:var(--mor-zemin);}
.cg-panel-ad{display:flex; flex-direction:column; gap:1px; min-width:0;
  font-size:15px; font-weight:600;}
.cg-panel-not{font-size:12px; font-weight:400; color:var(--as-aciklama);}
.cg-panel-tutar{flex:none; display:flex; flex-direction:column; align-items:flex-end;
  gap:1px; font-size:13px; font-weight:600; white-space:nowrap;}

.fi-secici{display:flex; gap:8px; margin-bottom:10px; flex-wrap:wrap;}
.fi-sec-btn{flex:1 1 0; min-width:96px; min-height:44px; padding:0 12px;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:12px;
  color:var(--as-metin); font-family:var(--font-body); font-size:14px;
  font-weight:600; cursor:pointer;}
.fi-sec-btn:hover{border-color:var(--as-vurgu);}

.fi-sec-btn.aktif{background:var(--as-is); border-color:var(--as-is); color:#fff;}

.fi-bilgi{font-size:13px; color:var(--as-aciklama); margin-bottom:14px;}

.fi-ok{display:flex; justify-content:center; color:var(--as-aciklama);
  margin:-2px 0 6px;}
.fi-ok svg{width:20px; height:20px; display:block;}

.fi-ek{border:1px solid var(--as-cizgi); border-radius:12px;
  margin:4px 0 14px; overflow:hidden;}
.fi-ek-bas{display:flex; align-items:center; justify-content:space-between;
  gap:10px; width:100%; min-height:48px; padding:0 14px; background:#fff;
  border:0; cursor:pointer; text-align:left; font-family:var(--font-body);}
.fi-ek-bas:hover{background:var(--mor-zemin);}
.fi-ek-ad{display:flex; flex-direction:column; gap:1px; min-width:0;
  font-size:14px; font-weight:600; color:var(--as-metin);}
.fi-ek-ad small{font-size:12px; font-weight:400; color:var(--as-aciklama);}
.fi-ek-ok{flex:none; font-size:15px; color:var(--as-aciklama);
  transition:transform .15s;}
.fi-ek-bas.acik .fi-ek-ok{transform:rotate(180deg);}
.fi-ek-govde{padding:4px 14px 14px; border-top:1px solid var(--as-cizgi);}

.fi-kaydet{width:100%; justify-content:center; min-height:48px; font-size:15px;
  background:var(--as-is);}
.fi-kaydet:hover{background:#86197f;}

.btn-ghost.fi-kaydet{background:#fff; color:var(--as-metin);
  border:1px solid var(--as-cizgi);}

.fi-kart{padding:16px 14px 6px; margin-bottom:12px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:16px; box-shadow:none;}
.fi-alan{margin-bottom:14px;}
.fi-alan > label{display:block; margin-bottom:6px; font-size:13px; font-weight:600;
  color:var(--as-aciklama); text-transform:none; letter-spacing:0;}

.fi-alan > input, .fi-alan > select, .fi-para input{min-height:48px; font-size:16px;
  border-radius:12px; border-color:var(--as-cizgi); padding:0 14px;}
.fi-alan > select{padding-right:34px;}

.fi-sec{display:flex; align-items:center; justify-content:space-between; gap:10px;
  width:100%; min-height:48px; padding:8px 14px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:12px; color:var(--as-aciklama);
  font-family:var(--font-body); font-size:16px; text-align:left; cursor:pointer;}
.fi-sec:hover{border-color:var(--as-vurgu);}
.fi-sec-metin{min-width:0; display:flex; flex-direction:column; gap:1px;}

.fi-sec-metin small{font-size:12px; font-weight:400; color:var(--as-aciklama);}
.fi-sec-metin b{font-size:16px; font-weight:600; color:var(--as-metin);
  overflow-wrap:anywhere;}
.fi-sec-ok{flex:none; color:var(--as-aciklama); font-size:15px;}

.fi-para{display:flex; align-items:stretch; border:1px solid var(--as-cizgi);
  border-radius:12px; overflow:hidden; background:#fff;}
.fi-para-im{flex:none; display:flex; align-items:center; padding:0 12px;
  background:var(--mor-zemin); color:var(--as-vurgu); font-size:15px; font-weight:600;}
.fi-para input{flex:1; min-width:0; border:0; border-radius:0;}

.fi-bag{display:inline-flex; align-items:center; min-height:40px; padding:0 2px;
  background:none; border:0; color:var(--as-vurgu); font-family:var(--font-body);
  font-size:14px; font-weight:600; cursor:pointer;}

.fi-alt-bilgi{display:none; margin-top:8px;}
.ef-cari-satir{font-size:13px; color:var(--as-metin);}
.ef-cari-ikincil{font-size:12px; color:var(--as-aciklama); margin-top:2px;}

.sp-perde{position:fixed; inset:0; background:rgba(33,27,43,.45); z-index:70;
  opacity:0; pointer-events:none; transition:opacity .18s;}
.sp-perde.acik{opacity:1; pointer-events:auto;}
.sp{position:fixed; left:0; right:0; bottom:0; z-index:71; display:flex;
  flex-direction:column; max-height:86vh; background:var(--paper);
  border-radius:18px 18px 0 0; transform:translateY(102%);
  transition:transform .22s; box-shadow:0 -18px 50px -20px rgba(0,0,0,.45);}
.sp.acik{transform:translateY(0);}
.sp-bas{flex:none; display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:14px 16px; background:var(--as-koyu); color:#fff;
  border-radius:18px 18px 0 0; font-size:18px; font-weight:700;}
.sp-kapat{flex:none; width:40px; height:40px; display:flex; align-items:center;
  justify-content:center; background:transparent; border:0; color:#fff;
  font-size:19px; cursor:pointer; font-family:var(--font-body);}
.sp-govde{flex:1; min-height:0; display:flex; flex-direction:column; padding:12px 16px 0;}
.sp-ara-kutu{flex:none; position:relative; margin-bottom:10px;}
.sp-ara-ikon{position:absolute; left:14px; top:50%; transform:translateY(-50%);
  width:18px; height:18px; color:var(--as-aciklama); pointer-events:none;}
.sp-ara-kutu input{min-height:48px; font-size:16px; padding:0 14px 0 42px;
  border-radius:12px; border-color:var(--as-cizgi);}
.sp-ustu{flex:none;}
.sp-ustu:not(:empty){margin-bottom:10px;}
.sp-liste{flex:1; min-height:0; overflow-y:auto; -webkit-overflow-scrolling:touch;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:14px;}
.sp-satir{display:flex; align-items:center; gap:12px; width:100%; padding:10px 14px;
  background:none; border:0; border-bottom:1px solid var(--as-cizgi);
  color:var(--as-metin); font-family:var(--font-body); text-align:left; cursor:pointer;}
.sp-satir:last-child{border-bottom:0;}
.sp-satir:hover{background:var(--mor-zemin);}
.sp-ikon{flex:none; width:38px; height:38px; border-radius:50%;
  background:var(--mor-zemin); color:var(--as-vurgu);
  display:flex; align-items:center; justify-content:center;}
.sp-ikon svg{width:20px; height:20px; display:block;}
.sp-metin{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px;}
.sp-ad{font-size:15px; font-weight:600; line-height:1.25;}
.sp-alt{font-size:12px; color:var(--as-aciklama); line-height:1.35;}

.sp-isaret{flex:none; width:24px; height:24px; border-radius:50%;
  border:2px solid #cfccd8; position:relative;}
.sp-satir.secili .sp-isaret{background:var(--as-is); border-color:var(--as-is);}
.sp-satir.secili .sp-isaret::after{content:''; position:absolute; left:7px; top:3px;
  width:5px; height:10px; border:solid #fff; border-width:0 2px 2px 0;
  transform:rotate(45deg);}
.sp-grup-bas{padding:10px 14px 4px; font-size:13px; font-weight:600;
  color:var(--as-aciklama);}
.sp-bos{padding:22px 14px; text-align:center; font-size:14px; color:var(--as-aciklama);}
.sp-dip{flex:none; padding:10px 16px calc(12px + env(safe-area-inset-bottom));
  text-align:center; font-size:12px; color:var(--as-aciklama);}

.sp-anahtar{display:flex; align-items:center; justify-content:space-between;
  gap:12px; min-height:48px; padding:0 14px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:12px; color:var(--as-metin);
  font-size:14px; cursor:pointer; user-select:none; margin:0 0 8px;}
.sp-anahtar input{position:absolute; width:1px; height:1px; opacity:0; margin:0;
  pointer-events:none;}
.sp-anahtar input:checked ~ .cg-sw{background:var(--as-is);}
.sp-anahtar input:checked ~ .cg-sw::after{transform:translateX(18px);}
.sp-yeni{display:flex; align-items:center; gap:8px; width:100%; min-height:48px;
  padding:0 14px; background:#fff; border:1px solid var(--as-cizgi);
  border-radius:12px; color:var(--as-vurgu); font-family:var(--font-body);
  font-size:15px; font-weight:600; cursor:pointer;}
.sp-yeni:hover{border-color:var(--as-vurgu);}

.hk-ara-satir select{flex:1; min-width:0;}
.ck-aralik{margin-top:8px; font-size:12px; color:var(--as-aciklama);}

.ck-tepe-alt{margin-top:14px;}
.ck-tepe-alt .hk-tepe-tutar{font-size:clamp(24px, 8.5vw, 32px); white-space:nowrap;
  overflow-wrap:normal; letter-spacing:-.01em;}
.ck-tepe-alt .hk-tepe-etiket{font-size:13px;}

.ck-odeme-btn{width:100%; justify-content:center; min-height:48px; font-size:15px;
  margin-bottom:6px; background:var(--as-is);}
.ck-odeme-btn:hover{background:#86197f;}
.ck-odeme-im{font-size:17px; margin-right:6px;}

.ckh{display:flex; flex-direction:column; gap:6px; width:100%; padding:11px 14px;
  background:none; border:0; border-bottom:1px solid var(--as-cizgi);
  color:var(--as-metin); font-family:var(--font-body); text-align:left;
  cursor:pointer;}
.ckh:last-child{border-bottom:0;}
.ckh:disabled{cursor:default;}
.ckh:not(:disabled):hover{background:var(--mor-zemin);}
.ckh-ust{display:flex; align-items:flex-start; justify-content:space-between; gap:10px;}
.ckh-sol{display:flex; flex-direction:column; align-items:flex-start; gap:3px; min-width:0;}

.ckh-rozet{display:inline-block; padding:1px 8px; background:var(--mor-zemin);
  color:var(--as-vurgu); border-radius:20px; font-size:11px; font-weight:600;}

.ckh-ad{font-size:15px; font-weight:600; line-height:1.3; overflow-wrap:anywhere;}
.ckh-kod{font-size:12px; font-weight:400; color:var(--as-aciklama);
  overflow-wrap:anywhere;}
.ckh-detay{font-size:13px; font-weight:400; color:var(--as-metin);
  overflow-wrap:anywhere;}
.ckh-alt{font-size:12px; color:var(--as-aciklama); overflow-wrap:anywhere;}
.ckh-sag{flex:none; display:flex; align-items:center; gap:6px; white-space:nowrap;}
.ckh-tutar{font-size:16px; font-weight:700;}
.ckh-bakiye{font-size:12px; color:var(--as-aciklama); padding-top:6px;
  border-top:1px dashed var(--as-cizgi);}

.ck-toplam-kart{margin-top:14px; padding:12px 14px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:16px;}
.ck-toplam-bas{display:flex; align-items:center; justify-content:space-between;
  gap:10px; font-size:15px; font-weight:700; margin-bottom:8px;}

.ck-bilgi-btn{flex:none; width:32px; height:32px; display:flex; align-items:center;
  justify-content:center; background:none; border:0; color:var(--as-aciklama);
  cursor:pointer; font-family:var(--font-body);}
.ck-bilgi-btn svg{width:19px; height:19px;}
.ck-bilgi-btn:hover{color:var(--as-vurgu);}
.ck-toplam-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:6px 0; font-size:13px; color:var(--as-aciklama);}
.ck-toplam-satir b{font-size:15px; color:var(--as-metin); white-space:nowrap;}
.ck-toplam-son{border-top:1px solid var(--as-cizgi); margin-top:4px; padding-top:10px;}
.ck-devir-ust{display:flex; align-items:center; justify-content:space-between;
  gap:8px; margin-bottom:8px;}
.ck-devir-ust .hint{margin:0;}

.ck-bilgi-kart{padding:14px; margin-bottom:12px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:16px; box-shadow:none;}
.ck-bilgi-bas{display:flex; align-items:center; justify-content:space-between;
  gap:12px; font-size:16px; font-weight:700; margin-bottom:4px;}
.ck-bilgi-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:14px; padding:10px 0; border-bottom:1px solid var(--as-cizgi); font-size:13px;
  color:var(--as-aciklama);}
.ck-bilgi-satir:last-child{border-bottom:0;}

.ck-bilgi-satir b{min-width:0; font-size:14px; font-weight:600; color:var(--as-metin);
  text-align:right; overflow-wrap:anywhere;}
.ck-bilgi-satir b.ck-bos{font-weight:400; color:var(--as-aciklama);}
.ck-duzen-dip{display:flex; flex-direction:column; gap:8px;}
.ck-ayar-kart{margin-bottom:12px;}

.ck-bolum{margin-bottom:12px; background:#fff; border:1px solid var(--as-cizgi);
  border-radius:16px; overflow:hidden;}
.ck-bolum-bas{display:flex; align-items:center; justify-content:space-between;
  gap:12px; width:100%; min-height:56px; padding:10px 14px; background:#fff;
  border:0; cursor:pointer; text-align:left; font-family:var(--font-body);}
.ck-bolum-bas:hover{background:var(--mor-zemin);}
.ck-bolum-ad{display:flex; flex-direction:column; gap:2px; min-width:0;
  font-size:16px; font-weight:700; color:var(--as-metin);}
.ck-bolum-ad small{font-size:12px; font-weight:400; color:var(--as-aciklama);}
.ck-bolum-ok{flex:none; font-size:15px; color:var(--as-aciklama);}
.ck-bolum-govde{padding:4px 14px 14px; border-top:1px solid var(--as-cizgi);}

.ck-etiket-satir{display:flex; align-items:center; justify-content:space-between;
  gap:12px; min-height:52px; padding:0 2px; border-bottom:1px solid var(--as-cizgi);
  font-size:15px; color:var(--as-metin); cursor:pointer; user-select:none; margin:0;}
.ck-etiket-satir:last-of-type{border-bottom:0;}
.ck-etiket-satir input{position:absolute; width:1px; height:1px; opacity:0; margin:0;
  pointer-events:none;}
.ck-kutu{flex:none; width:24px; height:24px; border-radius:6px;
  border:2px solid #cfccd8; position:relative;}
.ck-etiket-satir input:checked ~ .ck-kutu{background:var(--as-is); border-color:var(--as-is);}
.ck-etiket-satir input:checked ~ .ck-kutu::after{content:''; position:absolute;
  left:7px; top:3px; width:5px; height:10px; border:solid #fff;
  border-width:0 2px 2px 0; transform:rotate(45deg);}
.ck-etiket-satir input:focus-visible ~ .ck-kutu{outline:2px solid var(--as-vurgu);
  outline-offset:2px;}

.dg-ust{display:flex; align-items:center; gap:10px; margin-bottom:4px;}
.dg-donem-sar{flex:1; min-width:0;}
.dg-donem-sar input{min-height:46px; font-size:16px; border-radius:12px;
  border-color:var(--as-cizgi); padding:0 12px;}
.dg-yeni{flex:none; min-height:46px; padding:0 16px; background:var(--as-is);
  border:0; border-radius:12px; color:#fff; font-family:var(--font-body);
  font-size:15px; font-weight:600; cursor:pointer;}
.dg-yeni:hover{background:#86197f;}

.dg-bilgi{display:flex; align-items:flex-start; gap:8px; padding:10px 12px;
  margin-bottom:10px; background:var(--mor-zemin); border-radius:12px;
  font-size:13px; color:var(--as-metin);}
.dg-bilgi svg{flex:none; width:17px; height:17px; margin-top:1px; color:var(--as-vurgu);}

.dg-kart{display:block; width:100%; padding:12px 14px; margin-bottom:10px;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:16px;
  color:var(--as-metin); font-family:var(--font-body); text-align:left;}
.dg-kart-tiklanir{cursor:pointer;}
.dg-kart-tiklanir:hover{border-color:var(--as-vurgu);}
.dg-kart-ust{display:flex; align-items:flex-start; justify-content:space-between; gap:10px;}
.dg-kart-kimlik{display:flex; flex-direction:column; gap:2px; min-width:0;}
.dg-kart-ad{font-size:16px; font-weight:700; line-height:1.25; overflow-wrap:anywhere;}
.dg-kart-alt{font-size:13px; color:var(--as-aciklama); overflow-wrap:anywhere;}
.dg-kart-ozet{display:flex; align-items:center; justify-content:space-between;
  gap:10px; margin-top:8px; font-size:13px; color:var(--as-metin);}
.dg-kart-not{margin-top:6px; font-size:12px; color:var(--as-aciklama);}
.dg-tutar-et{display:block; margin-top:10px; font-size:13px; font-weight:600;
  color:var(--as-aciklama);}

.dg-kart-islem{display:flex; align-items:stretch; gap:10px; margin-top:6px;}
.dg-tutar{flex:1; min-width:0;}
.dg-tutar input{min-height:48px; font-size:16px; border:0; border-radius:0;}
.dg-isle{flex:none; min-width:92px; min-height:48px; padding:0 14px; background:#fff;
  border:1px solid var(--as-is); border-radius:12px; color:var(--as-is);
  font-family:var(--font-body); font-size:15px; font-weight:600; cursor:pointer;}
.dg-isle:hover:not(:disabled){background:var(--mor-zemin);}
.dg-isle:disabled{opacity:.45; cursor:not-allowed;}

.dg-rozet{flex:none; padding:3px 10px; border-radius:20px; font-size:12px;
  font-weight:600; white-space:nowrap;}
.dg-rozet-bekliyor{background:#fdf0d5; color:#8a5a00;}
.dg-rozet-ileri{background:var(--as-cizgi); color:var(--as-aciklama);}
.dg-rozet-aktif{background:#dff3e3; color:#1c6b33;}
.dg-rozet-pasif{background:var(--as-cizgi); color:var(--as-aciklama);}

.dg-bolum-bas{font-size:15px; font-weight:700; margin-bottom:10px;}

.dg-ikili{display:grid; grid-template-columns:repeat(auto-fit, minmax(150px, 1fr));
  gap:0 12px;}

.pp-donem{display:flex; align-items:center; gap:8px; margin-bottom:4px;}
.pp-ok{flex:none; width:44px; min-height:46px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:12px; color:var(--as-vurgu);
  font-size:20px; line-height:1; cursor:pointer; font-family:var(--font-body);}
.pp-ok:hover{border-color:var(--as-vurgu);}
.pp-aralik{flex:1; min-width:0; min-height:46px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:12px; color:var(--as-metin);
  font-family:var(--font-body); font-size:15px; font-weight:600; cursor:pointer;
  padding:0 10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.pp-kart{padding:12px 14px; margin-bottom:12px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:16px; color:var(--as-metin);}
.pp-kart-ust{display:flex; align-items:center; gap:10px;}
.pp-kart-ad{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px;
  font-size:16px; font-weight:600; overflow-wrap:anywhere;}
.pp-kart-ad small{font-size:12px; font-weight:400; color:var(--as-aciklama);}

.pp-kart-tutar{flex:none; display:flex; flex-direction:column; align-items:flex-end;
  text-align:right;}
.pp-kart-tutar b{font-size:18px; font-weight:700; white-space:nowrap; color:var(--as-vurgu);}
.pp-kart-tutar small{font-size:12px; color:var(--as-aciklama);}

.pp-gunler{display:grid; grid-template-columns:repeat(6, 1fr); gap:5px;
  margin-top:12px;}
.pp-gun{min-width:0; min-height:62px; display:flex; flex-direction:column;
  align-items:center; justify-content:center; gap:1px; padding:5px 2px;
  background:var(--paper); border:1px solid var(--as-cizgi); border-radius:10px;
  color:var(--as-metin); font-family:var(--font-body); cursor:pointer;}
.pp-gun:disabled{cursor:default;}
.pp-gun-ad{font-size:11px; font-weight:600;}
.pp-gun-tarih{font-size:11px; color:var(--as-aciklama);}
.pp-gun-durum{font-size:11px; font-weight:600; overflow:hidden; text-overflow:ellipsis;
  max-width:100%; white-space:nowrap;}

.pp-tam    {background:#dff3e3; border-color:#b7e3c2;}
.pp-yarim  {background:#dceaf8; border-color:#b4d2ec;}
.pp-saatli {background:#efe0f4; border-color:#d9bde6;}
.pp-gelmedi{background:#fadddd; border-color:#f0bcbc;}
.pp-bos    {background:var(--paper);}
.pp-kilitli{opacity:.65;}

.pp-ozet{display:flex; flex-wrap:wrap; align-items:center; gap:6px 14px;
  margin-top:10px; font-size:12px; color:var(--as-aciklama);}
.pp-uyari{color:#8a5a00; font-weight:600;}
.pp-kart-islem{display:flex; align-items:center; gap:10px; margin-top:10px;}
.pp-kart-islem .fi-kaydet{flex:1;}

.pp-anahtar{display:flex; flex-wrap:wrap; gap:8px 16px; margin:4px 0 10px;
  font-size:12px; color:var(--as-aciklama);}
.pp-anahtar span{display:flex; align-items:center; gap:6px;}
.pp-k{width:16px; height:16px; border-radius:5px; display:inline-block;
  border:1px solid var(--as-cizgi);}
.pp-k-bos{background:var(--paper);}
.pp-k-gelmedi{background:#fadddd; border-color:#f0bcbc;}

.pp-panel-govde{padding-bottom:12px;}
.pp-panel-tarih{font-size:13px; color:var(--as-aciklama); margin-bottom:10px;}

.pp-durumlar{display:grid; grid-template-columns:repeat(2, 1fr); gap:8px;
  margin-bottom:12px;}
.pp-durum{min-height:48px; padding:0 10px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:12px; color:var(--as-metin);
  font-family:var(--font-body); font-size:14px; font-weight:600; cursor:pointer;}
.pp-durum:hover{border-color:var(--as-vurgu);}
.pp-durum.aktif{background:var(--as-is); border-color:var(--as-is); color:#fff;}

.pp-ekler{margin-bottom:10px;}
.pp-ek{display:flex; align-items:center; justify-content:space-between;
  padding:8px 0; border-bottom:1px solid var(--as-cizgi); font-size:14px;}
.pp-ek b{font-weight:600;}
.pp-ek-not{margin-top:8px; font-size:12px; color:var(--as-aciklama);}
.pp-dokum{padding:10px 12px; background:var(--paper); border-radius:12px;}
.pp-dokum-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:4px 0; font-size:13px; color:var(--as-aciklama);}
.pp-dokum-satir b{font-size:14px; color:var(--as-metin); white-space:nowrap;}
.pp-dokum-toplam{border-top:1px solid var(--as-cizgi); margin-top:4px; padding-top:8px;}
.pp-dokum-toplam b{font-size:16px; font-weight:700;}
.pp-dokum-bos{font-size:13px; color:var(--as-aciklama);}
.pp-panel-dip{padding-top:0;}
.pp-panel-dip .fi-kaydet{margin:0;}

.pp-eksik{display:flex; flex-direction:column; gap:3px; padding:11px 13px;
  margin-bottom:12px; background:#fdf0d5; border:1px solid #f0d9a8;
  border-radius:14px; font-size:13px; color:#7a4f00;}
.pp-eksik small{font-size:12px; opacity:.85;}

.oo-ust{display:flex; justify-content:flex-end; margin-bottom:8px;}
.oo-yeni{min-height:40px; padding:0 14px; font-size:14px;}

.oo-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:6px 0; font-size:13px; color:var(--as-aciklama);}
.oo-satir b{font-size:15px; color:var(--as-metin); white-space:nowrap;}
.oo-satir small{font-size:11px;}
.oo-satir-toplam{border-top:1px solid var(--as-cizgi); margin-top:4px; padding-top:8px;}
.oo-satir-toplam b{font-size:17px; font-weight:700;}
.oo-degisti{margin-top:4px; font-size:12px; color:#8a5a00;}

.oo-etiket{display:inline-block; padding:1px 8px; margin-left:6px;
  background:var(--mor-zemin); color:var(--as-vurgu); border-radius:20px;
  font-size:11px; font-weight:600; text-transform:none; letter-spacing:0;}
.oo-etiket-dis{background:var(--as-cizgi); color:var(--as-aciklama);}

.kr-tepe-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin-top:8px; font-size:13px; color:rgba(255,255,255,.82);}
.kr-tepe-satir b{font-size:15px; color:#fff; white-space:nowrap;}
.kr-tepe-gecikme b{color:#ffd9d2;}

.kr-kart{align-items:flex-start;}
.kr-kart .hs-ikon{margin-top:2px;}
.kr-kart-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:10px; margin-top:6px; font-size:12px; color:var(--as-aciklama);}
.kr-kart-satir b{font-size:14px; color:var(--as-metin); white-space:nowrap;}
.kr-kart-uyari{display:block; margin-top:6px; font-size:12px; font-weight:600;
  color:#8a5a00;}

.kr-plan-ust{display:flex; justify-content:flex-end; margin-bottom:10px;}
.kr-yukle-btn{min-height:44px; padding:0 14px; font-size:14px;
  background:#fff; border:1px solid var(--as-cizgi); color:var(--as-vurgu);}
.kr-yukle-btn:hover{border-color:var(--as-vurgu);}
.kr-taksit-tutar{font-size:17px; font-weight:700; color:var(--as-metin);}

.dg-rozet-gecikti{background:#fadddd; color:#9b2c2c;}

.cek-kart{align-items:flex-start;}
.cek-kart .hs-ikon{margin-top:2px;}
.cek-kart .hs-sag{display:flex; flex-direction:column; align-items:flex-end; gap:6px;}
.cek-kart-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin-top:7px; font-size:13px; color:var(--as-aciklama);}
.cek-kart-satir b{font-size:15px; font-weight:700; color:var(--as-metin);
  white-space:nowrap;}
.cek-kart-nereye{display:block; margin-top:5px; font-size:12px;
  color:var(--as-aciklama);}

.cek-vade-yakin{color:#8a5a00; font-weight:600;}
.cek-vade-gecti{color:var(--danger); font-weight:600;}
.cek-detay-tepe{text-align:center;}
.cek-detay-tutar{font-size:28px; font-weight:700; line-height:1.15;
  color:var(--as-metin);}
.cek-detay-ad{margin-top:2px; font-size:14px; color:var(--as-aciklama);
  overflow-wrap:anywhere;}
.cek-detay-tepe + .card .ck-bilgi-satir:first-child{padding-top:0;}

.bi-ozet{display:flex; align-items:stretch; gap:0; margin-top:14px;
  background:rgba(255,255,255,.12); border-radius:14px; padding:12px 4px;}
.bi-ozet-kutu{flex:1; display:flex; flex-direction:column; align-items:center;
  gap:2px; min-width:0; padding:0 8px;}
.bi-ozet-kutu b{font-size:28px; font-weight:700; line-height:1.1; color:#fff;}
.bi-ozet-kutu span{font-size:12px; color:rgba(255,255,255,.8); text-align:center;}
.bi-ozet-ayrac{flex:none; width:1px; background:rgba(255,255,255,.25); margin:4px 0;}
.bi-ozet-yukleniyor{flex:1; padding:8px; font-size:13px; text-align:center;
  color:rgba(255,255,255,.85);}

.bi-kat-kart .hs-sag{display:flex; align-items:center; gap:8px;}

.bi-kat-sayi{min-width:26px; height:26px; padding:0 8px; border-radius:13px;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--mor-zemin); color:var(--as-vurgu);
  font-size:13px; font-weight:700;}

.bi-kat-kart.hatali{box-shadow:inset 3px 0 0 var(--danger);}
.bi-kat-hata-im{width:26px; height:26px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:var(--danger-bg); color:var(--danger); font-size:14px; font-weight:700;}

.bi-bos-grup{margin-top:12px; background:#fff; border:1px solid var(--as-cizgi);
  border-radius:15px; overflow:hidden;}
.bi-bos-bas{display:flex; align-items:center; justify-content:space-between;
  gap:12px; width:100%; min-height:56px; padding:10px 14px; text-align:left;
  background:none; border:0; cursor:pointer;}
.bi-bos-bas:hover{background:var(--mor-zemin);}
.bi-bos-metin{display:flex; flex-direction:column; gap:2px; min-width:0;}
.bi-bos-ad{font-size:15px; font-weight:600; color:var(--as-metin);}
.bi-bos-alt{font-size:12px; color:var(--as-aciklama);}
.bi-bos-ok{flex:none; font-size:15px; color:var(--as-aciklama);
  transition:transform .15s;}
.bi-bos-ok.acik{transform:rotate(180deg);}
.bi-bos-govde{padding:0 10px 10px; border-top:1px solid var(--as-cizgi);}
.bi-bos-govde .hs-kart{margin-top:10px;}
.bi-dip-not{margin-top:14px; font-size:12px; color:var(--as-aciklama);
  text-align:center;}

.bi-kat-tepe-alt{margin-top:10px; font-size:13px; color:rgba(255,255,255,.85);}

.bi-kart{display:flex; flex-direction:column; width:100%; gap:2px;
  margin-bottom:10px; padding:14px; text-align:left; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:15px; cursor:pointer;}
.bi-kart:hover{border-color:var(--as-vurgu);}
.bi-kart-bas{display:flex; flex-direction:column; gap:2px; min-width:0;}

.bi-kart-ad{font-size:16px; font-weight:700; line-height:1.3;
  color:var(--as-metin); overflow-wrap:anywhere;}
.bi-kart-alt{font-size:13px; color:var(--as-aciklama); overflow-wrap:anywhere;}
.bi-kart-tutar-blok{display:flex; flex-direction:column; gap:1px; margin-top:10px;
  padding-top:10px; border-top:1px solid var(--as-cizgi);}
.bi-kart-etiket{font-size:13px; color:var(--as-aciklama);}

.bi-kart-tutar{font-size:24px; font-weight:700; line-height:1.15;
  color:var(--as-metin); white-space:nowrap;}

.bi-kart-ikincil{font-size:13px; color:var(--as-aciklama);}
.bi-kart-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin-top:7px; font-size:13px; color:var(--as-aciklama);}
.bi-kart-satir b{min-width:0; font-size:13px; font-weight:600;
  color:var(--as-metin); text-align:right; overflow-wrap:anywhere;}
.bi-kart-dip{display:flex; align-items:center; justify-content:space-between;
  gap:10px; margin-top:12px;}
.bi-kart-rozetler{display:flex; flex-wrap:wrap; align-items:center; gap:6px;
  min-width:0;}
.bi-kart-ok{flex:none; font-size:18px; color:var(--as-aciklama);}
.bi-kart-kisi{display:inline-flex; align-items:center; gap:5px;
  font-size:12px; color:var(--as-aciklama); overflow-wrap:anywhere;}
.bi-kart-kisi svg{flex:none; width:14px; height:14px;}

.bi-islem-govde{background:#fff; border:1px solid var(--as-cizgi);
  border-radius:15px; padding:14px; margin-bottom:12px;}
.bi-islem-govde > .card, .bi-islem-govde > .dg-bilgi,
.bi-islem-govde > .pp-eksik{margin-left:-14px; margin-right:-14px;}
.bi-islem-govde > .card:first-child{margin-top:-14px;}
.bi-islem-govde table{width:100%;}

.bi-islem-not{margin-bottom:10px; padding:11px 13px; font-size:13px;
  line-height:1.45; color:var(--as-metin);
  background:var(--mor-zemin); border-radius:12px;}
.bi-islem-not:empty{display:none;}

.sat-ozet{display:flex; align-items:stretch; margin:14px 0 4px;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:15px;
  padding:12px 4px;}
.sat-ozet-kutu{flex:1; display:flex; flex-direction:column; align-items:center;
  gap:2px; min-width:0; padding:0 6px;}
.sat-ozet-kutu b{font-size:24px; font-weight:700; line-height:1.1;
  color:var(--as-metin);}

.sat-ozet-kutu span{font-size:12px; color:var(--as-aciklama); text-align:center;}
.sat-ozet-ayrac{flex:none; width:1px; background:var(--as-cizgi); margin:4px 0;}
.sat-ozet-yukleniyor{flex:1; padding:6px; font-size:13px; text-align:center;
  color:var(--as-aciklama);}

.sat-grup-bas{margin:16px 0 8px; font-size:13px; font-weight:700;
  color:var(--as-aciklama);}

.sat-kart{display:block; width:100%; margin-bottom:10px; padding:14px;
  text-align:left; background:#fff; border:1px solid var(--as-cizgi);
  border-radius:15px;}
.sat-kart-tiklanir{display:flex; align-items:center; gap:10px; cursor:pointer;}
.sat-kart-tiklanir:hover{border-color:var(--as-vurgu);}
.sat-kart-bas{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}

.sat-kart-ad{font-size:16px; font-weight:700; line-height:1.3;
  color:var(--as-metin); overflow-wrap:anywhere;}
.sat-kart-alt{font-size:13px; color:var(--as-aciklama); overflow-wrap:anywhere;}

.sat-kart-vurgu{margin-top:4px; font-size:15px; font-weight:700;
  color:var(--as-vurgu); white-space:nowrap;}
.sat-kart-ok{flex:none; font-size:18px; color:var(--as-aciklama);}
.sat-kart > .sat-kart-bas{flex-direction:row; align-items:flex-start;
  justify-content:space-between; gap:10px;}
.sat-kart-rozet{flex:none;}
.sat-kart-bilgi{margin-top:10px; padding-top:8px;
  border-top:1px solid var(--as-cizgi);}
.sat-kart-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:5px 0; font-size:13px; color:var(--as-aciklama);}
.sat-kart-satir b{min-width:0; font-size:13px; font-weight:600;
  color:var(--as-metin); text-align:right; overflow-wrap:anywhere;}
.sat-kart-genis{width:100%; margin-top:10px; min-height:44px;}
.sat-kart-dugmeler{display:flex; flex-wrap:wrap; gap:8px; margin-top:10px;}
.sat-kart-dugmeler .btn{flex:1 1 auto; min-height:44px;}

.sat-grup-bas-btn{display:flex; align-items:center; justify-content:space-between;
  gap:12px; width:100%; min-height:44px; padding:0; text-align:left;
  background:none; border:0; cursor:pointer;}
.sat-grup-ok{flex:none; font-size:15px; color:var(--as-aciklama);
  transition:transform .15s;}
.sat-grup-ok.acik{transform:rotate(180deg);}
.sat-grup-govde{margin-top:10px; padding-top:8px;
  border-top:1px solid var(--as-cizgi);}

.sat-form-bas{margin:14px 0 12px;}
.sat-form-ad{font-size:20px; font-weight:700; line-height:1.25;
  color:var(--as-metin); overflow-wrap:anywhere;}
.sat-form-alt{margin-top:3px; font-size:13px; color:var(--as-aciklama);}

.sat-doldur{display:flex; gap:10px; margin:12px 0 4px;}
.sat-doldur-btn{flex:1; min-height:44px;}

.sat-renk-kart{padding:0 14px;}
.sat-renk-satir{display:flex; align-items:center; justify-content:space-between;
  gap:12px; padding:11px 0; border-bottom:1px solid var(--as-cizgi);}
.sat-renk-satir:last-child{border-bottom:0;}
.sat-renk-ad{flex:1; min-width:0; font-size:14px; font-weight:600;
  color:var(--as-metin); overflow-wrap:anywhere;}
.sat-renk-ad .hint{margin-top:2px; font-weight:400;}
.sat-renk-dugmeler{flex:none; display:flex; gap:8px;}
.sat-renk-dugmeler .btn{min-height:40px;}
.sat-teslimat-not{margin-top:12px;}
.sat-teslimat-not small{display:block; margin-top:6px;}

.sat-dip-bosluk{height:150px;}
.sat-dip{position:sticky; bottom:0; margin:0 -16px -12px;
  padding:10px 16px calc(10px + env(safe-area-inset-bottom));
  background:#fff; border-top:1px solid var(--as-cizgi);}
.sat-dip-ust{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin-bottom:8px;}
.sat-dip-adet{font-size:13px; color:var(--as-aciklama); min-width:0;
  overflow-wrap:anywhere;}

.sat-dip-tutar{flex:none; font-size:20px; font-weight:700;
  color:var(--as-metin); white-space:nowrap;}
.sat-dip-btn{width:100%; min-height:50px; font-size:16px;}
.sat-dip-not{margin-top:6px; font-size:12px; color:var(--as-aciklama);
  text-align:center;}

.st-donem{display:grid; grid-auto-flow:column; grid-auto-columns:1fr;
  gap:6px; margin-top:14px;}
.st-donem-btn{min-height:44px; padding:0 2px; white-space:nowrap;
  background:#fff; border:1px solid var(--mor-acik); border-radius:22px;
  color:var(--as-vurgu); font-size:13px; font-weight:600; cursor:pointer;}
.st-donem-btn.aktif{background:var(--as-is); border-color:var(--as-is); color:#fff;}
.st-aralik{margin-top:8px; font-size:13px; font-weight:600;
  color:var(--as-aciklama);}

.st-ozet{margin-top:12px; padding:16px; border-radius:16px;
  background:var(--as-koyu); color:#fff;}
.st-ozet-durum{padding:18px; font-size:14px; text-align:center;
  color:var(--as-aciklama); background:#fff; border:1px solid var(--as-cizgi);
  border-radius:16px; margin-top:12px;}
.st-ozet-blok + .st-ozet-blok{padding-top:14px;}
.st-ozet-ayrac{height:1px; background:rgba(255,255,255,.2); margin-top:14px;}
.st-ozet-etiket{font-size:14px; color:rgba(255,255,255,.8);}

.st-ozet-tutar{margin-top:2px; font-size:clamp(26px, 8vw, 32px); font-weight:700;
  line-height:1.15; white-space:nowrap;}
.st-ozet-tutar.st-ozet-zarar{color:#ffd9d2;}
.st-ozet-not{font-size:13px; color:rgba(255,255,255,.78);}
.st-ozet-alt{display:flex; flex-wrap:wrap; align-items:center; gap:8px;
  margin-top:4px;}

.st-ozet-rozet{padding:4px 10px; border-radius:12px; font-size:12px;
  font-weight:700; background:#fde9a9; color:#7a4b00;}

.st-kart-ikili{display:flex; gap:10px; margin-top:10px;}
.st-kart{flex:1; min-width:0; padding:12px 14px; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:15px;}
.st-kart-etiket{font-size:13px; color:var(--as-aciklama);}
.st-kart-tutar{margin-top:2px; font-size:18px; font-weight:700;
  color:var(--as-metin); white-space:nowrap;}
.st-kart-not{margin-top:3px; font-size:11px; color:var(--as-aciklama);
  overflow-wrap:anywhere;}

.st-eksik-serit{display:flex; align-items:center; gap:10px; width:100%;
  min-height:48px; margin-top:12px; padding:10px 14px; text-align:left;
  background:#fdeec2; border:1px solid #f0d492; border-radius:14px;
  cursor:pointer;}
.st-eksik-im{flex:none; width:18px; height:18px; border-radius:50%;
  display:inline-flex; align-items:center; justify-content:center;
  background:#b45309; color:#fff; font-size:12px; font-weight:700;}
.st-eksik-metin{flex:1; min-width:0; font-size:14px; font-weight:600;
  color:#7a4b00;}
.st-eksik-git{flex:none; font-size:13px; font-weight:700; color:#7a4b00;}

.st-arac{display:flex; align-items:center; gap:10px; margin-top:12px;}
.st-ara-kutu{flex:1; min-width:0;}
.st-filtre-btn{flex:none; width:48px; height:48px; display:flex;
  align-items:center; justify-content:center; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:14px;
  color:var(--as-aciklama); cursor:pointer;}
.st-filtre-btn svg{width:20px; height:20px;}
.st-filtre-btn.aktif{border-color:var(--as-is); color:var(--as-is);}
.st-rozetler{display:flex; flex-wrap:wrap; gap:8px;}
.st-rozetler:not(:empty){margin-top:10px;}
.st-rozet{min-height:34px; padding:0 12px; background:var(--mor-zemin);
  border:1px solid var(--mor-acik); border-radius:17px; color:var(--as-vurgu);
  font-size:13px; font-weight:600; cursor:pointer;}
.st-rozet span{margin-left:6px; opacity:.7;}

.st-liste-bas{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin:16px 0 8px;}
.st-liste-bas > span:first-child{font-size:16px; font-weight:700;
  color:var(--as-metin);}
.st-adet{font-size:13px; color:var(--as-aciklama);}
.st-gun{margin:14px 0 8px; font-size:12px; font-weight:700;
  color:var(--as-aciklama);}

.st-satir{display:block; width:100%; margin-bottom:10px; padding:14px;
  text-align:left; background:#fff; border:1px solid var(--as-cizgi);
  border-radius:15px; cursor:pointer;}
.st-satir:hover{border-color:var(--as-vurgu);}

.st-satir-iade{border-left:3px solid var(--mor); background:var(--mor-zemin);}
.st-iade-rozet{font-weight:600; color:var(--mor);}

.st-d-net{margin-top:6px; padding-top:10px; border-top:1px solid var(--as-cizgi);}
.st-d-net>span{font-weight:600;}
.st-satir-ust{display:flex; align-items:flex-start; justify-content:space-between;
  gap:10px;}

.st-satir-ad{flex:1; min-width:0; font-size:16px; font-weight:700;
  line-height:1.3; color:var(--as-metin); overflow-wrap:anywhere;}
.st-satir-ok{flex:none; font-size:18px; color:var(--as-aciklama);}
.st-satir-alt{display:block; margin-top:2px; font-size:13px;
  color:var(--as-aciklama); overflow-wrap:anywhere;}
.st-satir-rakam{display:flex; align-items:flex-start; justify-content:space-between;
  gap:12px; margin-top:10px; padding-top:10px;
  border-top:1px solid var(--as-cizgi);}
.st-satir-kutu{display:flex; flex-direction:column; gap:1px; min-width:0;}
.st-satir-kutu.sag{align-items:flex-end; text-align:right;}
.st-satir-etiket{font-size:12px; color:var(--as-aciklama);}

.st-satir-ciro{font-size:17px; font-weight:700; color:var(--as-metin);
  white-space:nowrap;}
.st-satir-kar{font-size:17px; font-weight:700; white-space:nowrap;}
.st-satir-marj{font-size:12px; color:var(--as-aciklama);}
.st-k-kar{color:var(--ok);}
.st-k-zarar{color:var(--danger);}

.st-k-eksik{color:#7a4b00;}
.st-eksik-etiket{display:inline-flex; align-items:center; gap:5px;
  font-size:12px; font-weight:700; color:#7a4b00;}

.st-d-bas{display:flex; align-items:flex-start; justify-content:space-between;
  gap:10px;}
.st-d-ad{flex:1; min-width:0; font-size:19px; font-weight:700; line-height:1.25;
  color:var(--as-metin); overflow-wrap:anywhere;}
.st-d-alt{margin-top:3px; font-size:13px; color:var(--as-aciklama);
  line-height:1.5;}
.st-d-bilgi{margin-top:10px; padding-top:6px;
  border-top:1px solid var(--as-cizgi);}
.st-d-baslik{margin-bottom:6px; font-size:17px; font-weight:700;
  color:var(--as-metin);}
.st-d-ciro b{font-size:18px;}
.st-d-kar{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin-top:8px; padding-top:10px;
  border-top:1px solid var(--as-cizgi); font-size:16px; font-weight:700;
  color:var(--as-metin);}
.st-d-kar b{font-size:20px; white-space:nowrap;}

.st-d-eksik{font-size:13px; font-weight:600; color:#7a4b00;}
.st-d-yok{font-size:13px; font-weight:400; color:var(--as-aciklama);}

.st-d-bekliyor{display:block; font-size:12px; font-weight:400; color:#7a4b00;}
.st-d-not{margin-top:10px; font-size:12px; line-height:1.5;
  color:var(--as-aciklama);}
.st-d-btn{width:100%; min-height:48px; margin-bottom:10px;}

.na-ozet{margin-top:12px; padding:16px; border-radius:16px;
  background:var(--as-koyu); color:#fff;}
.na-ozet-durum{margin-top:12px; padding:18px; font-size:14px; text-align:center;
  color:var(--as-aciklama); background:#fff; border:1px solid var(--as-cizgi);
  border-radius:16px;}
.na-ozet-etiket{font-size:14px; color:rgba(255,255,255,.8);}

.na-ozet-tutar{margin-top:2px; font-size:clamp(26px, 8vw, 32px); font-weight:700;
  line-height:1.15; white-space:nowrap;}
.na-ozet-tutar.na-ozet-eksi{color:#ffd9d2;}
.na-ozet-ikili{display:flex; align-items:stretch; gap:0; margin-top:14px;
  padding-top:12px; border-top:1px solid rgba(255,255,255,.2);}
.na-ozet-yari{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.na-ozet-yari b{font-size:17px; white-space:nowrap;}
.na-ozet-alt{font-size:12px; color:rgba(255,255,255,.78);}
.na-ozet-cizgi{flex:none; width:1px; background:rgba(255,255,255,.2); margin:0 14px;}

.na-mut-bas{margin-bottom:4px; font-size:15px; font-weight:700;
  color:var(--as-metin);}

.na-mut-not{display:block; font-size:12px; font-weight:400;
  color:var(--as-aciklama);}
.na-mut-satir{display:flex; align-items:baseline; gap:10px; padding:9px 0;
  border-bottom:1px solid var(--as-cizgi); font-size:14px;}
.na-mut-satir:last-child{border-bottom:0;}
.na-mut-im{flex:none; width:14px; font-size:15px; font-weight:700;
  color:var(--as-aciklama);}
.na-mut-ad{flex:1; min-width:0; color:var(--as-aciklama);}
.na-mut-satir b{font-weight:700; color:var(--as-metin); white-space:nowrap;}
.na-mut-giris b{color:var(--ok);}
.na-mut-cikis b{color:var(--danger);}
.na-mut-kapanis{border-top:1px solid var(--as-cizgi); margin-top:2px;}
.na-mut-kapanis .na-mut-ad{color:var(--as-metin); font-weight:600;}
.na-mut-kapanis b{font-size:17px; color:var(--as-vurgu);}

.na-kucuk-not{margin-bottom:8px; font-size:12px; line-height:1.5;
  color:var(--as-aciklama);}
.na-ay-kart{margin-bottom:10px;}
.na-ay-bas{font-size:15px; font-weight:700; color:var(--as-metin);}
.na-ay-not{margin:2px 0 8px; font-size:12px; line-height:1.5;
  color:var(--as-aciklama);}
.na-ay-satir{display:flex; align-items:center; justify-content:space-between;
  gap:10px; padding:9px 0; border-bottom:1px solid var(--as-cizgi);
  font-size:13px;}
.na-ay-satir:last-child{border-bottom:0;}
.na-ay-ad{flex:1 1 40%; min-width:0; font-weight:600; color:var(--as-metin);
  overflow-wrap:anywhere;}

.na-ay-rakam{flex:none; display:flex; flex-direction:column; align-items:flex-end;
  gap:1px; font-size:12px;}
.na-ay-gelir{color:var(--ok); white-space:nowrap;}
.na-ay-gider{color:var(--danger); white-space:nowrap;}
.na-ay-satir b{flex:none; font-size:15px; font-weight:700;
  color:var(--as-metin); white-space:nowrap;}
.na-eksi{color:var(--danger);}

.na-ay-alt-bas{margin:12px 0 2px; font-size:13px; font-weight:700;
  color:var(--as-aciklama);}
.na-ay-alt-bas:first-of-type{margin-top:6px;}
.na-ay-kart .ck-bilgi-satir small{font-weight:400; color:var(--as-aciklama);}

.na-alt-bas{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin:14px 0 8px; font-size:14px; font-weight:700;
  color:var(--as-metin);}
.na-alt-bas small{display:block; font-size:12px; font-weight:400;
  color:var(--as-aciklama);}
.na-alt-bas b{flex:none; white-space:nowrap;}

.na-grup{margin-bottom:10px; background:#fff; border:1px solid var(--as-cizgi);
  border-radius:15px; overflow:hidden;}
.na-grup.acik{border-color:var(--as-vurgu);}
.na-grup-bas{display:flex; align-items:center; gap:10px; width:100%;
  min-height:56px; padding:12px 14px; text-align:left; background:none;
  border:0; cursor:pointer;}
.na-grup-bas:hover{background:var(--mor-zemin);}
.na-grup-metin{flex:1; min-width:0; display:flex; flex-direction:column; gap:2px;}
.na-grup-ad{font-size:15px; font-weight:700; color:var(--as-metin);
  overflow-wrap:anywhere;}
.na-grup-alt{font-size:12px; color:var(--as-aciklama);}

.na-grup-cubuk{display:block; height:4px; margin-top:5px; border-radius:2px;
  background:var(--as-cizgi); overflow:hidden;}
.na-grup-cubuk > span{display:block; height:100%; background:var(--as-vurgu);}
.na-grup-sag{flex:none; display:flex; flex-direction:column; align-items:flex-end;
  gap:1px;}
.na-grup-sag b{font-size:16px; font-weight:700; color:var(--as-metin);
  white-space:nowrap;}
.na-grup-yuzde{font-size:12px; color:var(--as-aciklama);}
.na-grup-ok{flex:none; font-size:15px; color:var(--as-aciklama);
  transition:transform .15s;}
.na-grup.acik .na-grup-ok{transform:rotate(180deg);}
.na-grup-govde{padding:0 14px 6px; border-top:1px solid var(--as-cizgi);}

.na-alt-satir{display:flex; align-items:center; justify-content:space-between;
  gap:12px; width:100%; padding:10px 0; text-align:left; background:none;
  border:0; border-bottom:1px solid var(--as-cizgi); font-size:13px;}
.na-alt-satir:last-child{border-bottom:0;}
.na-alt-satir.tiklanir{cursor:pointer;}
.na-alt-satir.tiklanir:hover{background:var(--mor-zemin);}
.na-alt-metin{flex:1; min-width:0; display:flex; flex-direction:column; gap:1px;}
.na-alt-ad{font-weight:600; color:var(--as-metin); overflow-wrap:anywhere;}
.na-alt-kunye{font-size:12px; color:var(--as-aciklama); overflow-wrap:anywhere;}
.na-alt-satir b{flex:none; font-weight:700; color:var(--as-metin);
  white-space:nowrap;}

.na-soluk{background:var(--paper); margin-bottom:10px;}
.na-dis-bas{display:flex; align-items:center; flex-wrap:wrap; gap:8px;
  margin-bottom:4px; font-size:15px; font-weight:700; color:var(--as-metin);}
.na-dis-rozet{padding:3px 9px; border-radius:11px; font-size:11px;
  font-weight:700; background:var(--as-cizgi); color:var(--as-aciklama);}
.na-dis-not{margin-top:10px; font-size:12px; line-height:1.55;
  color:var(--as-aciklama);}

.gd-sonuc{margin-top:12px; padding:16px; border-radius:16px;
  background:var(--as-koyu); color:#fff;}
.gd-sonuc-etiket{font-size:15px; font-weight:700;}

.gd-sonuc-tutar{margin-top:4px; font-size:clamp(28px, 9vw, 36px); font-weight:700;
  line-height:1.1; white-space:nowrap;}
.gd-sonuc-tutar.gd-sonuc-eksi{color:#ffd9d2;}
.gd-sonuc-formul{margin-top:2px; font-size:13px; color:rgba(255,255,255,.8);}

.gd-sonuc-uyari{display:flex; align-items:flex-start; gap:7px; margin-top:10px;
  padding:9px 11px; border-radius:11px; background:#fde9a9; color:#7a4b00;
  font-size:12px; line-height:1.45;}
.gd-sonuc-ayrinti{margin-top:12px; padding-top:10px;
  border-top:1px solid rgba(255,255,255,.2);}
.gd-sonuc-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:4px 0; font-size:14px; color:rgba(255,255,255,.85);}
.gd-sonuc-satir b{color:#fff; white-space:nowrap;}
.gd-sonuc-marj{display:block; margin-top:1px; font-size:12px;
  color:rgba(255,255,255,.7);}

.gd-ikili{display:flex; gap:10px; margin-top:10px;}
.gd-ikili .st-kart{flex:1; min-width:0;}

.gd-smm-toplam{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; margin-top:6px; padding-top:10px;
  border-top:1px solid var(--as-cizgi); font-size:16px; font-weight:700;
  color:var(--as-metin);}
.gd-smm-toplam b{white-space:nowrap;}

.gd-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:9px 0; border-bottom:1px solid var(--as-cizgi);
  font-size:13px;}
.gd-satir:last-child{border-bottom:0;}
.gd-satir-ad{flex:1; min-width:0; color:var(--as-metin);
  overflow-wrap:anywhere;}
.gd-satir b{flex:none; font-weight:700; color:var(--as-metin);
  white-space:nowrap;}

.gd-sayildi{display:block; margin-top:2px; font-size:11px; font-weight:600;
  color:var(--as-vurgu);}

.gd-bos-bas{display:flex; align-items:center; justify-content:space-between;
  gap:10px; width:100%; min-height:44px; padding:8px 0; text-align:left;
  background:none; border:0; border-top:1px solid var(--as-cizgi);
  color:var(--as-aciklama); font-size:13px; cursor:pointer;}

.gd-dr1{padding-left:14px;}
.gd-dr2{padding-left:28px;}
.gd-dr3{padding-left:42px;}

.gd-baslik{background:var(--mor-zemin);}
.gd-baslik .gd-satir-ad{font-weight:700;}
.gd-ara{display:block; margin-top:2px; font-size:11px; font-weight:600;
  color:var(--as-aciklama); text-transform:none;}

.gd-ucluk{margin-top:8px; padding-top:8px; border-top:1px dashed var(--as-cizgi);}
.gd-ucluk-satir{display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:3px 0; font-size:12px; color:var(--as-aciklama);}
.gd-ucluk-satir b{white-space:nowrap;}
.gd-ucluk-sonuc{font-size:13px; color:var(--as-metin); font-weight:600;}

.ca-ozet-sik{margin-top:8px;}
.ca-ozet-sik .cg-ozet-blok{padding:9px 11px;}
.ca-ozet-sik .cg-ozet-tutar{font-size:17px;}

.ca-arac{display:flex; align-items:center; gap:10px; margin-top:12px;}
.ca-arac .cg-ara-kutu{flex:1; min-width:0; margin:0;}

.ca-tumu-bag{flex:none; padding:0; background:none; border:0;
  color:var(--as-vurgu); font-size:13px; font-weight:600; cursor:pointer;
  white-space:nowrap;}

.ca-izgara{display:grid; grid-template-columns:1fr 1fr; gap:8px; margin-top:10px;}
.ca-grup{display:flex; flex-direction:column; gap:2px; width:100%;
  padding:11px 12px; text-align:left; background:#fff;
  border:1px solid var(--as-cizgi); border-radius:14px; cursor:pointer;}
.ca-grup:hover{border-color:var(--as-vurgu);}
.ca-grup-ad{font-size:15px; font-weight:700; color:var(--as-metin);
  overflow-wrap:anywhere; line-height:1.25;}
.ca-grup-alt{font-size:11px; color:var(--as-aciklama);}

.ca-grup-tutar{display:flex; flex-direction:column; gap:3px; margin-top:7px;}
.ca-tutar-blok{display:flex; align-items:baseline; justify-content:space-between; gap:8px;}
.ca-tutar-etiket{flex:none; font-size:11px; color:var(--as-aciklama);
  overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.ca-tutar-blok b{font-size:13px; font-weight:700; white-space:nowrap;}

.ca-sifir{color:var(--as-aciklama);}

@media (max-width:380px){ .ca-izgara{grid-template-columns:1fr;} }

.cgl-kutu{margin-top:8px; padding:0; overflow:hidden;}
.cgl-satir{display:flex; align-items:center; gap:10px; width:100%;
  min-height:64px; padding:10px 14px; text-align:left; background:none;
  border:0; border-bottom:1px solid var(--as-cizgi); cursor:pointer;}
.cgl-satir:last-child{border-bottom:0;}
.cgl-satir:hover{background:var(--mor-zemin);}
.cgl-sol{flex:1; min-width:0;}

.cgl-ad{display:block; font-size:16px; font-weight:600; color:var(--as-metin);
  line-height:1.3; overflow-wrap:anywhere;}
.cgl-grup{display:block; margin-top:1px; font-size:12px; color:var(--as-aciklama);}
.cgl-sag{flex:none; text-align:right;}

.cgl-tutar{display:block; font-size:16px; font-weight:700; white-space:nowrap;}
.cgl-durum{display:block; margin-top:1px; font-size:11px; white-space:nowrap;}
.cgl-ok{flex:none; font-size:16px; color:var(--as-aciklama);}

#view-cari-grup .cg-segment{margin-top:8px;}
#view-cari-grup .cg-seg-btn{min-height:36px; font-size:13px; padding:0 11px;}
#view-cari-grup .cg-sifir-satir{margin-top:8px; min-height:42px; font-size:13px;}
#view-cari-grup .cg-sw{width:38px; height:22px; border-radius:11px;}
#view-cari-grup .cg-sw::after{width:16px; height:16px;}
#view-cari-grup .cg-sifir-satir input:checked ~ .cg-sw::after{transform:translateX(16px);}
#view-cari-grup .cg-liste-bas .as-baslik{margin:12px 0 1px;}
#view-cari-grup .cg-adet{margin-bottom:0;}

.son-kart{margin-top:8px; cursor:pointer;}
.son-ust{display:flex; align-items:flex-start; justify-content:space-between; gap:12px;}
.son-sol{flex:1; min-width:0;}
.son-tur{display:flex; align-items:center; flex-wrap:wrap; gap:6px;}

.son-aciklama{margin-top:5px; font-size:14px; font-weight:600;
  color:var(--as-metin); overflow-wrap:anywhere;}
.son-kunye{margin-top:2px; font-size:12px; color:var(--as-aciklama);
  overflow-wrap:anywhere;}
.son-tarih{margin-top:3px; font-size:12px; color:var(--as-aciklama);}
.son-sag{flex:none; display:flex; align-items:center; gap:6px;}

.son-tutar{font-size:16px; font-weight:700; white-space:nowrap;}
.son-ok{font-size:17px; color:var(--as-aciklama);}

.son-kaynak{margin-top:12px; background:#fde9a9;}
.son-kaynak-bas{font-size:14px; font-weight:700; color:#7a4b00;}
.son-kaynak-metin{margin-top:4px; font-size:12px; line-height:1.55; color:#7a4b00;}

.pk-evrak{width:100%; min-width:120px;}

.tda-alt{margin-top:8px; padding-top:8px; border-top:1px solid var(--as-cizgi);
  font-size:12px; color:var(--as-aciklama);}
.tda-paket{margin-top:8px;}
.tda-paket-sag{text-align:right; white-space:nowrap;}
.tda-ucret{margin-top:2px; font-size:12px; color:var(--as-aciklama);}

.as-tepe + .page-sub{margin-top:12px;}

.fi-alan input[type="file"]{width:100%; min-height:48px; padding:11px 12px;
  background:#fff; border:1px solid var(--as-cizgi); border-radius:var(--r-kontrol);
  font-size:14px; color:var(--as-metin);}

@media (max-width:900px){
  table:not(.tablo-izgara) td input[type="text"]{width:100%; min-height:44px;}
  table:not(.tablo-izgara) td input[type="checkbox"]{width:22px; height:22px;}
}

.nd-buyuk{padding:4px 0 2px;}
.nd-etiket{font-size:13px; font-weight:600; color:rgba(255,255,255,.75);}
.nd-deger{margin-top:2px; font-size:clamp(28px, 9vw, 36px); font-weight:700;
  line-height:1.1; color:#fff; white-space:nowrap;}
.nd-zaman{margin-top:3px; font-size:12px; color:rgba(255,255,255,.72);}
.nd-kiyas{margin-top:10px; font-size:14px; font-weight:600; color:#fff;}
.nd-kiyas-not{display:block; margin-top:1px; font-size:12px; font-weight:400;
  color:rgba(255,255,255,.72);}

.nd-kiyas-bas{display:flex; align-items:center; gap:8px; width:100%;
  min-height:34px; padding:0; text-align:left; background:none; border:0;
  color:#fff; font-size:13px; font-weight:400; cursor:pointer;}
.nd-kiyas-bas > span:first-child{flex:1; min-width:0;}
.nd-kiyas-ok{flex:none; font-size:14px; color:rgba(255,255,255,.75);
  transition:transform .15s;}
.nd-kiyas-ok.acik{transform:rotate(180deg);}
.nd-kiyas-detay{padding:2px 0 4px; font-size:12px; line-height:1.5;
  color:rgba(255,255,255,.82);}

#nd-kalemler{margin-top:12px;}

.nd-kalite{margin-top:12px; padding:0;}
.nd-kalite-satir{display:flex; align-items:flex-start; gap:9px;
  padding:11px 13px; border-bottom:1px solid var(--as-cizgi);
  font-size:12px; line-height:1.5; color:var(--as-metin);}
.nd-kalite-satir:last-child{border-bottom:0;}
.nd-kalite-im{flex:none; width:18px; height:18px; border-radius:9px;
  font-size:12px; font-weight:700; line-height:18px; text-align:center;}
.nd-k-uyari .nd-kalite-im{background:#fde9a9; color:#7a4b00;}
.nd-k-bilgi .nd-kalite-im{background:var(--mor-zemin); color:var(--as-vurgu);}

.nd-g-kart{margin-top:8px;}
.nd-g-tik{cursor:pointer;}
.nd-g-ust{display:flex; align-items:flex-start; justify-content:space-between; gap:12px;}
.nd-g-sol{min-width:0;}
.nd-g-ad{font-size:15px; font-weight:700; color:var(--as-metin);}
.nd-g-alt{margin-top:2px; font-size:12px; color:var(--as-aciklama);}
.nd-g-sag{text-align:right; white-space:nowrap;}
.nd-g-net{font-size:16px; font-weight:700; color:var(--as-metin);}
.nd-g-fark{margin-top:2px; font-size:12px; font-weight:600;}
.nd-g-bos{font-weight:400; color:var(--as-aciklama);}
.nd-g-ac{margin-top:4px; font-size:12px; font-weight:600;
  color:var(--as-vurgu);}
.nd-g-rozetler{display:flex; flex-wrap:wrap; gap:6px; margin-top:9px;}
.nd-g-rozet{padding:3px 8px; border-radius:11px; background:var(--paper);
  font-size:11px; font-weight:600; color:var(--as-aciklama);}
.nd-g-eksik{background:#fde9a9; color:#7a4b00;}
.nd-g-bos-rozet{background:var(--mor-zemin); color:var(--as-vurgu);}
.nd-g-kirilim{margin-top:10px; padding-top:10px;
  border-top:1px solid var(--as-cizgi); cursor:default;}

.nd-dip{display:flex; flex-direction:column; gap:8px; margin-top:12px;}

.ge-kart{margin-top:8px;}
.ge-ad{font-size:14px; font-weight:600; color:var(--as-metin);}
.ge-secim{margin-top:8px;}
.ge-secim select{width:100%;}

.gd-uzlasma{margin-top:10px;}
.gd-uzlasma-sonuc{border-top:1px solid var(--as-cizgi); border-bottom:0;
  margin-top:4px; padding-top:9px; font-size:15px; font-weight:700;}

.gd-sayilan-kart{background:var(--mor-zemin);}
.gd-sayilan-not{margin-top:10px; font-size:12px; line-height:1.55;
  color:var(--as-aciklama);}

@media (max-width:900px){

  .as-tepe{margin:-12px -16px 16px;
    padding:calc(28px + env(safe-area-inset-top)) 16px 24px;}

  .as-tepe.cg-tepe{padding-top:calc(18px + env(safe-area-inset-top)); padding-bottom:14px;}
  .as-tepe-marka{font-size:20px;}
}
@media (max-width:380px){

  .as-tepe{margin:-10px -12px 14px;
    padding:calc(24px + env(safe-area-inset-top)) 12px 20px;}
  .as-tepe.cg-tepe{padding-top:calc(16px + env(safe-area-inset-top)); padding-bottom:12px;}

  .cg-seg-btn{font-size:13px; padding:0 10px;}

  .as-izgara, .as-izgara-is{grid-template-columns:repeat(auto-fill, minmax(150px, 1fr));}
  .as-tutar{font-size:28px;}
  .as-ozet-satir{font-size:14px;}

  .fi-sec-btn{min-width:82px; font-size:13px; padding:0 8px;}
}