/* WestPay — checkout (.ck-*) bağımsız; satıcı paneli Vipera style.css üstüne marka/bileşen ekleri (.cp-*) */
:root{--cp-bg:#f4f6fb;--cp-kart:#ffffff;--cp-line:#e5e9f2;--cp-text:#0f172a;--cp-dim:#64748b;--cp-faint:#94a3b8;--cp-accent:#6366f1;--cp-accent2:#06b6d4;--cp-ok:#10b981;--cp-uyari:#f59e0b;--cp-hata:#ef4444;--cp-soft:rgba(99,102,241,.10);--cp-golge:0 24px 60px -28px rgba(30,41,90,.35);
  --cp-sans:"IBM Plex Sans",system-ui,-apple-system,sans-serif;--cp-display:"Sora",var(--cp-sans);--cp-mono:"IBM Plex Mono",ui-monospace,monospace}
:root[data-theme="dark"]{--cp-bg:#0b1020;--cp-kart:#121a2e;--cp-line:#1f2a44;--cp-text:#e6ecff;--cp-dim:#8b97b8;--cp-faint:#5b6685;--cp-soft:rgba(99,102,241,.18);--cp-golge:0 30px 70px -30px rgba(0,0,0,.8)}

/* ===================== Checkout ===================== */
.ck-govde{margin:0;background:var(--cp-bg);color:var(--cp-text);font-family:var(--cp-sans);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100vh;
  background-image:radial-gradient(900px 500px at 10% -10%,rgba(99,102,241,.16),transparent 60%),radial-gradient(700px 400px at 100% 0%,rgba(6,182,212,.14),transparent 60%)}
.ck{max-width:560px;margin:0 auto;padding:28px 16px 40px}
.ck-kart{background:var(--cp-kart);border:1px solid var(--cp-line);border-radius:22px;box-shadow:var(--cp-golge);padding:22px 22px 18px;position:relative;overflow:hidden}
.ck-kart::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--cp-accent),var(--cp-accent2))}
.ck-yukleniyor{display:grid;place-items:center;min-height:200px}
.ck-spin{width:28px;height:28px;border-radius:50%;border:3px solid var(--cp-line);border-top-color:var(--cp-accent);animation:ckdon .8s linear infinite}
@keyframes ckdon{to{transform:rotate(360deg)}}
.ck-ust{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.ck-marka{display:flex;align-items:center;gap:9px;font-family:var(--cp-display);font-weight:700;font-size:16px;letter-spacing:-.01em}
.ck-marka img{border-radius:8px}
.ck-ust-sag{display:flex;gap:6px}
.ck-dil,.ck-tema{border:1px solid var(--cp-line);background:transparent;color:var(--cp-dim);border-radius:9px;padding:4px 9px;font:inherit;font-size:12px;font-weight:600;cursor:pointer}
.ck-dil:hover,.ck-tema:hover{color:var(--cp-text);border-color:var(--cp-accent)}
.ck-bas{display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:6px 0 16px;border-bottom:1px dashed var(--cp-line);margin-bottom:16px}
.ck-etiket{font-size:12px;color:var(--cp-dim);font-weight:500;text-transform:uppercase;letter-spacing:.06em}
.ck-tutar{font-family:var(--cp-display);font-size:30px;font-weight:700;letter-spacing:-.02em;line-height:1.15}
.ck-sip{text-align:right;display:flex;flex-direction:column;gap:2px}
.ck-sip b{font-family:var(--cp-mono);font-size:13px;word-break:break-all}
.ck-h2{font-family:var(--cp-display);font-size:18px;margin:0 0 4px}
.ck-p{color:var(--cp-dim);font-size:13.5px;margin:0 0 14px}
.ck-hata{background:rgba(239,68,68,.10);border:1px solid rgba(239,68,68,.35);color:var(--cp-hata);border-radius:12px;padding:10px 12px;font-size:13.5px;margin-bottom:12px}
.ck-grid{display:grid;grid-template-columns:1fr;gap:9px;margin-bottom:14px}
.ck-sec{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--cp-kart);border:1.5px solid var(--cp-line);border-radius:14px;padding:11px 13px;cursor:pointer;color:inherit;font:inherit;transition:border-color .15s,transform .15s,box-shadow .15s}
.ck-sec:hover:not(:disabled){border-color:var(--cp-accent);transform:translateY(-1px);box-shadow:0 10px 24px -18px rgba(99,102,241,.6)}
.ck-sec.pasif{opacity:.55;cursor:not-allowed}
.ck-sec.yukleniyor{opacity:.6;pointer-events:none}
.ck-sec-ad{display:flex;flex-direction:column;flex:1;line-height:1.25}
.ck-sec-ad b{font-size:15px}.ck-sec-ad small{color:var(--cp-dim);font-size:12px}
.ck-sec-tutar{text-align:right;display:flex;flex-direction:column;line-height:1.2}
.ck-sec-tutar b{font-family:var(--cp-mono);font-size:14px}.ck-sec-tutar small{color:var(--cp-dim);font-size:11px}
.ck-coin{width:36px;height:36px;border-radius:50%;background:var(--c);color:#fff;display:inline-grid;place-items:center;font-weight:700;font-size:16px;flex:0 0 36px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.ck-durum{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:12px;font-weight:600;font-size:14px;background:var(--cp-soft);color:var(--cp-accent);margin-bottom:10px}
.ck-durum.ok{background:rgba(16,185,129,.12);color:var(--cp-ok)}.ck-durum.uyari{background:rgba(245,158,11,.14);color:#b45309}.ck-durum.hata{background:rgba(239,68,68,.12);color:var(--cp-hata)}
:root[data-theme="dark"] .ck-durum.uyari{color:#fbbf24}
.ck-nokta{width:9px;height:9px;border-radius:50%;background:currentColor;flex:0 0 9px;animation:cknabiz 1.6s ease-in-out infinite}
.ck-durum.ok .ck-nokta,.ck-durum.hata .ck-nokta{animation:none}
@keyframes cknabiz{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.7)}}
.ck-mini{margin-left:auto;border:0;background:transparent;color:inherit;cursor:pointer;font-size:17px;line-height:1;padding:2px 6px;border-radius:8px}
.ck-mini:hover{background:rgba(0,0,0,.06)}.ck-mini.donuyor{animation:ckdon .8s linear infinite}
.ck-ilerleme{height:5px;background:var(--cp-line);border-radius:5px;overflow:hidden;margin:-4px 0 12px}.ck-ilerleme i{display:block;height:100%;background:linear-gradient(90deg,var(--cp-accent),var(--cp-accent2));transition:width .6s}
.ck-odeme{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:start}
.ck-qr{background:#fff;border:1px solid var(--cp-line);border-radius:14px;padding:8px;aspect-ratio:1;display:grid;place-items:center}
.ck-qr svg{width:100%;height:100%;display:block}
.ck-detay{display:flex;flex-direction:column;gap:10px;min-width:0}
.ck-satir{display:flex;flex-direction:column;gap:3px;min-width:0}
.ck-deger{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;min-width:0}
.ck-deger .ck-coin{width:22px;height:22px;flex-basis:22px;font-size:11px}
.ck-buyuk b{font-family:var(--cp-mono);font-size:19px;letter-spacing:-.01em}
.ck-adres code{font-family:var(--cp-mono);font-size:12.5px;word-break:break-all;background:var(--cp-bg);border:1px solid var(--cp-line);border-radius:8px;padding:6px 8px;flex:1;min-width:0}
.ck-kopya{border:1px solid var(--cp-line);background:transparent;color:var(--cp-accent);font:inherit;font-size:12px;font-weight:600;border-radius:8px;padding:4px 9px;cursor:pointer;text-decoration:none;white-space:nowrap}
.ck-kopya:hover{background:var(--cp-soft)}.ck-kopya.ok{color:var(--cp-ok);border-color:var(--cp-ok)}
.ck-uyari{margin:14px 0 4px;font-size:12.5px;color:#b45309;background:rgba(245,158,11,.10);border-radius:10px;padding:8px 10px}
:root[data-theme="dark"] .ck-uyari{color:#fbbf24}
.ck-not{font-size:12.5px;color:var(--cp-dim);margin:4px 0 10px}
.ck-sure{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--cp-dim);border-top:1px dashed var(--cp-line);padding-top:10px;margin-top:6px}
.ck-sure b{font-family:var(--cp-mono);font-size:15px;color:var(--cp-text)}.ck-sure b.az{color:var(--cp-hata)}
.ck-txid{margin-top:12px;border:1px solid var(--cp-line);border-radius:12px;padding:10px 12px}
.ck-txid summary{cursor:pointer;font-weight:600;font-size:13.5px;color:var(--cp-accent)}
.ck-txid p{font-size:12.5px;color:var(--cp-dim);margin:8px 0}
.ck-form{display:flex;gap:8px}
.ck-form input{flex:1;min-width:0;border:1px solid var(--cp-line);background:var(--cp-bg);color:var(--cp-text);border-radius:10px;padding:9px 11px;font:inherit;font-family:var(--cp-mono);font-size:12.5px}
.ck-form input:focus{outline:2px solid var(--cp-accent);outline-offset:1px;border-color:transparent}
.ck-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:linear-gradient(120deg,var(--cp-accent),var(--cp-accent2));color:#fff;border:0;border-radius:12px;padding:12px 18px;font:inherit;font-weight:700;font-size:14px;cursor:pointer;text-decoration:none;box-shadow:0 10px 24px -14px rgba(99,102,241,.8)}
.ck-btn:hover{filter:brightness(1.06)}.ck-btn:disabled{opacity:.6;cursor:wait}
.ck-btn-kucuk{padding:9px 14px;font-size:13px;border-radius:10px}
.ck-link{display:inline-block;background:none;border:0;color:var(--cp-dim);font:inherit;font-size:13px;cursor:pointer;text-decoration:none;padding:6px 0}
.ck-link:hover{color:var(--cp-accent)}
.ck-eylemler{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:10px;flex-wrap:wrap}
.ck-son{text-align:center;padding:26px 6px 10px}
.ck-son-ik{font-size:44px;line-height:1;margin-bottom:12px;color:var(--cp-ok)}
.ck-son.hata .ck-son-ik{color:var(--cp-hata)}
.ck-son h2{font-family:var(--cp-display);font-size:22px;margin:0 0 6px}
.ck-son p{color:var(--cp-dim);margin:0 0 16px;font-size:14px}
.ck-son .ck-btn{margin-top:10px}
.ck-alt{text-align:center;margin-top:16px;font-size:12px}
.ck-alt a{color:var(--cp-faint);text-decoration:none}.ck-alt a:hover{color:var(--cp-accent)}
@media (max-width:480px){.ck{padding:12px 10px 30px}.ck-kart{padding:18px 14px 14px;border-radius:18px}.ck-odeme{grid-template-columns:1fr}.ck-qr{max-width:200px;margin:0 auto}.ck-tutar{font-size:26px}.ck-bas{flex-direction:column;align-items:flex-start}.ck-sip{text-align:left}}
@media (prefers-reduced-motion:reduce){.ck-nokta,.ck-spin,.ck-mini.donuyor{animation:none}}

/* --- havale ekranı --- */
.ck-banka{background:var(--cp-kart);border:1px dashed var(--cp-accent);border-radius:14px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}
.ck-banka-bas{display:flex;align-items:center;gap:12px;font-size:14.5px;padding-bottom:8px;border-bottom:1px solid var(--cp-line)}
.ck-banka-bas .ck-coin{flex:0 0 36px}.ck-banka-bas .ck-coin svg{width:20px;height:20px}
.ck-coin svg{width:18px;height:18px}
.ck-dekont{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px dashed var(--cp-line);border-radius:12px;padding:10px 12px;cursor:pointer;font-size:13.5px;color:var(--cp-dim);transition:border-color .18s,background .18s}
.ck-dekont:hover{border-color:var(--cp-accent)}.ck-dekont.ok{border-color:var(--cp-ok);color:var(--cp-ok)}
.ck-dekont b{color:var(--cp-accent);font-size:13px}.ck-dekont.ok b{color:var(--cp-ok)}
/* ===================== Operatör paneli — sol menü düzeni, siyah/beyaz tema, akıcı animasyonlar ===================== */
:root{--k:#000;--zemin:#f5f5f5;--kart:#fff;--cizgi:#e6e6e6;--cizgi2:#d9d9d9;--metin:#0a0a0a;--ikincil:#6f6f6f;--soluk:#a3a3a3;--giris:#f2f2f2;--yesil:#22c55e;--kirmizi:#ef4444;--font:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;--mono:"IBM Plex Mono",ui-monospace,monospace;
  --yan:268px;--ease:cubic-bezier(.2,.8,.2,1);--yay:cubic-bezier(.34,1.4,.4,1)}
body.cp-govde{margin:0;background:var(--zemin);color:var(--metin);font-family:var(--font);font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.cp-govde *{box-sizing:border-box}
body.cp-govde.yan-dar{--yan:80px}
svg{display:block}
@keyframes gel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes gelSol{from{opacity:0;transform:translateX(-8px)}to{opacity:1;transform:none}}
@keyframes buyu{from{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:none}}
@keyframes fadein{from{opacity:0}}
@keyframes nabiz{0%,100%{box-shadow:0 0 0 0 rgba(239,68,68,.55)}60%{box-shadow:0 0 0 7px rgba(239,68,68,0)}}
@keyframes isk{to{background-position:-200% 0}}
@keyframes ckdon{to{transform:rotate(360deg)}}
/* --- yerleşim --- */
.yerlesim{display:grid;grid-template-columns:var(--yan) minmax(0,1fr);min-height:100vh;transition:grid-template-columns .32s var(--ease)}
.ana{min-width:0}
.govde{padding:34px 34px 90px}
.govde-ic{max-width:1500px;margin:0 auto}
.govde-ic.gel>*{animation:gel .42s var(--ease) both;animation-delay:calc(var(--n,0)*45ms)}
/* --- sol menü --- */
.yan{position:sticky;top:0;height:100vh;background:#0a0a0a;color:#fff;display:flex;flex-direction:column;padding:16px 12px 14px;overflow:hidden;z-index:30;transition:padding .32s var(--ease)}
.yan-ust{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:4px 6px 14px}
.yan-logo{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-weight:800;font-size:22px;letter-spacing:-.03em;min-width:0}
.yan-logo svg{width:36px;height:36px;flex:0 0 36px}
.yan-metin{white-space:nowrap;overflow:hidden;transition:opacity .22s var(--ease),max-width .32s var(--ease);max-width:200px;opacity:1}
.yan-dar .yan-metin{opacity:0;max-width:0}
.yan-dar-btn{width:32px;height:32px;border-radius:9px;border:1px solid #2e2e2e;background:#161616;color:#bbb;display:grid;place-items:center;cursor:pointer;flex:0 0 32px;transition:background .18s,color .18s,transform .32s var(--ease)}
.yan-dar-btn:hover{background:#242424;color:#fff}
.yan-dar-btn svg{width:16px;height:16px}
.yan-dar .yan-dar-btn{transform:rotate(180deg)}
.yan-hesap{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#151515;margin:0 0 12px;min-width:0;color:#fff;text-decoration:none;transition:background .18s,transform .18s var(--ease)}
.yan-hesap:hover{background:#1f1f1f;transform:translateY(-1px)}
.yan-dar .yan-hesap{justify-content:center;padding:8px 0}
.yan-dar .yan-ust{flex-direction:column;gap:10px;padding:0 0 12px}
.yan-avatar{width:36px;height:36px;border-radius:50%;background:#fff;color:#000;display:grid;place-items:center;font-weight:800;flex:0 0 36px}
.yan-hesap .yan-metin{display:flex;flex-direction:column;line-height:1.2}
.yan-hesap b{font-size:14px}.yan-hesap small{color:#8a8a8a;font-size:12px}
.yan-nav{position:relative;display:flex;flex-direction:column;gap:2px;flex:1;overflow-y:auto;overflow-x:hidden;scrollbar-width:none;padding-bottom:8px}
.yan-nav>*{flex-shrink:0}
.yan-nav::-webkit-scrollbar{display:none}
.yan-grup{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#6a6a6a;padding:12px 12px 4px;line-height:1.4;white-space:nowrap;overflow:hidden;transition:opacity .2s}
.yan-dar .yan-grup{opacity:0;padding:6px 0 0;height:8px}
.yan-gosterge{position:absolute;left:0;top:0;width:100%;height:42px;border-radius:13px;background:#fff;opacity:0;transform:translateY(0);transition:transform .38s var(--yay),opacity .2s,height .2s;pointer-events:none;z-index:0}
.yan-gosterge.gor{opacity:1}
.yan-nav a{position:relative;z-index:1;display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;color:#c8c8c8;text-decoration:none;font-weight:600;font-size:14.5px;transition:color .2s,background .2s,transform .2s var(--ease);min-height:42px;white-space:nowrap}
.yan-nav a .ik{width:22px;height:22px;flex:0 0 22px;display:grid;place-items:center;transition:transform .25s var(--yay)}
.yan-nav a .ik svg{width:20px;height:20px}
.yan-nav a:hover{color:#fff;background:#1b1b1b}
.yan-nav a:hover .ik{transform:scale(1.12)}
.yan-nav a.aktif{color:#000;background:transparent}
.yan-nav a.aktif .ik{transform:none}
.yan-nav a:active{transform:scale(.98)}
.yan-rozet{margin-left:auto;min-width:22px;height:22px;border-radius:11px;background:#ef4444;color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;padding:0 6px;transition:transform .3s var(--yay),opacity .2s}
.yan-rozet.nabiz{animation:nabiz 1.6s ease-out 3}
.yan-rozet[hidden]{display:none}
.yan-dar .yan-rozet{position:absolute;top:6px;right:6px;margin:0;min-width:18px;height:18px;font-size:11px}
.yan-alt{display:flex;flex-direction:column;gap:8px;padding-top:12px;border-top:1px solid #1f1f1f}
.yan-dar .yan-eylem{padding:0;gap:0}
.yan-eylem{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:12px;border:1px solid #2e2e2e;background:#141414;color:#fff;font:inherit;font-weight:700;font-size:14px;cursor:pointer;transition:background .18s,transform .18s var(--ease);white-space:nowrap;overflow:hidden;padding:0 10px}
.yan-eylem.beyaz{background:#fff;color:#000;border-color:#fff}
.yan-eylem:hover{transform:translateY(-1px)}.yan-eylem.beyaz:hover{background:#f0f0f0}.yan-eylem:not(.beyaz):hover{background:#222}
.yan-eylem:active{transform:scale(.97)}
.yan-eylem svg{width:18px;height:18px;flex:0 0 18px}
.yan-cikis{background:transparent;border:0;color:#8a8a8a;font:inherit;font-size:13px;font-weight:600;display:flex;align-items:center;gap:8px;justify-content:center;padding:8px;cursor:pointer;border-radius:10px;transition:color .18s,background .18s}
.yan-cikis:hover{color:#fff;background:#1b1b1b}.yan-cikis svg{width:16px;height:16px}
.mobil-bar{display:none}
/* --- sayfa başı --- */
.sayfa-bas{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}
.sayfa-bas h1{font-size:30px;font-weight:800;margin:0;letter-spacing:-.02em}
.sayfa-link{display:inline-flex;align-items:center;gap:10px;color:#000;font-weight:600;font-size:16px;text-decoration:none;background:none;border:0;cursor:pointer;font-family:inherit;padding:8px 12px;border-radius:12px;transition:background .18s,transform .18s}
.sayfa-link:hover{background:#ebebeb}.sayfa-link:active{transform:scale(.98)}
.sayfa-link svg{width:20px;height:20px}
.sayfa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,420px);gap:40px;align-items:start}
.sayfa-grid.tek{grid-template-columns:minmax(0,1fr)}
.sayfa-grid>.sol,.sayfa-grid>.sag{min-width:0}
@media (max-width:1180px){.sayfa-grid{grid-template-columns:minmax(0,1fr);gap:28px}}
/* --- adımlar (stepper) --- */
.adimlar{display:flex;flex-direction:column}
.adim{position:relative;padding:0 0 32px 54px}
.adim::before{content:"";position:absolute;left:13px;top:32px;bottom:0;width:2px;background:var(--cizgi2)}
.adim:last-child::before{display:none}
.adim.ok::before{background:var(--yesil)}
.adim-nokta{position:absolute;left:0;top:0;width:28px;height:28px;border-radius:50%;border:2px solid var(--cizgi2);background:#fff;display:grid;place-items:center;color:#fff;transition:border-color .3s,background .3s}
.adim-nokta svg{width:16px;height:16px}
.adim.ok .adim-nokta{background:var(--yesil);border-color:var(--yesil)}
.adim.aktif .adim-nokta{border-color:var(--yesil)}
.adim.aktif .adim-nokta::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--yesil);animation:nabiz 1.8s ease-out infinite}
.adim.bekle .adim-nokta{border-color:var(--cizgi2)}
.adim h3{margin:0 0 14px;font-size:19px;font-weight:700;line-height:28px}
.adim h3:empty{display:none}
.adim .not{color:var(--ikincil);font-size:15px;margin:-8px 0 12px}
/* --- seçici kart --- */
.secici{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:15px 20px;cursor:pointer;width:100%;text-align:left;font-family:inherit;color:inherit;position:relative;transition:border-color .18s,transform .2s var(--ease),box-shadow .2s}
.secici:hover{border-color:#bdbdbd;transform:translateY(-1px);box-shadow:0 8px 24px -18px rgba(0,0,0,.5)}
.secici.sec{border-color:#000;box-shadow:0 0 0 1px #000}
.secici .ik{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:700;font-size:18px;flex:0 0 42px;box-shadow:inset 0 -3px 0 rgba(0,0,0,.15)}
.secici .ad{flex:1;display:flex;flex-direction:column;min-width:0}.secici .ad b{font-size:18px}.secici .ad small{color:var(--ikincil);font-size:14px}
.secici .deger{text-align:right;display:flex;flex-direction:column}.secici .deger b{font-size:18px}.secici .deger small{color:var(--ikincil);font-size:14px}
.secici .ok-ik{color:#000;flex:0 0 22px}.secici .ok-ik svg{width:22px;height:22px}
.secici>svg{width:22px;height:22px;flex:0 0 22px;color:#000;transition:transform .25s}
.secici input[type=radio]{width:20px;height:20px;accent-color:#000;margin:0;flex:0 0 20px}
.secici-liste{position:absolute;left:0;right:0;top:calc(100% + 8px);background:#fff;border:1px solid var(--cizgi);border-radius:14px;box-shadow:0 24px 60px -24px rgba(0,0,0,.4);z-index:20;overflow:hidden;animation:buyu .22s var(--ease)}
.secici-liste .secici{border:0;border-radius:0;border-bottom:1px solid var(--cizgi);transform:none;box-shadow:none}.secici-liste .secici:last-child{border-bottom:0}
.secici-liste .secici:hover{background:#fafafa}
.secici-sarma{position:relative}
.rozetler{display:flex;gap:6px;flex-wrap:wrap}
.roz{font-size:12px;font-weight:600;padding:3px 9px;border-radius:999px;background:#f2f2f2;color:#333}
.roz.ok{background:#e6f9ee;color:#15803d}.roz.gri{color:var(--ikincil)}
/* --- girişler --- */
.etiket{display:block;font-weight:600;color:#3d3d3d;font-size:15px;margin:0 0 10px}
.giris{width:100%;background:var(--giris);border:0;border-radius:14px;height:58px;padding:0 20px;font:inherit;font-size:17px;color:#000;outline:none;min-width:0;transition:box-shadow .18s,background .18s}
.giris::placeholder{color:#9a9a9a}.giris:focus{box-shadow:0 0 0 2px #000 inset;background:#fff}
.giris[readonly]{color:#333}
.giris.mono{font-family:var(--mono);font-size:14px}
textarea.giris{height:auto;padding:14px 20px;resize:vertical}
select.giris{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:18px;padding-right:48px;cursor:pointer}
.giris-sarma{position:relative;display:flex;gap:10px;align-items:center}
.giris-sarma .giris{flex:1}
.giris-ek{position:absolute;right:18px;top:50%;transform:translateY(-50%);color:#6f6f6f;font-weight:700;font-size:15px;background:none;border:0;cursor:pointer;font-family:inherit}
.kare-btn{width:58px;height:58px;border-radius:14px;background:var(--giris);border:0;display:grid;place-items:center;cursor:pointer;color:#000;flex:0 0 58px;transition:background .18s,transform .18s}
.kare-btn:hover{background:#e6e6e6}.kare-btn:active{transform:scale(.95)}.kare-btn svg{width:22px;height:22px}
.kare-btn.ok{background:#e6f9ee;color:#15803d}
.giris-satir{display:flex;gap:12px;align-items:flex-end;flex-wrap:wrap}
.giris-satir>div{flex:1;min-width:200px}
.alan{margin-bottom:16px}
.yardim{color:var(--ikincil);font-size:14px;margin:10px 0 0;line-height:1.5}
.onizle{font-family:var(--mono);font-size:12.5px;color:var(--ikincil);background:#fff;border:1px dashed var(--cizgi2);border-radius:12px;padding:10px 14px;margin-top:10px;word-break:break-all;line-height:1.6;animation:gel .3s var(--ease)}
.onizle b{color:#000}
.hata-kutu{background:#fdecec;color:#b91c1c;border-radius:12px;padding:10px 14px;font-size:14px;margin-bottom:14px;animation:gel .3s var(--ease)}
/* --- düğmeler --- */
.buyuk-btn{width:100%;height:64px;border-radius:14px;border:0;background:#000;color:#fff;font:inherit;font-size:18px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:transform .18s var(--ease),background .18s,box-shadow .2s}
.buyuk-btn:hover{background:#1c1c1c;transform:translateY(-1px);box-shadow:0 14px 30px -18px rgba(0,0,0,.6)}
.buyuk-btn:active{transform:scale(.985)}
.buyuk-btn svg{width:22px;height:22px}
.buyuk-btn:disabled,.buyuk-btn.pasif{background:#e8e8e8;color:#8a8a8a;cursor:not-allowed;transform:none;box-shadow:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:12px;padding:11px 20px;font:inherit;font-weight:600;font-size:15px;cursor:pointer;border:1px solid transparent;text-decoration:none;background:#000;color:#fff;white-space:nowrap;transition:transform .16s var(--ease),background .18s,box-shadow .2s,filter .18s;position:relative;overflow:hidden}
.btn:hover{filter:brightness(1.12);transform:translateY(-1px)}
.btn:active{transform:scale(.97)}
.btn-primary{background:#000;color:#fff}
.btn-ghost{background:#fff;color:#000;border-color:var(--cizgi2)}.btn-ghost:hover{background:#f7f7f7;filter:none}
.btn-soft{background:var(--giris);color:#000}
.btn-tehlike{background:#fdecec;color:#b91c1c}
.btnk{padding:8px 14px;font-size:14px;border-radius:10px}
.btn-blok{width:100%}.btn-lg{padding:16px 22px;font-size:17px;border-radius:14px}
.btn:disabled{opacity:.55;cursor:wait;transform:none}
.btn svg{width:18px;height:18px}
.btn.ok{background:#15803d;color:#fff;border-color:transparent}
.btn-spin-ic{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:ckdon .7s linear infinite;display:inline-block}
.dalga{position:absolute;border-radius:50%;background:rgba(255,255,255,.35);transform:translate(-50%,-50%) scale(0);width:12px;height:12px;pointer-events:none;animation:dalga .55s ease-out forwards}
.btn-ghost .dalga{background:rgba(0,0,0,.08)}
@keyframes dalga{to{transform:translate(-50%,-50%) scale(24);opacity:0}}
/* --- tanıtım kartı --- */
.promo{background:#fff;border:1px solid var(--cizgi);border-radius:22px;padding:14px 14px 28px;margin-bottom:24px;transition:transform .25s var(--ease),box-shadow .25s}
.promo:hover{transform:translateY(-2px);box-shadow:0 24px 50px -30px rgba(0,0,0,.35)}
.promo-gorsel{border-radius:16px;overflow:hidden;background:#0b0b0b;aspect-ratio:4/3;display:grid;place-items:center;margin-bottom:22px}
.promo-gorsel svg{width:100%;height:100%;transition:transform .6s var(--ease)}
.promo:hover .promo-gorsel svg{transform:scale(1.03)}
.promo h3{font-size:22px;font-weight:700;margin:0 16px 12px;letter-spacing:-.01em}
.promo p{font-size:16.5px;color:#333;margin:0 16px 22px;line-height:1.55}
.promo .btn{margin:0 16px}
/* --- SSS --- */
.sss{max-width:830px;margin-top:52px}
.sss h2{font-size:28px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em}
.sss details{border-bottom:1px solid var(--cizgi)}
.sss summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;font-weight:700;font-size:18px;transition:color .18s}
.sss summary:hover{color:#444}
.sss summary::-webkit-details-marker{display:none}
.sss summary::after{content:"+";font-size:30px;font-weight:300;line-height:1;color:#000;transition:transform .3s var(--yay)}
.sss details[open] summary::after{transform:rotate(45deg)}
.sss p{margin:-6px 0 24px;color:#3d3d3d;font-size:16px;line-height:1.6;max-width:720px;animation:gel .3s var(--ease)}
/* --- kartlar, istatistik, tablo --- */
.kart{background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:22px 24px;margin-bottom:20px}
.kart h2{font-size:20px;font-weight:700;margin:0 0 16px}
.kart-bas{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.kart-bas h2{margin:0}
.istat{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:14px;margin-bottom:20px}
.istat .kart{margin:0;padding:18px 20px;transition:transform .25s var(--ease),box-shadow .25s;position:relative;overflow:hidden}
.istat .kart::after{content:"";position:absolute;inset:auto -30% -60% auto;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,rgba(0,0,0,.05),transparent 70%);transition:transform .4s var(--ease)}
.istat .kart:hover{transform:translateY(-3px);box-shadow:0 20px 40px -28px rgba(0,0,0,.45)}
.istat .kart:hover::after{transform:scale(1.6)}
.istat .e{color:var(--ikincil);font-size:14px;font-weight:600}
.istat .s{font-size:26px;font-weight:800;letter-spacing:-.02em;margin-top:6px;line-height:1.15;font-variant-numeric:tabular-nums}
.istat .k{color:var(--soluk);font-size:13px;margin-top:4px}
.tablo{width:100%;border-collapse:collapse;font-size:15px}
.tablo th{text-align:left;color:var(--ikincil);font-weight:600;font-size:13px;padding:0 12px 12px;border-bottom:1px solid var(--cizgi);white-space:nowrap}
.tablo td{padding:14px 12px;border-bottom:1px solid var(--cizgi);vertical-align:middle;transition:background .15s}
.tablo tr:last-child td{border-bottom:0}
.tablo tbody tr{animation:gelSol .35s var(--ease) both;animation-delay:calc(var(--i,0)*22ms)}
.tablo tr.tikla{cursor:pointer}.tablo tr.tikla:hover td{background:#fafafa}
.tablo tr.tikla:active td{background:#f3f3f3}
.kart-tablo{overflow:auto;margin:0 -8px}
.mono{font-family:var(--mono);font-size:13px}.dim{color:var(--ikincil)}.nowrap{white-space:nowrap}
.musteri{display:flex;flex-direction:column}.musteri small{color:var(--ikincil);font-family:var(--mono);font-size:12px}
.sd{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:4px 11px;font-size:13px;font-weight:600;background:#f2f2f2;color:#333;white-space:nowrap;transition:transform .2s var(--yay)}
.sd::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.sd.paid,.sd.paid_over{background:#e6f9ee;color:#15803d}
.sd.check{background:#eef2ff;color:#3730a3}
.sd.process,.sd.confirm_check,.sd.wrong_amount_waiting{background:#fff4e0;color:#b45309}
.sd.wrong_amount,.sd.cancel,.sd.fail,.sd.system_fail{background:#fdecec;color:#b91c1c}
.sd.started{background:#eef2ff;color:#3730a3}.sd.pending{background:#fff4e0;color:#b45309}.sd.pending::before{animation:nabiz 1.6s ease-out infinite}.sd.confirmed,.sd.dogrulandi{background:#e6f9ee;color:#15803d}.sd.declined{background:#fdecec;color:#b91c1c}.sd.cancelled,.sd.yok{background:#f2f2f2;color:#6f6f6f}.sd.bekliyor{background:#eef2ff;color:#3730a3}.sd.eksik,.sd.fazla{background:#fff4e0;color:#b45309}
.sd.temiz{background:#e6f9ee;color:#15803d}.sd.izleme{background:#fff4e0;color:#b45309}.sd.yuksek{background:#fdecec;color:#b91c1c}
.kalem-bos{color:var(--ikincil);padding:8px 0;margin:0}
.bos{text-align:center;padding:40px 20px;color:var(--ikincil)}.bos h3{color:#000;margin:8px 0 4px}
.iskelet i{display:block;background:linear-gradient(90deg,#eee,#f7f7f7,#eee);background-size:200% 100%;animation:isk 1.2s infinite;border-radius:8px;margin:10px 0}
.filtre{display:flex;gap:12px;margin-bottom:18px;flex-wrap:wrap}
.filtre .giris{height:52px;font-size:15px}
.filtre select.giris{width:220px;flex:0 0 220px}
.filtre input.giris{flex:1;width:auto;min-width:220px}
.risk-kutu{border:1px solid var(--cizgi);border-radius:14px;padding:14px 16px;margin:14px 0;background:#fafafa}
.risk-kutu h4{margin:0 0 8px;font-size:15px;display:flex;align-items:center;gap:10px}
.risk-kutu ul{margin:6px 0 0;padding-left:18px;color:#3d3d3d;font-size:13.5px}
.cizili{text-decoration:line-through;color:var(--ikincil);font-weight:400;font-size:12px;margin-right:6px}
.kucuk-btnler{display:flex;gap:6px;flex-wrap:wrap}
.onay-btn{background:#16a34a!important;color:#fff!important}.red-btn{background:#dc2626!important;color:#fff!important}
.tarih-satir{display:flex;gap:10px;align-items:flex-end;flex-wrap:wrap;margin-bottom:16px}
.tarih-satir .giris{height:50px;font-size:15px}
.hizli{display:flex;gap:6px;flex-wrap:wrap}
.hizli button{border:1px solid var(--cizgi2);background:#fff;border-radius:999px;padding:7px 12px;font:inherit;font-size:13px;font-weight:600;cursor:pointer;transition:background .18s,color .18s,transform .18s}
.hizli button:hover{transform:translateY(-1px)}
.hizli button.aktif{background:#000;color:#fff;border-color:#000}
.anahtar-satir{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}
.anahtar-satir .kod-kutu code{height:48px;font-size:12.5px}
.tablo td.sag,.tablo th.sag{text-align:right}
.ozet-satir{display:flex;justify-content:space-between;gap:10px;padding:8px 0;border-bottom:1px solid var(--cizgi);font-size:14px}.ozet-satir:last-child{border-bottom:0}.ozet-satir b{font-variant-numeric:tabular-nums}
.eylem-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:14px 0}
/* --- anahtar (toggle) --- */
.anahtar{position:relative;width:46px;height:26px;border-radius:999px;background:#d4d4d4;cursor:pointer;display:inline-block;flex:0 0 46px;transition:background .25s}
.anahtar input{opacity:0;width:0;height:0;position:absolute}
.anahtar i{position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .28s var(--yay);box-shadow:0 1px 3px rgba(0,0,0,.3)}
.anahtar input:checked+i{transform:translateX(20px)}
.anahtar:has(input:checked){background:#000}
/* --- kimlik listesi --- */
.kimlik{display:flex;flex-direction:column;gap:14px}
.kod-kutu{display:flex;align-items:center;gap:10px}
.kod-kutu code{flex:1;min-width:0;background:var(--giris);border-radius:14px;height:58px;display:flex;align-items:center;padding:0 20px;font-family:var(--mono);font-size:14px;overflow:auto;white-space:nowrap}
/* --- modal --- */
.modal-arka{position:fixed;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:grid;place-items:center;padding:20px;z-index:50;animation:fadein .18s}
.modal-arka.kapaniyor{opacity:0;transition:opacity .18s}
.modal-arka.kapaniyor .modal{transform:scale(.97) translateY(6px);opacity:0;transition:transform .18s,opacity .18s}
.modal{background:#fff;border-radius:24px;padding:30px;width:100%;max-width:560px;position:relative;max-height:92vh;overflow:auto;animation:buyu .32s var(--yay);box-shadow:0 40px 90px -30px rgba(0,0,0,.5)}
.modal-genis{max-width:900px}
.modal .kapat{position:absolute;top:18px;right:18px;width:40px;height:40px;border-radius:50%;border:1px solid var(--cizgi2);background:#fff;cursor:pointer;display:grid;place-items:center;color:#000;transition:transform .25s var(--yay),background .18s}
.modal .kapat:hover{transform:rotate(90deg);background:#f5f5f5}
.modal .kapat svg{width:18px;height:18px}
.modal h2{font-size:24px;font-weight:800;margin:0 0 6px;padding-right:44px;letter-spacing:-.02em}
.modal .alt{color:var(--ikincil);margin:0 0 18px}
.modal-alt{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}
.onay-ik{width:56px;height:56px;border-radius:50%;background:#f2f2f2;display:grid;place-items:center;margin-bottom:14px;color:#000}
.onay-ik svg{width:26px;height:26px}
.onay-ik.tehlike{background:#fdecec;color:#b91c1c}
.detay-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px 22px;margin:14px 0}
.detay-grid div{display:flex;flex-direction:column;gap:2px;animation:gel .35s var(--ease) both;animation-delay:calc(var(--i,0)*25ms)}
.detay-grid small{font-size:12px;color:var(--ikincil);font-weight:600}
.detay-grid span{font-size:14.5px;word-break:break-all}
.detay-grid span.mono{font-size:12.5px}
/* --- toast --- */
.toast{position:fixed;left:50%;bottom:28px;transform:translate(-50%,24px) scale(.96);opacity:0;background:#000;color:#fff;border-radius:14px;padding:12px 18px;display:flex;align-items:center;gap:10px;font-weight:600;z-index:60;transition:transform .32s var(--yay),opacity .22s;pointer-events:none;max-width:90vw;box-shadow:0 20px 50px -20px rgba(0,0,0,.6)}
.toast.gor{opacity:1;transform:translate(-50%,0) scale(1)}
.toast-ik svg{width:18px;height:18px}.toast-ik.ok{color:#4ade80}.toast-ik.hata{color:#f87171}
/* --- mobil çekmece arkası --- */
.cekmece-arka{position:fixed;inset:0;background:rgba(0,0,0,.5);z-index:29;opacity:0;pointer-events:none;transition:.22s}
.cekmece-arka.acik{opacity:1;pointer-events:auto}
/* --- sohbet balonu --- */
.sohbet{position:fixed;right:28px;bottom:28px;width:62px;height:62px;border-radius:50%;background:#000;color:#fff;border:0;display:grid;place-items:center;cursor:pointer;z-index:30;box-shadow:0 12px 30px -10px rgba(0,0,0,.6);transition:transform .25s var(--yay)}
.sohbet:hover{transform:scale(1.08)}.sohbet:active{transform:scale(.95)}
.sohbet svg{width:28px;height:28px}
.sohbet-kutu{position:fixed;right:28px;bottom:104px;width:320px;background:#fff;border-radius:18px;border:1px solid var(--cizgi);padding:20px;z-index:31;box-shadow:0 24px 60px -20px rgba(0,0,0,.4);animation:buyu .28s var(--yay)}
.sohbet-kutu h4{margin:0 0 6px;font-size:17px}.sohbet-kutu p{margin:0 0 10px;color:var(--ikincil);font-size:14px}
/* --- giriş sayfası --- */
.cp-giris{min-height:100vh;display:grid;place-items:center;padding:24px;background:#fff}
.cp-giris-kart{width:100%;max-width:440px;animation:buyu .5s var(--ease)}
.cp-giris-kart .yan-logo{color:#000}
.cp-giris-kart h1{font-size:30px;font-weight:800;margin:28px 0 8px;letter-spacing:-.02em}
.cp-giris-kart .alt{color:var(--ikincil);margin:0 0 22px;font-size:15px}
/* --- doküman --- */
.cp-doc h2{font-size:22px;font-weight:800;margin:30px 0 10px;letter-spacing:-.01em}
.cp-doc h2:first-child{margin-top:0}
.cp-doc h3{font-size:16px;margin:20px 0 8px}
.cp-doc p,.cp-doc li{font-size:15px;line-height:1.65}
.cp-doc ol{padding-left:22px}
.cp-doc table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 16px}
.cp-doc th,.cp-doc td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--cizgi);vertical-align:top}
.cp-doc th{color:var(--ikincil);font-weight:600;font-size:12.5px}
.cp-doc code{font-family:var(--mono);font-size:13px;background:var(--giris);padding:2px 6px;border-radius:6px}
.cp-kodkutu{position:relative;background:var(--giris);border-radius:14px;padding:14px 100px 14px 18px;font-family:var(--mono);font-size:12.5px;white-space:pre-wrap;word-break:break-all;line-height:1.6;margin:8px 0 16px}
.cp-kodkutu .kopya{position:absolute;top:10px;right:10px}
body.cp-govde .cp-doc a,body.cp-govde .sss a,body.cp-govde .sohbet-kutu a,body.cp-govde .detay-grid a,body.cp-govde .yardim a{color:#000;text-decoration:underline}
/* --- panel ekleri: yöntem rozeti, dekont önizleme, bayi kartları --- */
.yontem-roz{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:600;padding:3px 9px;border-radius:999px;background:#f2f2f2;color:#333}
.yontem-roz.havale{background:#eef2ff;color:#3730a3}.yontem-roz.kripto{background:#e6f9ee;color:#15803d}
.yontem-roz svg{width:14px;height:14px}
.dekont-onizle{display:block;max-width:100%;max-height:420px;border-radius:12px;border:1px solid var(--cizgi);margin-top:8px;object-fit:contain;background:#fafafa}
.iban-kutu{font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;background:var(--giris);border-radius:10px;padding:7px 11px;display:inline-block;line-height:1.5}
.tablo .iban-kutu{white-space:nowrap}
.modal .istat{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.modal .istat .s{font-size:22px;letter-spacing:-.02em}.modal .istat .kart{padding:14px 16px;min-width:0}.modal .istat .e{white-space:normal}
.bayi-oran{font-weight:800;font-size:18px;letter-spacing:-.02em}
.eksi{color:#b91c1c}.arti{color:#15803d}
/* --- mobil --- */
@media (max-width:900px){
  .yerlesim{grid-template-columns:1fr}
  .yan{position:fixed;left:0;top:0;bottom:0;width:284px;transform:translateX(-100%);transition:transform .3s var(--ease);box-shadow:0 0 60px rgba(0,0,0,.4)}
  .yan.acik{transform:none}
  body.cp-govde.yan-dar{--yan:284px}.yan-dar .yan-metin{opacity:1;max-width:200px}.yan-dar .yan-grup{opacity:1;height:auto;padding:14px 12px 6px}.yan-dar .yan-rozet{position:static;min-width:22px;height:22px;margin-left:auto}
  .yan-dar-btn{display:none}
  .mobil-bar{display:flex;align-items:center;gap:12px;padding:10px 16px;background:#0a0a0a;color:#fff;position:sticky;top:0;z-index:20}
  .mobil-bar button{width:42px;height:42px;border-radius:50%;border:1px solid #333;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer}
  .mobil-bar button svg{width:22px;height:22px}
  .mobil-bar .yan-logo{font-size:20px}.mobil-bar .yan-logo svg{width:30px;height:30px}
  .govde{padding:20px 16px 90px}.sayfa-bas h1{font-size:26px}.adim{padding-left:44px}.modal{padding:22px}.eylem-grid{grid-template-columns:1fr 1fr}
}
@media (prefers-reduced-motion:reduce){body.cp-govde *,body.cp-govde *::before,body.cp-govde *::after{animation:none!important;transition:none!important}}

/* ===================== WestPay v2 — havale/bayi paneli bileşenleri ===================== */
.sayfa-eylem{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.bos>svg{width:42px;height:42px;margin:0 auto 4px;opacity:.35}
.baslik-ik{width:22px!important;height:22px!important;display:inline-block!important;vertical-align:-4px;margin-right:4px}
.kart-bas h2{display:flex;align-items:center;gap:6px}
.kirmizi{color:#b91c1c}.yesil{color:#15803d}
tr.soluk td{opacity:.55}tr.soluk:hover td{opacity:1}
.toplam-satir td{border-top:2px solid var(--cizgi2);background:#fafafa}
/* banka rozeti — görseldeki renkler, kalın italik */
.banka-roz{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px 0 4px;border-radius:9px;background:#fff;color:#111;font-weight:700;font-size:13px;letter-spacing:-.005em;white-space:nowrap;box-shadow:inset 0 0 0 1px var(--cizgi);line-height:1}
.banka-roz img{width:20px;height:20px;border-radius:6px;object-fit:contain;background:#fff;flex:0 0 20px;box-shadow:0 0 0 1px rgba(0,0,0,.06)}
.banka-roz.kucuk{height:24px;font-size:12px;padding:0 8px 0 3px;gap:6px}.banka-roz.kucuk img{width:17px;height:17px;flex-basis:17px;border-radius:5px}
.hesap-hucre{display:flex;flex-direction:column;gap:3px;align-items:flex-start}.hesap-hucre small{color:var(--ikincil);font-size:12px}
/* limit / kasa çubuğu */
.limit{margin:4px 0 2px}.limit-bar{height:10px;border-radius:999px;background:#eee;overflow:hidden;position:relative}
.limit-bar.ince{height:5px}.limit.kucuk .limit-bar{height:7px}
.limit-bar i{position:absolute;inset:0 auto 0 0;width:var(--p,0%);border-radius:inherit;background:linear-gradient(90deg,#22c55e,#16a34a);transition:width .9s var(--ease)}
.limit-bar.uyari i{background:linear-gradient(90deg,#f59e0b,#ea580c)}.limit-bar.dolu i{background:linear-gradient(90deg,#ef4444,#b91c1c);animation:limitNabiz 1.4s ease-in-out infinite}
@keyframes limitNabiz{50%{filter:brightness(1.25)}}
.limit-yazi{display:flex;justify-content:space-between;gap:10px;font-size:12.5px;color:var(--ikincil);margin-top:6px;flex-wrap:wrap}.limit-yazi b{color:#000}
.limit.kucuk .limit-yazi{font-size:11.5px;margin-top:4px}
.limit-yok{font-size:12.5px;color:var(--ikincil);padding:4px 0}.limit-yok b{color:#000}
.istat .kart.vurgu-turuncu{background:linear-gradient(135deg,#fff 60%,#fff7ed)}
/* profil + zil */
.yan-profil{display:flex;align-items:center;gap:8px;margin:0 0 12px}.yan-profil .yan-hesap{flex:1;margin:0}
.zil-btn{position:relative;width:44px;height:44px;border-radius:13px;border:0;background:#151515;color:#d4d4d4;display:grid;place-items:center;cursor:pointer;flex:0 0 44px;transition:background .18s,color .18s,transform .2s var(--yay)}
.zil-btn:hover{background:#242424;color:#fff}.zil-btn:active{transform:scale(.92)}.zil-btn svg{width:20px;height:20px}
.zil-btn.salla svg{animation:zilSalla .8s var(--ease)}
@keyframes zilSalla{0%,100%{transform:rotate(0)}15%{transform:rotate(16deg)}30%{transform:rotate(-14deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-6deg)}75%{transform:rotate(3deg)}}
.zil-rozet{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;border-radius:10px;background:#ef4444;color:#fff;font-size:11px;font-weight:800;display:grid;place-items:center;padding:0 5px;border:2px solid #0a0a0a}
.zil-rozet[hidden]{display:none}.zil-rozet.nabiz{animation:nabiz 1.6s ease-out 3}
.yan-dar .yan-profil{flex-direction:column}.yan-dar .yan-profil .yan-hesap{width:100%}
.mobil-bar .zil-btn{margin-left:auto;background:#f2f2f2;color:#000}.mobil-bar .zil-rozet{border-color:#fff}
/* canlı bildirim kartları (sağ üst) */
.canli-yigin{position:fixed;top:18px;right:18px;z-index:70;display:flex;flex-direction:column;gap:10px;width:min(380px,calc(100vw - 32px));pointer-events:none}
.canli-kart{pointer-events:auto;position:relative;overflow:hidden;display:flex;gap:12px;align-items:flex-start;text-align:left;width:100%;border:0;background:#0a0a0a;color:#fff;border-radius:16px;padding:14px 16px 16px;font:inherit;cursor:pointer;box-shadow:0 24px 50px -18px rgba(0,0,0,.55);animation:kartGel .45s var(--yay) both;transition:transform .2s var(--ease)}
.canli-kart:hover{transform:translateY(-2px) scale(1.01)}
.canli-kart.gidiyor{animation:kartGit .32s var(--ease) forwards}
@keyframes kartGel{from{opacity:0;transform:translateX(40px) scale(.94)}to{opacity:1;transform:none}}
@keyframes kartGit{to{opacity:0;transform:translateX(60px) scale(.96)}}
.canli-kart .cn-ik{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px;background:#1f1f1f}
.canli-kart .cn-ik svg{width:18px;height:18px}
.canli-kart.basari .cn-ik{background:#14532d;color:#4ade80}.canli-kart.uyari .cn-ik{background:#78350f;color:#fbbf24}.canli-kart.hata .cn-ik{background:#7f1d1d;color:#f87171}.canli-kart.bilgi .cn-ik{background:#1e1b4b;color:#a5b4fc}
.cn-ic{display:flex;flex-direction:column;gap:2px;min-width:0}.cn-ic b{font-size:14.5px;line-height:1.3}.cn-ic small{color:#a3a3a3;font-size:12.5px;line-height:1.4}.cn-ic em{font-style:normal;font-size:11.5px;color:#737373;margin-top:2px}
.canli-kart .cn-sure{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,#22c55e,#4ade80);transform-origin:left;animation:sureAz 7s linear forwards}
.canli-kart.dur .cn-sure{animation-play-state:paused}
@keyframes sureAz{to{transform:scaleX(0)}}
/* bildirim çekmecesi */
.bc-arka{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:55;opacity:0;transition:opacity .28s}.bc-arka.acik{opacity:1}
.bc{position:fixed;top:0;right:0;bottom:0;width:min(420px,100vw);background:#fff;z-index:56;display:flex;flex-direction:column;transform:translateX(104%);transition:transform .38s var(--yay);box-shadow:-30px 0 80px -30px rgba(0,0,0,.4)}
.bc.acik{transform:none}
.bc header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 20px 14px;border-bottom:1px solid var(--cizgi)}.bc header h3{margin:0;font-size:20px;letter-spacing:-.02em}
.bc-kapat{width:38px;height:38px;border-radius:11px;border:1px solid var(--cizgi2);background:#fff;display:grid;place-items:center;cursor:pointer}.bc-kapat svg{width:18px;height:18px}
.bc-liste{flex:1;overflow:auto;padding:10px}
.bc-liste.duz{padding:0;max-height:520px}
.bc-oge{display:flex;gap:12px;align-items:flex-start;width:100%;text-align:left;border:0;background:none;border-radius:14px;padding:12px;font:inherit;cursor:pointer;color:inherit;text-decoration:none;position:relative;transition:background .18s;animation:gel .35s var(--ease) both;animation-delay:calc(var(--i,0)*30ms)}
.bc-oge:hover{background:#f5f5f5}
.bc-oge .cn-ik{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;flex:0 0 34px;background:#f2f2f2;color:#333}.bc-oge .cn-ik svg{width:17px;height:17px}
.bc-oge.basari .cn-ik{background:#e6f9ee;color:#15803d}.bc-oge.uyari .cn-ik{background:#fff4e0;color:#b45309}.bc-oge.hata .cn-ik{background:#fdecec;color:#b91c1c}.bc-oge.bilgi .cn-ik{background:#eef2ff;color:#3730a3}
.bc-oge .cn-ic small{color:var(--ikincil)}.bc-oge .cn-ic em{color:var(--soluk)}
.bc-oge.yeni{background:#f7f9ff}.bc-oge.yeni::after{content:"";position:absolute;right:14px;top:18px;width:8px;height:8px;border-radius:50%;background:#3b82f6}
.bc footer{border-top:1px solid var(--cizgi);padding:12px 20px}.bc footer a{display:inline-flex;align-items:center;gap:8px;color:#000;font-weight:600;text-decoration:none;font-size:14px}.bc footer svg{width:18px;height:18px}
/* filtre onay kutusu */
.filtre-cip{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 16px;border-radius:14px;background:var(--giris);font-weight:600;font-size:14px;cursor:pointer;white-space:nowrap}
/* çekim ödeme kutusu */
.odeme-kutu{border:1px solid var(--cizgi);border-radius:16px;padding:6px 16px;margin:12px 0;background:linear-gradient(180deg,#fafafa,#fff)}
.ok-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px dashed var(--cizgi)}.ok-satir:last-child{border-bottom:0}
.ok-satir>small{color:var(--ikincil);font-weight:600;font-size:12.5px;flex:0 0 90px}
.ok-satir>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;min-width:0}
.iban-kutu.buyuk{font-size:14.5px;padding:8px 12px}.ok-tutar{font-size:18px;letter-spacing:-.02em}
.kare-btn.kucuk{width:36px;height:36px;border-radius:10px;flex:0 0 36px}.kare-btn.kucuk svg{width:16px;height:16px}
.dekont-alan small{font-size:12px;color:var(--ikincil);font-weight:600}
/* canlı hesap akışı (devir hattı) */
.devir-hat{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:6px 0 2px}
.dh-grup{display:flex;gap:10px;flex-wrap:wrap}
.dh-oge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--cizgi);border-radius:14px;padding:8px 12px;background:#fff;animation:gel .4s var(--ease) both}
.dh-oge small{color:var(--ikincil);font-size:12.5px}
.dh-oge.aktif{border-color:#bbf7d0;background:#f0fdf4;box-shadow:0 10px 24px -18px rgba(22,163,74,.8)}
.dh-no{width:22px;height:22px;border-radius:50%;background:#000;color:#fff;font-size:12px;display:grid;place-items:center}
.dh-ok svg{width:22px;height:22px;color:var(--soluk);animation:okKay 1.6s ease-in-out infinite}
@keyframes okKay{50%{transform:translateX(5px)}}
.canli-nokta{width:9px;height:9px;border-radius:50%;background:#22c55e;display:inline-block;position:relative;flex:0 0 9px}
.canli-nokta::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #22c55e;animation:canliHalka 1.6s ease-out infinite}
@keyframes canliHalka{from{transform:scale(.6);opacity:1}to{transform:scale(1.6);opacity:0}}
/* durum + devir mini */
.durum-hucre{display:flex;align-items:center;gap:10px}
.devir-mini{border:1px solid var(--cizgi);background:#fff;border-radius:10px;padding:5px 8px;font:inherit;font-size:12px;font-weight:600;cursor:pointer;display:flex;flex-direction:column;gap:4px;min-width:118px;text-align:left;color:#333;transition:border-color .18s,transform .18s}
.devir-mini:hover{border-color:#000;transform:translateY(-1px)}
.devir-mini svg{width:13px;height:13px;flex:0 0 13px}
.devir-mini .dm-ust{display:flex;align-items:center;gap:5px;white-space:nowrap}
.devir-mini.sirada,.devir-mini.bos{flex-direction:row;align-items:center;gap:5px;min-width:0}
.devir-mini.sirada{background:#eef2ff;border-color:#c7d2fe;color:#3730a3}
.devir-mini.bos{color:var(--ikincil);border-style:dashed}
/* banka seçimi (görseldeki kutucuklar) */
.banka-secim{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
.banka-cip{position:relative;overflow:hidden;height:48px;border:0;border-radius:10px;background:var(--br);color:var(--by);font:inherit;font-weight:800;font-style:italic;font-size:15px;cursor:pointer;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08);transition:transform .2s var(--yay),box-shadow .2s,filter .2s}
.banka-cip:hover{transform:translateY(-2px);filter:brightness(1.05)}
.banka-cip i{position:absolute;top:5px;right:5px;width:18px;height:18px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;opacity:0;transform:scale(.4);transition:opacity .2s,transform .3s var(--yay)}
.banka-cip i svg{width:11px;height:11px}
.banka-cip.sec{box-shadow:0 0 0 3px #fff,0 0 0 5px #000;transform:translateY(-2px)}
.banka-cip.sec i{opacity:1;transform:none}
.banka-cip.pop{animation:cipPop .5s var(--yay)}
@keyframes cipPop{0%{transform:scale(.9)}60%{transform:scale(1.08)}100%{transform:translateY(-2px)}}
.banka-cip.diger{background:#fff;color:#333;box-shadow:inset 0 0 0 2px var(--cizgi2);font-style:normal;font-weight:700}
.banka-cip.diger.sec{box-shadow:0 0 0 3px #fff,0 0 0 5px #000}
/* IBAN girişi */
.iban-giris{position:relative}
.iban-giris .giris{font-size:19px;letter-spacing:.04em;padding-right:64px;transition:box-shadow .2s,background .2s}
.iban-giris.gecerli .giris{box-shadow:inset 0 0 0 2px #22c55e;background:#f0fdf4}
.iban-giris.gecersiz .giris{box-shadow:inset 0 0 0 2px #ef4444;background:#fef2f2}
.iban-giris.salla{animation:salla .4s}
@keyframes salla{20%,60%{transform:translateX(-6px)}40%,80%{transform:translateX(6px)}}
.iban-ik{position:absolute;right:16px;top:50%;transform:translateY(-50%);display:grid;place-items:center;color:var(--ikincil)}
.iban-ik svg{width:22px;height:22px}.iban-giris.gecerli .iban-ik{color:#16a34a}.iban-giris.gecersiz .iban-ik{color:#dc2626}
.iban-ik small{font-family:var(--mono);font-size:12px}
.iban-durum{min-height:22px;margin-top:8px;font-size:13.5px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.iban-durum .algi{display:inline-flex;align-items:center;gap:6px;color:#15803d;animation:gel .35s var(--ease)}
.iban-durum .algi svg{width:16px;height:16px}
.iban-durum .not{flex-basis:100%;color:#b45309}
.aralik-kutu{background:#fafafa;border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px 4px;margin:14px 0}
.aralik-yazi{font-size:13.5px;color:#3d3d3d;margin:10px 0}
.site-cipler{display:flex;gap:8px;flex-wrap:wrap}
.cip-sec{position:relative;cursor:pointer}.cip-sec input{position:absolute;opacity:0}
.cip-sec span{display:inline-flex;align-items:center;height:38px;padding:0 14px;border-radius:999px;border:1px solid var(--cizgi2);font-weight:600;font-size:14px;transition:all .18s}
.cip-sec input:checked+span{background:#000;color:#fff;border-color:#000}
details.acilir{border:1px solid var(--cizgi);border-radius:16px;padding:12px 16px;margin:14px 0}
details.acilir summary{cursor:pointer;list-style:none;display:flex;align-items:center;gap:8px;font-weight:700}
details.acilir summary::-webkit-details-marker{display:none}
details.acilir summary svg{width:18px;height:18px}details.acilir summary small{color:var(--ikincil);font-weight:500;font-size:13px}
.satir-onay{display:flex;gap:10px;align-items:flex-start;font-size:14px;margin:12px 0;cursor:pointer;line-height:1.45}
.satir-onay input{margin-top:3px;width:16px;height:16px;accent-color:#000}
.devir-sayac{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:12px 0 16px}
.devir-sayac small{font-size:12px;color:var(--ikincil);font-weight:600}.devir-sayac b{font-size:13.5px;display:block;margin-top:6px}
.mini-link{display:inline-flex;align-items:center;gap:4px;border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;color:#2563eb;cursor:pointer;padding:0 0 0 6px}
.mini-link svg{width:13px;height:13px}
/* bayiler: canlı rapor */
.canli-bas{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:16px}
.canli-sol,.canli-sag{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.canli-sag .giris{height:44px;font-size:15px;width:180px}
.canli-pil{display:inline-flex;align-items:center;gap:8px;background:#f0fdf4;color:#15803d;border:1px solid #bbf7d0;border-radius:999px;padding:6px 12px;font-size:13px}
.canli-pil.kapali{background:#f2f2f2;color:#555;border-color:var(--cizgi)}.canli-pil.kapali .canli-nokta{background:#a3a3a3}.canli-pil.kapali .canli-nokta::after{display:none}
.bayi-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;margin-bottom:12px}
.bayi-kart{background:#fff;border:1px solid var(--cizgi);border-radius:20px;padding:18px 20px;cursor:pointer;position:relative;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.bayi-kart::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:#22c55e}
.bayi-kart.pasif::before{background:#a3a3a3}.bayi-kart.limitte::before{background:#ef4444}
.bayi-kart.limitte{border-color:#fecaca}
.bayi-kart:hover,.bayi-kart:focus-visible{transform:translateY(-4px);box-shadow:0 26px 50px -30px rgba(0,0,0,.45);outline:none}
.bayi-kartlar.ilk .bayi-kart{animation:gel .5s var(--ease) both;animation-delay:calc(var(--i,0)*60ms)}
.bayi-kart.parla{animation:parla 1.4s var(--ease)}
@keyframes parla{0%{box-shadow:0 0 0 0 rgba(34,197,94,.55)}40%{box-shadow:0 0 0 8px rgba(34,197,94,0)}100%{box-shadow:none}}
.bayi-kart header{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:12px}
.bayi-kart h3{margin:0;font-size:18px;letter-spacing:-.02em}.bayi-kart header small{color:var(--ikincil);font-size:12.5px}
.bk-rakam{display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;margin:14px 0 12px}
.bk-rakam div{display:flex;flex-direction:column}.bk-rakam small{font-size:12px;color:var(--ikincil);font-weight:600}.bk-rakam b{font-size:17px;letter-spacing:-.02em;font-variant-numeric:tabular-nums}.bk-rakam em{font-style:normal;font-size:11.5px;color:var(--soluk)}
.bayi-kart footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding-top:12px;border-top:1px dashed var(--cizgi);font-size:13px;flex-wrap:wrap}
.bayi-kart footer b{font-size:15px}
.bayi-oran{font-weight:800;font-size:15px;background:#f2f2f2;border-radius:8px;padding:2px 8px;letter-spacing:-.01em}
.bd-bas{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap;margin-bottom:10px;padding-right:52px}
.tablo .iban-kutu{font-size:12px;padding:5px 9px}
.bd-bas h2{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.bd-h3{font-size:15.5px;margin:22px 0 10px;letter-spacing:-.01em}.bd-h3 .dim{font-weight:500;font-size:13.5px}
.istat .s.eksi{color:#b91c1c}
/* 14 günlük grafik */
.grafik{display:grid;grid-template-columns:repeat(14,1fr);gap:6px;align-items:end;height:150px;padding:10px 0 0}
.gr-gun{display:flex;flex-direction:column;align-items:center;gap:6px;height:100%}
.gr-cubuk{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center;gap:2px}
.gr-cubuk i{width:44%;max-width:14px;border-radius:5px 5px 2px 2px;height:var(--h);min-height:2px;transform-origin:bottom;animation:cubuk .7s var(--yay) both;animation-delay:calc(var(--i,0)*35ms)}
.gr-cubuk i.y{background:linear-gradient(180deg,#22c55e,#15803d)}.gr-cubuk i.c{background:linear-gradient(180deg,#a3a3a3,#525252)}
@keyframes cubuk{from{transform:scaleY(0)}}
.gr-gun small{font-size:11px;color:var(--soluk)}
.gr-lejant{display:flex;gap:16px;font-size:12.5px;color:var(--ikincil);margin-top:8px}.gr-lejant span{display:flex;align-items:center;gap:6px}.gr-lejant i{width:10px;height:10px;border-radius:3px;display:inline-block}.gr-lejant i.y{background:#16a34a}.gr-lejant i.c{background:#737373}
/* sekme */
.sekme{display:inline-flex;background:var(--giris);border-radius:12px;padding:4px;gap:4px;margin-bottom:12px}
.sekme button{border:0;background:none;font:inherit;font-weight:600;font-size:14px;padding:8px 16px;border-radius:9px;cursor:pointer;color:#555;transition:background .2s,color .2s}
.sekme button.aktif{background:#fff;color:#000;box-shadow:0 2px 8px -4px rgba(0,0,0,.3)}
.teslimat-form{border:1px solid var(--cizgi);border-radius:16px;padding:16px;background:#fafafa}
.yon-roz{display:inline-flex;align-items:center;font-size:12.5px;font-weight:700;padding:3px 10px;border-radius:999px;white-space:nowrap}
.yon-roz.gir{background:#e6f9ee;color:#15803d}.yon-roz.cik{background:#eef2ff;color:#3730a3}.yon-roz.kripto{background:#ecfdf5;color:#047857}.yon-roz.tl{background:#f2f2f2;color:#333}
/* kripto kasa */
.varlik-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;margin-bottom:18px}
.varlik-kart{border-radius:20px;padding:18px 20px;color:#fff;background:radial-gradient(circle at 85% 0%,#2a2a2a,#0a0a0a 70%);position:relative;overflow:hidden;animation:gel .5s var(--ease) both;animation-delay:calc(var(--i,0)*70ms)}
.varlik-kart::after{content:"";position:absolute;right:-40px;bottom:-60px;width:160px;height:160px;border-radius:50%;background:radial-gradient(circle,rgba(34,197,94,.35),transparent 70%)}
.vk-ust{display:flex;align-items:center;gap:10px}.vk-ust small{display:block;color:#a3a3a3;font-size:12px}
.vk-sembol{width:38px;height:38px;border-radius:12px;background:#26a17b;display:grid;place-items:center;font-weight:800;font-size:18px}
.vk-kalan{margin:14px 0 10px}.vk-kalan small{color:#a3a3a3;font-size:12px;font-weight:600}.vk-kalan b{display:block;font-size:28px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}.vk-kalan em{font-style:normal;color:#d4d4d4;font-size:13px}
.vk-alt{display:flex;gap:14px;flex-wrap:wrap;font-size:12.5px;color:#d4d4d4;position:relative;z-index:1}.vk-alt span{display:inline-flex;align-items:center;gap:5px}.vk-alt svg{width:14px;height:14px}.vk-alt b{color:#fff}
.iki-kolon{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:20px}.iki-kolon .kart{margin-bottom:0}
/* kullanıcılar: yetki */
.yetki-ozet{display:flex;flex-direction:column;gap:5px}.yetki-ozet small{color:var(--ikincil);font-size:12px}
.yo-cubuk{display:flex;gap:2px}.yo-cubuk i{width:10px;height:14px;border-radius:3px;background:#eee}.yo-cubuk i.s1{background:#93c5fd}.yo-cubuk i.s2{background:#000}
.yetki-bas{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}.yetki-bas h3{margin:0;font-size:15.5px}
.yetki-tablo{border:1px solid var(--cizgi);border-radius:16px;overflow:hidden}
.yetki-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 14px;border-bottom:1px solid var(--cizgi);animation:gel .3s var(--ease) both;animation-delay:calc(var(--i,0)*18ms)}
.yetki-satir:last-child{border-bottom:0}.yetki-satir>span{font-weight:600;font-size:14px}
.yetki-satir.kilitli{background:#fafafa}
.seg{display:inline-flex;background:var(--giris);border-radius:10px;padding:3px;gap:2px}
.seg button{border:0;background:none;font:inherit;font-size:12.5px;font-weight:600;padding:6px 11px;border-radius:8px;cursor:pointer;color:#666;transition:background .18s,color .18s}
.seg button:disabled{cursor:not-allowed;opacity:.6}
.seg button.sec.s0{background:#fff;color:#b91c1c;box-shadow:0 1px 4px rgba(0,0,0,.12)}.seg button.sec.s1{background:#dbeafe;color:#1d4ed8}.seg button.sec.s2{background:#000;color:#fff}
/* ayarlar: sesler */
.ses-satir{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid var(--cizgi);flex-wrap:wrap}
.ses-bilgi{display:flex;align-items:center;gap:12px}.ses-bilgi b{display:block;font-size:15px}.ses-bilgi small{color:var(--ikincil);font-size:13px}
.ses-ik{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 40px}.ses-ik svg{width:20px;height:20px}
.ses-ik.yatirim{background:#e6f9ee;color:#15803d}.ses-ik.cekim{background:#eef2ff;color:#3730a3}.ses-ik.uyari{background:#fff4e0;color:#b45309}
.ses-sec{display:flex;gap:8px;align-items:center}.ses-sec .giris{height:48px;font-size:15px;width:220px}
.ses-sec .kare-btn{width:48px;height:48px;flex:0 0 48px}
.ses-sec .kare-btn.caliyor{animation:cipPop .5s var(--yay);background:#000;color:#fff}
.ses-alt{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding-top:14px}
.ses-seviye{display:flex;align-items:center;gap:10px;font-weight:600}.ses-seviye svg{width:20px;height:20px}.ses-seviye input{width:180px;accent-color:#000}
@media (max-width:900px){
  .canli-yigin{top:auto;bottom:14px;right:12px}
  .bk-rakam{grid-template-columns:1fr 1fr}
  .grafik{height:120px;gap:3px}
  .ses-sec .giris{width:100%}.ses-sec{width:100%}
  .ok-satir{flex-direction:column;align-items:flex-start}.ok-satir>div{justify-content:flex-start}
  .iki-kolon{grid-template-columns:minmax(0,1fr)}
}
@media (prefers-reduced-motion:reduce){.canli-kart,.bayi-kart,.varlik-kart,.gr-cubuk i,.bc-oge,.dh-oge,.yetki-satir{animation:none!important}.limit-bar i{transition:none}}
/* ödeme sayfası (havale) ekleri */
.ck-adimlar{display:flex;align-items:center;gap:8px;margin:2px 0 16px;font-size:12.5px;color:var(--cp-faint);font-weight:600}
.ck-adimlar span{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ck-adimlar i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:11.5px;border:1.5px solid var(--cp-line);transition:all .3s}
.ck-adimlar b{flex:1;height:2px;border-radius:2px;background:var(--cp-line);min-width:12px}
.ck-adimlar .simdi{color:var(--cp-text)}.ck-adimlar .simdi i{border-color:var(--cp-accent);background:var(--cp-soft);color:var(--cp-accent);animation:ckAdim 1.8s ease-in-out infinite}
.ck-adimlar .bitti{color:var(--cp-ok)}.ck-adimlar .bitti i{background:var(--cp-ok);border-color:var(--cp-ok);color:#fff}
@keyframes ckAdim{50%{box-shadow:0 0 0 5px var(--cp-soft)}}
.ck-govde-ic{animation:ckIcGel .45s cubic-bezier(.2,.8,.2,1) both}
@keyframes ckIcGel{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.ck-banka-ik{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;flex:0 0 40px;background:var(--br,#111);color:var(--by,#fff);box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
.ck-banka-ik svg{width:20px;height:20px}
.ck-banka .banka-roz{height:28px;font-size:14px}
.ck-banka{animation:ckIcGel .5s .05s cubic-bezier(.2,.8,.2,1) both}
.ck-banka .ck-satir{animation:ckIcGel .4s cubic-bezier(.2,.8,.2,1) both}
.ck-banka .ck-satir:nth-child(2){animation-delay:.08s}.ck-banka .ck-satir:nth-child(3){animation-delay:.14s}.ck-banka .ck-satir:nth-child(4){animation-delay:.2s}.ck-banka .ck-satir:nth-child(5){animation-delay:.26s}
.ck-not-giris{width:100%;margin:10px 0;border:1px solid var(--cp-line);background:var(--cp-bg);color:var(--cp-text);border-radius:10px;padding:11px 12px;font:inherit;font-size:13.5px;box-sizing:border-box;outline:none;transition:border-color .18s}
.ck-not-giris:focus{border-color:var(--cp-accent)}
.ck-alt span{color:var(--cp-faint);font-size:12.5px}
.ikon-btnler{display:flex;gap:6px}
.tablo.sik th,.tablo.sik td{padding-left:8px;padding-right:8px}.tablo.sik .iban-kutu{font-size:11.5px;padding:4px 8px}.tablo.sik .devir-mini{min-width:104px}
/* ===================== WestPay v3 — havuz, dekont, kasa talepleri, işlem geçmişi ===================== */
.satir-ik{width:14px!important;height:14px!important;display:inline-block!important;vertical-align:-2px}
/* tıklanınca düzenlenen tutar */
.tutar-duz{display:inline-flex;align-items:center;gap:6px;border:1px dashed transparent;background:none;font:inherit;font-weight:800;font-size:15px;color:#000;padding:4px 8px;margin:-4px -8px;border-radius:9px;cursor:text;transition:border-color .18s,background .18s}
.tutar-duz svg{width:13px;height:13px;opacity:0;transition:opacity .18s;color:var(--ikincil)}
.tutar-duz:hover{border-color:var(--cizgi2);background:#fafafa}.tutar-duz:hover svg{opacity:1}
.tutar-kutu{display:inline-flex;align-items:center;gap:4px;animation:gel .25s var(--ease)}
.tutar-inp{width:120px;height:36px;border-radius:9px;border:2px solid #000;padding:0 10px;font:inherit;font-weight:700;font-size:15px;outline:none}
.tutar-inp.hata{border-color:#dc2626;animation:salla .35s}
.tutar-kutu button{width:32px;height:32px;border-radius:9px;border:0;display:grid;place-items:center;cursor:pointer}
.tutar-kutu button svg{width:15px;height:15px}.tk-ok{background:#16a34a;color:#fff}.tk-x{background:#f2f2f2;color:#333}
.tutar-kutu.yukleniyor{opacity:.5;pointer-events:none}
/* kapatan kartı + karar çubuğu */
.kapatan{display:flex;align-items:center;gap:14px;border-radius:16px;padding:14px 18px;margin:12px 0;animation:gel .4s var(--ease)}
.kapatan.ok{background:linear-gradient(90deg,#ecfdf5,#fff);border:1px solid #bbf7d0}.kapatan.red{background:linear-gradient(90deg,#fef2f2,#fff);border:1px solid #fecaca}
.kp-ik{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;flex:0 0 38px;color:#fff}.kapatan.ok .kp-ik{background:#16a34a}.kapatan.red .kp-ik{background:#dc2626}.kp-ik svg{width:18px;height:18px}
.kapatan small{display:block;font-size:12px;color:var(--ikincil);font-weight:600}.kapatan b{font-size:16px}.kapatan em{display:block;font-style:normal;font-size:13px;color:#3d3d3d}
.kapatan strong{margin-left:auto;font-size:20px;letter-spacing:-.02em}
.karar-bar{position:sticky;bottom:-30px;margin:18px -30px -30px;padding:16px 30px 22px;background:linear-gradient(180deg,rgba(255,255,255,.7),#fff 30%);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;border-top:1px solid var(--cizgi)}
.karar-bar .btn{height:50px;padding:0 24px;font-size:15.5px;border-radius:14px}
/* işlem geçmişi zaman çizelgesi */
.zaman{list-style:none;margin:0;padding:0 0 0 6px;position:relative}
.zaman::before{content:"";position:absolute;left:12px;top:8px;bottom:8px;width:2px;background:var(--cizgi)}
.zaman li{position:relative;display:flex;gap:14px;padding:6px 0;animation:gel .35s var(--ease) both;animation-delay:calc(var(--i,0)*40ms)}
.zaman li>i{width:14px;height:14px;border-radius:50%;background:#fff;border:3px solid #a3a3a3;flex:0 0 14px;margin-top:4px;position:relative;z-index:1}
.zaman li.ok>i{border-color:#16a34a}.zaman li.red>i{border-color:#dc2626}.zaman li.uyari>i{border-color:#f59e0b}
.zaman li:last-child>i{box-shadow:0 0 0 4px rgba(0,0,0,.06)}
.zaman b{display:block;font-size:14px}.zaman span{display:block;font-size:12.5px;color:var(--ikincil)}.zaman small{display:block;font-size:12.5px;color:#3d3d3d;margin-top:2px;word-break:break-all}
/* çekim havuzu */
.havuz-bas{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.havuz-not{flex:1;min-width:260px;margin:0!important;display:flex;gap:8px;align-items:flex-start}.havuz-not svg{width:16px;height:16px;flex:0 0 16px;margin-top:2px}
.sekme.buyuk{margin:0 0 14px}.sekme.buyuk button{padding:10px 18px;font-size:14.5px;display:inline-flex;align-items:center;gap:8px}
.havuz-bas .sekme.buyuk{margin:0}
.sekme-sayi{min-width:22px;height:22px;border-radius:11px;background:#e5e5e5;color:#333;font-size:12px;display:inline-grid;place-items:center;padding:0 6px}
.sekme-sayi.dolu{background:#ef4444;color:#fff;animation:nabiz 1.6s ease-out 2}
.havuz-roz{display:inline-flex;align-items:center;gap:7px;font-size:12.5px;font-weight:700;color:#15803d;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;padding:3px 10px 3px 8px}
.havuz-roz .canli-nokta{width:7px;height:7px;flex:0 0 7px}
.kilit-hucre{display:inline-flex;gap:7px;align-items:center}.kilit-hucre>svg{width:15px;height:15px;color:#b45309;flex:0 0 15px}
.al-btn{background:linear-gradient(135deg,#111,#333)!important;color:#fff!important;box-shadow:0 8px 18px -10px rgba(0,0,0,.7)}
.al-btn:hover{transform:translateY(-1px) scale(1.03)}
.tablo tr.benim td{background:#fffbeb}.tablo tr.benim td:first-child{box-shadow:inset 3px 0 0 #f59e0b}
/* ödeme: adımlar + dekont yükleme + inceleme */
.ode-adim{list-style:none;display:flex;gap:8px;flex-wrap:wrap;padding:0;margin:4px 0 12px}
.ode-adim li{flex:1;min-width:150px;display:flex;gap:8px;align-items:center;font-size:12.5px;color:#3d3d3d;background:#fafafa;border:1px solid var(--cizgi);border-radius:12px;padding:8px 10px}
.ode-adim b{width:22px;height:22px;border-radius:50%;background:#000;color:#fff;display:grid;place-items:center;font-size:12px;flex:0 0 22px}
.dekont-yukle{display:flex;flex-direction:column;align-items:center;gap:4px;border:2px dashed var(--cizgi2);border-radius:18px;padding:22px 16px;text-align:center;cursor:pointer;margin:14px 0 10px;transition:border-color .2s,background .2s,transform .2s var(--ease)}
.dekont-yukle:hover,.dekont-yukle.surukle{border-color:#000;background:#fafafa;transform:scale(1.01)}
.dekont-yukle.dolu{border-style:solid;border-color:#16a34a;background:#f0fdf4}
.dekont-yukle.kucuk{padding:14px;margin:10px 0}
.dz-ik{width:44px;height:44px;border-radius:14px;background:#000;color:#fff;display:grid;place-items:center;margin-bottom:4px}.dz-ik svg{width:22px;height:22px}
.dekont-yukle.dolu .dz-ik{background:#16a34a}.dekont-yukle b{font-size:15px}.dekont-yukle small{color:var(--ikincil);font-size:12.5px}
.dz-onizle{position:relative;overflow:hidden;display:flex;align-items:center;gap:12px;border:1px solid var(--cizgi);border-radius:14px;padding:10px;margin-bottom:12px;animation:gel .3s var(--ease)}
.dz-onizle img{width:64px;height:64px;object-fit:cover;border-radius:10px;border:1px solid var(--cizgi)}
.dz-pdf{width:64px;height:64px;border-radius:10px;background:#fef2f2;color:#b91c1c;font-weight:800;display:grid;place-items:center}
.dz-onizle div{flex:1;min-width:0}.dz-onizle b{display:block;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dz-onizle small{color:var(--ikincil)}
.dz-tarama{position:absolute;inset:0;pointer-events:none;opacity:0}
.dz-onizle.taraniyor .dz-tarama{opacity:1;background:linear-gradient(90deg,transparent,rgba(34,197,94,.22),transparent);animation:tara 1.1s linear infinite}
@keyframes tara{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.inceleme{display:flex;align-items:center;gap:12px;border-radius:14px;background:#f5f5f5;padding:12px 14px;animation:gel .3s var(--ease)}
.inceleme b{display:block}.inceleme small{color:var(--ikincil)}
.ins-spin{width:26px;height:26px;border-radius:50%;border:3px solid #d4d4d4;border-top-color:#000;animation:ckdon .8s linear infinite;flex:0 0 26px}
.dekont-rapor{border-radius:14px;padding:12px 14px;margin:8px 0;animation:gel .35s var(--ease)}
.dekont-rapor.ok{background:#f0fdf4;border:1px solid #bbf7d0}.dekont-rapor.supheli{background:#fef2f2;border:1px solid #fecaca}
.dr-bas{display:flex;align-items:center;gap:8px}.dr-bas svg{width:18px;height:18px}.dekont-rapor.ok .dr-bas{color:#15803d}.dekont-rapor.supheli .dr-bas{color:#b91c1c}
.dekont-rapor ul{list-style:none;padding:0;margin:8px 0 4px;display:flex;gap:8px;flex-wrap:wrap}
.dekont-rapor li{display:inline-flex;align-items:center;gap:5px;font-size:12.5px;font-weight:600;border-radius:999px;padding:4px 10px;background:#fff}
.dekont-rapor li svg{width:13px;height:13px}.dekont-rapor li.ok{color:#15803d}.dekont-rapor li.yok{color:#b91c1c}
.dekont-rapor p{margin:4px 0 0;font-size:13px;color:#3d3d3d}.dekont-rapor details{margin-top:6px;font-size:12.5px}.dekont-rapor details p{white-space:pre-wrap;font-size:11.5px}
/* site kartları */
.site-aralik{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;font-size:12.5px;margin:-4px 0 2px}
.site-aralik span{display:inline-flex;align-items:center;gap:6px}.site-aralik svg{width:14px;height:14px}
.site-kart::before{background:#3b82f6}.site-kart.pasif::before{background:#a3a3a3}
/* kripto kasa */
.ag-roz{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:#333;white-space:nowrap}
.ag-roz i,.varlik-ik{width:20px;height:20px;border-radius:50%;background:var(--r);color:#fff;display:inline-grid;place-items:center;font-style:normal;font-weight:800;font-size:11px;flex:0 0 20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.1)}
.varlik-ik{width:34px;height:34px;font-size:16px;flex:0 0 34px}
.onay-serit{display:flex;align-items:center;gap:10px;background:#fffbeb;border:1px solid #fde68a;color:#92400e;border-radius:14px;padding:12px 16px;margin-bottom:14px;animation:gel .4s var(--ease)}.onay-serit svg{width:18px;height:18px}
.kasa-talepler{display:grid;grid-template-columns:repeat(auto-fill,minmax(420px,1fr));gap:16px;margin-bottom:14px}
.kasa-talep{background:#fff;border:1px solid var(--cizgi);border-radius:20px;overflow:hidden;animation:gel .45s var(--ease) both;animation-delay:calc(var(--i,0)*55ms);transition:box-shadow .25s,transform .25s var(--ease)}
.kasa-talep:hover{box-shadow:0 26px 50px -32px rgba(0,0,0,.5);transform:translateY(-2px)}
.kasa-talep.dogrulandi{border-color:#fde68a;box-shadow:0 0 0 3px rgba(245,158,11,.12)}.kasa-talep.hatali{border-color:#fecaca}.kasa-talep.onaylandi{border-color:#bbf7d0}
.kasa-talep header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:16px 18px 10px}
.kt-yon{display:flex;flex-direction:column;gap:4px}.kt-yon b{font-size:17px;letter-spacing:-.02em}.kt-yon small{color:var(--ikincil);font-size:12px}
.kt-yon .yon-roz{align-self:flex-start;display:inline-flex;gap:5px}.kt-yon .yon-roz svg{width:13px;height:13px}
.kt-govde{padding:0 18px 12px;display:flex;flex-direction:column;gap:10px}
.kt-miktar{display:flex;align-items:center;gap:12px}.kt-miktar b{font-size:22px;letter-spacing:-.03em;display:block}.kt-miktar small{display:flex;gap:8px;align-items:center;color:var(--ikincil);font-size:12.5px}.kt-miktar strong{margin-left:auto;font-size:17px}
.kt-adres small,.kt-tx small{display:block;font-size:11.5px;color:var(--ikincil);font-weight:600;margin-bottom:4px}
.kt-adres>div{display:flex;gap:8px;align-items:center}.kt-adres code{flex:1;min-width:0;background:var(--giris);border-radius:10px;padding:8px 10px;font-family:var(--mono);font-size:12px;word-break:break-all}
.kt-adres.buyuk{margin:6px 0 14px}.kt-adres.buyuk code{font-size:13.5px;padding:12px}
.kt-tx{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.kt-tx small{margin:0}.kt-tx a{font-size:12.5px}
.onay-sayac{font-size:12px;font-weight:700;background:#eef2ff;color:#3730a3;border-radius:999px;padding:3px 9px}
.kt-hata{display:flex;gap:6px;align-items:flex-start;margin:0;font-size:12.5px;color:#b91c1c;background:#fef2f2;border-radius:10px;padding:8px 10px}.kt-hata svg{width:14px;height:14px;flex:0 0 14px;margin-top:2px}
.kt-adimlar{list-style:none;display:flex;padding:0;margin:4px 0 0;gap:4px}
.kt-adimlar li{flex:1;text-align:center;font-size:11.5px;font-weight:700;color:var(--soluk);padding-top:10px;position:relative}
.kt-adimlar li::before{content:"";position:absolute;top:0;left:0;right:0;height:5px;border-radius:5px;background:#eee;transition:background .4s}
.kt-adimlar li.ok{color:#15803d}.kt-adimlar li.ok::before{background:#22c55e}
.kt-adimlar li.simdi{color:#b45309}.kt-adimlar li.simdi::before{background:linear-gradient(90deg,#f59e0b,#fde68a,#f59e0b);background-size:200% 100%;animation:isk 1.4s linear infinite}
.kt-adimlar li.red{color:#b91c1c}.kt-adimlar li.red::before{background:#ef4444}
.kasa-talep footer{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 18px;border-top:1px solid var(--cizgi);background:#fafafa;font-size:12.5px}
.gorulen{display:flex;gap:10px;background:#eff6ff;border:1px solid #bfdbfe;border-radius:14px;padding:10px 12px;animation:gel .4s var(--ease)}
.gorulen>svg{width:18px;height:18px;color:#1d4ed8;flex:0 0 18px;margin-top:2px}.gorulen>div{flex:1;display:flex;flex-direction:column;gap:6px}.gorulen>div>b{font-size:13px;color:#1e3a8a}
.gorulen-oge{display:flex;align-items:center;gap:8px;border:1px solid #bfdbfe;background:#fff;border-radius:10px;padding:6px 8px;font:inherit;cursor:pointer;text-align:left;transition:transform .18s}
.gorulen-oge:hover{transform:translateX(3px)}.gorulen-oge .varlik-ik{width:22px;height:22px;font-size:11px;flex:0 0 22px}.gorulen-oge small{color:var(--ikincil);font-size:11.5px}.gorulen-oge span{margin-left:auto;font-size:12px;font-weight:700;color:#1d4ed8}
.cuzdan-liste{display:flex;flex-direction:column;gap:10px}
.cuzdan-oge{display:flex;align-items:center;gap:14px;border:1px solid var(--cizgi);border-radius:16px;padding:12px 14px;flex-wrap:wrap}
.co-adres{flex:1;min-width:220px}.co-adres b{display:block;font-size:14px}.co-adres code{font-family:var(--mono);font-size:12px;color:#3d3d3d;word-break:break-all}
.cuzdan-oge .kucuk-btnler{align-items:center}.cuzdan-oge a.kare-btn{color:#000}
.adres-durum{min-height:28px;margin-top:8px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:13px}
.adres-durum .algi{color:#16a34a;display:inline-flex}.adres-durum .algi svg{width:16px;height:16px}
.ag-sec{border:1px solid var(--cizgi2);background:#fff;border-radius:10px;padding:6px 10px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;font:inherit;transition:all .18s}
.ag-sec.sec{border-color:#000;box-shadow:0 0 0 2px #000}.ag-sec small{font-size:11px;color:#15803d;font-weight:700}
.cuzdan-sec{display:flex;flex-direction:column;gap:8px}
.cuzdan-radyo{cursor:pointer}.cuzdan-radyo input{position:absolute;opacity:0}
.cuzdan-radyo span{display:flex;align-items:center;gap:10px;border:1px solid var(--cizgi2);border-radius:12px;padding:10px 12px;transition:all .18s}
.cuzdan-radyo span code{margin-left:auto;font-family:var(--mono);font-size:12px;color:var(--ikincil)}
.cuzdan-radyo input:checked+span{border-color:#000;box-shadow:0 0 0 2px #000;background:#fafafa}
.onay-ozet{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:10px;border:1px solid var(--cizgi);border-radius:16px;padding:14px;margin:6px 0 12px}
.onay-ozet>div:first-child{display:flex;align-items:center;gap:10px}.onay-ozet b{font-size:18px}.onay-ozet small{display:block;font-size:11.5px;color:var(--ikincil)}.onay-ozet code,.onay-ozet a{font-size:12px}
.manuel-kart .buyuk-btn{margin-top:14px}.manuel-kart .buyuk-btn svg{width:20px;height:20px}
@media (max-width:900px){.kasa-talepler{grid-template-columns:minmax(0,1fr)}.onay-ozet{grid-template-columns:1fr}.karar-bar{margin:18px -20px -20px;padding:14px 20px}}
@media (prefers-reduced-motion:reduce){.kasa-talep,.zaman li,.kapatan,.dz-onizle.taraniyor .dz-tarama{animation:none!important}}
.havuz-not span{flex:1}
.tablo.sik td .musteri b{font-size:14px}

/* ===== Faz D ===== */
/* kripto ikonları (gerçek Tether) */
.varlik-ik.svg,.vk-sembol.svg{background:none!important;box-shadow:none;border-radius:50%;padding:0;overflow:hidden}
.varlik-ik.svg svg,.vk-sembol.svg svg{width:100%;height:100%;display:block}
.vk-sembol.svg{box-shadow:0 6px 14px -8px rgba(38,161,123,.7)}
/* sol alt: ayarlar */
.yan-ayar{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:13px;color:#c8c8c8;text-decoration:none;font-weight:600;font-size:14.5px;min-height:42px;white-space:nowrap;transition:color .2s,background .2s}
.yan-ayar svg{width:20px;height:20px;flex:0 0 20px;transition:transform .5s var(--yay)}
.yan-ayar:hover{color:#fff;background:#1b1b1b}.yan-ayar:hover svg{transform:rotate(60deg)}
.yan-ayar.aktif{background:#fff;color:#000}
.yan-dar .yan-ayar{justify-content:center;padding:10px 0;gap:0}
/* banka seçici */
.banka-sec{position:relative}
.bs-dugme{width:100%;height:58px;border:0;border-radius:14px;background:var(--giris);display:flex;align-items:center;gap:12px;padding:0 16px 0 12px;font:inherit;font-size:16px;color:#000;cursor:pointer;text-align:left;transition:box-shadow .18s,background .18s}
.bs-dugme:hover{background:#ebebeb}.banka-sec.acik .bs-dugme{background:#fff;box-shadow:0 0 0 2px #000}
.bs-dugme img{width:34px;height:34px;border-radius:9px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07);flex:0 0 34px}
.bs-dugme b{font-weight:700;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bs-yer{flex:1;color:var(--soluk);padding-left:6px}
.bs-ok{display:grid;place-items:center;color:var(--ikincil);transition:transform .25s var(--ease)}.bs-ok svg{width:18px;height:18px}
.banka-sec.acik .bs-ok{transform:rotate(180deg)}
.bs-dugme.pop{animation:bsPop .55s var(--yay)}
@keyframes bsPop{0%{transform:scale(.97);box-shadow:0 0 0 0 rgba(34,197,94,.5)}50%{transform:scale(1.015);box-shadow:0 0 0 6px rgba(34,197,94,.18)}100%{transform:none;box-shadow:0 0 0 0 rgba(34,197,94,0)}}
.bs-panel{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:30;background:#fff;border-radius:16px;box-shadow:0 24px 60px -18px rgba(0,0,0,.35),0 0 0 1px rgba(0,0,0,.06);padding:8px;animation:bsAc .2s var(--ease);min-width:260px}
@keyframes bsAc{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}
.bs-ara-kap{display:flex;align-items:center;gap:8px;background:var(--giris);border-radius:11px;padding:0 12px;margin-bottom:6px}
.bs-ara-kap svg{width:16px;height:16px;color:var(--ikincil);flex:0 0 16px}
.bs-ara{border:0;background:none;outline:none;height:42px;font:inherit;font-size:15px;flex:1;min-width:0}
.bs-liste{max-height:300px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:2px;scrollbar-width:thin}
.bs-oge{display:flex;align-items:center;gap:11px;border:0;background:none;border-radius:10px;padding:7px 10px;font:inherit;font-size:14.5px;font-weight:600;cursor:pointer;text-align:left;color:#111;transition:background .15s}
.bs-oge[hidden]{display:none}
.bs-oge:hover,.bs-oge:focus-visible{background:#f3f3f3;outline:none}
.bs-oge img{width:28px;height:28px;border-radius:8px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07);flex:0 0 28px}
.bs-oge span{flex:1}.bs-oge i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#000;color:#fff}.bs-oge i svg{width:12px;height:12px}
.bs-oge.sec{background:#f5f5f5}
.bs-oge.diger{border-top:1px solid var(--cizgi);border-radius:0 0 10px 10px;margin-top:4px;padding-top:10px;color:var(--ikincil)}
.bs-yok{margin:10px;color:var(--soluk);font-size:13.5px;text-align:center}
.bs-diger{margin-top:10px}
.iban-durum .algi img{width:18px;height:18px;border-radius:5px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.08)}
/* firma */
.firma-roz{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px 3px 7px;border-radius:999px;background:#0a0a0a;color:#fff;white-space:nowrap}
.firma-roz svg{width:13px;height:13px}
.firma-not{display:flex;align-items:flex-end}.firma-not:empty{display:none}
.bilgi-not{display:flex;gap:10px;align-items:flex-start;background:#f6f6f6;border-radius:12px;padding:11px 13px;margin:0 0 4px;font-size:13px;color:#333;line-height:1.45;animation:gel .3s var(--ease)}
.bilgi-not svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px}
/* sayfalama */
.sayfalayici{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:space-between;margin-top:16px;padding-top:14px;border-top:1px solid var(--cizgi)}
.sf-bilgi{font-size:13.5px;color:var(--ikincil)}.sf-bilgi b{color:#000}
.sf-sayfalar{display:flex;gap:4px;align-items:center}
.sf-sayfalar button{min-width:36px;height:36px;border-radius:10px;border:1px solid var(--cizgi2);background:#fff;font:inherit;font-weight:600;font-size:14px;cursor:pointer;padding:0 8px;transition:background .15s,color .15s,transform .15s}
.sf-sayfalar button:hover:not(:disabled):not(.aktif){background:#f3f3f3;transform:translateY(-1px)}
.sf-sayfalar button.aktif{background:#000;color:#fff;border-color:#000}
.sf-sayfalar button:disabled{opacity:.35;cursor:default}
.sf-bosluk{padding:0 4px;color:var(--soluk)}
.sf-boyut{display:flex;align-items:center;gap:8px;font-size:13.5px;color:var(--ikincil)}
.sf-boyut select{height:36px;border-radius:10px;border:1px solid var(--cizgi2);background:#fff;font:inherit;font-size:14px;font-weight:600;padding:0 10px;cursor:pointer}
/* kripto onay: hesap dökümü */
.hesap-dokum{background:#fafafa;border:1px solid var(--cizgi);border-radius:16px;padding:14px 16px;margin:14px 0 6px;display:flex;flex-direction:column;gap:2px}
.hesap-dokum.yukleniyor{min-height:120px}
.hd-kur{display:flex;align-items:center;gap:12px;padding-bottom:12px;margin-bottom:6px;border-bottom:1px dashed var(--cizgi2);flex-wrap:wrap}
.hd-kur small{display:block;color:var(--ikincil);font-size:12px}.hd-kur b{font-size:19px;letter-spacing:-.01em}
.hd-kur .hd-zaman{margin-left:auto;font-size:12px}
.kur-kaynak{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px;background:#eee;color:#333}
.kur-kaynak.binance{background:#fcd535;color:#181a20}.kur-kaynak svg{width:13px;height:13px}
.hd-satir{display:flex;justify-content:space-between;gap:12px;padding:7px 0;font-size:14.5px}
.hd-satir small{color:var(--ikincil);font-size:12px;margin-left:4px}
.hd-satir.toplam{border-top:1px solid var(--cizgi2);margin-top:4px;padding-top:11px;font-size:16px}.hd-satir.toplam b{font-size:19px}
.once-sonra{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px;margin:10px 0}
.once-sonra>div{background:#fff;border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px}
.once-sonra small{display:block;color:var(--ikincil);font-size:12px;margin-bottom:4px}
.once-sonra span{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:13.5px;color:var(--ikincil)}.once-sonra span b{color:#000;font-size:15px}
.ok-ok svg{width:14px;height:14px}
.rapor-imza{display:flex;gap:10px;align-items:flex-start;background:#effaf3;color:#14532d;border-radius:12px;padding:11px 13px;font-size:13.5px;margin:6px 0 0}
.rapor-imza svg{width:18px;height:18px;flex:0 0 18px;margin-top:1px}
/* teslimat oranı */
.bayi-oran.teslimat{background:#eef6ff;color:#1d4ed8}
.teslimat-hesap{margin:8px 0 0;font-size:13.5px;color:var(--ikincil);min-height:1px}.teslimat-hesap b{color:#000}
.istat .kart.vurgu-yesil{background:linear-gradient(135deg,#fff 55%,#ecfdf3)}
.istat .kart.vurgu-siyah{background:#0a0a0a;color:#fff;border-color:#0a0a0a}.istat .kart.vurgu-siyah .e,.istat .kart.vurgu-siyah .k{color:#a3a3a3}
.istat .kart.vurgu-siyah::after{background:radial-gradient(circle,rgba(255,255,255,.1),transparent 70%)}
/* manuel sekme */
.manuel-sekme{margin:0 0 16px}.manuel-sekme svg{width:17px;height:17px}
/* kara liste: işlem no */
.kl-giris{display:flex;align-items:center;gap:10px;background:var(--giris);border-radius:14px;padding:0 6px 0 18px}
.kl-giris svg{width:20px;height:20px;color:var(--ikincil);flex:0 0 20px}
.kl-giris .giris{background:none;padding-left:4px}
.kl-uyeler{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.kl-uye{display:flex;align-items:center;gap:12px;border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;cursor:pointer;transition:border-color .15s,box-shadow .15s;animation:gel .3s var(--ease) both;animation-delay:calc(var(--n,0)*40ms)}
.kl-uye:has(input:checked){border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.12)}
.kl-uye.zaten{opacity:.6;cursor:default}
.kl-uye input{accent-color:#dc2626;width:18px;height:18px}
.kl-av{width:40px;height:40px;border-radius:12px;background:#111;color:#fff;display:grid;place-items:center;font-weight:800;flex:0 0 40px}
.kl-ek{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:4px}.kl-ek small{color:var(--ikincil);font-size:12px}
.kl-alt{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.kl-alt .giris{flex:1;min-width:220px;height:52px;font-size:15px}.kl-alt .btn{height:52px}
.kl-bos,.kl-yuk{display:flex;align-items:center;gap:10px;margin-top:12px;color:var(--ikincil);font-size:14px}.kl-bos svg{width:18px;height:18px}
.kl-yuk .ins-spin{width:18px;height:18px}
/* denetim */
.denetim-filtre{align-items:flex-end}
.f-alan{display:flex;flex-direction:column;gap:5px;flex:0 0 190px;min-width:150px}
.f-alan small{font-size:12px;font-weight:600;color:var(--ikincil);padding-left:4px}
.f-alan .giris,.denetim-filtre select.giris{width:100%;flex:1 1 auto}
.f-alan.genis{flex:1 1 240px}
.f-temizle{height:52px}
.kisi-btn{border:0;background:none;font:inherit;font-weight:600;color:#000;cursor:pointer;padding:2px 0;border-bottom:1px dashed var(--cizgi2)}.kisi-btn:hover{border-bottom-color:#000}
.olay-btn{border:0;cursor:pointer;font:inherit;font-size:12px;font-weight:600;white-space:nowrap}.olay-btn:hover{background:#e6e6e6}
.dt-ciftler{display:flex;flex-wrap:wrap;gap:4px}
.dt-ciftler span{display:inline-flex;gap:5px;background:#f6f6f6;border-radius:7px;padding:2px 7px;font-family:var(--mono);font-size:11.5px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dt-ciftler i{font-style:normal;color:var(--soluk)}
/* hesap takibi */
.ht-bas{display:flex;justify-content:space-between;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}.ht-bas .sekme.buyuk{margin:0}
.ht-tarih{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.ht-tarih .giris{height:40px;width:150px;font-size:14px;border-radius:11px;padding:0 12px}
.ht-kartlar{display:grid;grid-template-columns:repeat(auto-fill,minmax(310px,1fr));gap:16px;margin-bottom:16px}
.ht-kart{background:#fff;border:1px solid var(--cizgi);border-radius:20px;padding:18px 18px 14px;cursor:pointer;display:flex;flex-direction:column;gap:12px;transition:transform .25s var(--ease),box-shadow .25s;animation:gel .4s var(--ease) both;animation-delay:calc(var(--i,0)*45ms);outline:none}
.ht-kart:hover,.ht-kart:focus-visible{transform:translateY(-3px);box-shadow:0 22px 44px -28px rgba(0,0,0,.45)}
.ht-kart.pasif{background:#fcfcfc}.ht-kart.pasif .ht-logo{filter:grayscale(.6)}
.ht-kart header{display:flex;align-items:center;gap:12px}
.ht-logo{width:42px;height:42px;border-radius:12px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07);flex:0 0 42px}
.ht-logo.buyuk{width:56px;height:56px;border-radius:15px;flex-basis:56px}
.ht-kim{flex:1;min-width:0;display:flex;flex-direction:column}.ht-kim b{font-size:15.5px}.ht-kim small{color:var(--ikincil);font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ht-iban{font-size:12.5px;color:var(--ikincil);letter-spacing:.02em;background:var(--giris);border-radius:10px;padding:6px 10px;align-self:flex-start}
.ht-bakiye{display:flex;flex-direction:column}.ht-bakiye small{font-size:12px;color:var(--ikincil);font-weight:600}
.ht-bakiye b{font-size:28px;letter-spacing:-.03em;line-height:1.15}
.ht-canli{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#15803d;font-weight:600;margin-top:2px}
.ht-rakam{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.ht-rakam>div{background:#fafafa;border-radius:12px;padding:9px 10px;min-width:0}
.ht-rakam small{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--ikincil);font-weight:600}.ht-rakam small svg{width:13px;height:13px}
.ht-rakam .gir small svg{color:#16a34a}.ht-rakam .cik small svg{color:#dc2626}
.ht-rakam b{display:block;font-size:13px;letter-spacing:-.01em;overflow-wrap:anywhere;line-height:1.3}.ht-rakam em{font-style:normal;font-size:11.5px;color:var(--soluk)}
.ht-kart footer{display:flex;gap:8px;border-top:1px solid var(--cizgi);padding-top:12px}.ht-kart footer .btn{flex:1}
.ht-dus{color:#b91c1c!important}
.ht-detay-bas{display:flex;gap:14px;align-items:center;margin-bottom:6px;padding-right:40px}.ht-detay-bas h2{margin:0;display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ht-detay-bas .alt{margin:4px 0 0;display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.ht-bakiye-buyuk{display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#0a0a0a;color:#fff;border-radius:18px;padding:18px 20px;margin:14px 0}
.ht-bakiye-buyuk small{color:#a3a3a3;font-size:12.5px;width:100%;margin-bottom:-10px}
.ht-bakiye-buyuk b{font-size:34px;letter-spacing:-.03em}.ht-bakiye-buyuk b.eksi{color:#fca5a5}
.ht-bakiye-buyuk .kucuk-btnler{margin-left:auto}.ht-bakiye-buyuk .btn-ghost{background:#1f1f1f;color:#fff}
.ht-dus-btn{background:#dc2626!important;color:#fff!important}
.ht-ozet{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:6px}
.ht-ozet>div{border:1px solid var(--cizgi);border-radius:14px;padding:10px 12px}.ht-ozet small{display:block;font-size:12px;color:var(--ikincil)}.ht-ozet b{font-size:16px}.ht-ozet em{display:block;font-style:normal;font-size:11.5px;color:var(--soluk)}
.ht-ozet .gir{border-color:#bbf7d0;background:#f6fef9}.ht-ozet .cik{border-color:#fecaca;background:#fffafa}
.ht-tur{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;white-space:nowrap}.ht-tur svg{width:15px;height:15px}
.ht-tur.gir svg{color:#16a34a}.ht-tur.cik svg{color:#dc2626}
.ht-ac{max-width:320px}
.ht-turler{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:8px;margin-top:6px}
.ht-tur-sec{border:1px solid var(--cizgi2);background:#fff;border-radius:14px;padding:11px 13px;text-align:left;font:inherit;cursor:pointer;display:flex;flex-direction:column;gap:2px;transition:border-color .15s,box-shadow .15s,transform .15s}
.ht-tur-sec:hover{transform:translateY(-1px)}
.ht-tur-sec b{font-size:14px}.ht-tur-sec small{font-size:12px;color:var(--ikincil);line-height:1.35}
.ht-tur-sec.sec{border-color:#000;box-shadow:0 0 0 1px #000}
.ht-tutar{font-size:22px!important;font-weight:700}
.zorunlu{font-size:11px;font-weight:700;background:#fee2e2;color:#b91c1c;border-radius:6px;padding:2px 6px;margin-left:4px;vertical-align:1px}
.eksik .giris{box-shadow:0 0 0 2px #fca5a5}
.salla{animation:salla .4s}
.ht-onizle{display:flex;align-items:center;gap:10px;flex-wrap:wrap;min-height:0;margin-top:12px;font-size:15px}.ht-onizle:empty{display:none}
.ht-onizle{background:#fafafa;border-radius:14px;padding:12px 14px}
.ht-onizle i{display:grid;place-items:center;color:var(--soluk)}.ht-onizle i svg{width:16px;height:16px}
.ht-onizle b{font-size:19px}.ht-onizle small{color:var(--ikincil);margin-left:auto}
.ht-onizle em{width:100%;font-style:normal;display:flex;align-items:center;gap:6px;font-size:13px}.ht-onizle em svg{width:15px;height:15px}
@media (max-width:640px){.ht-kartlar{grid-template-columns:1fr}.ht-bakiye-buyuk .kucuk-btnler{margin-left:0}.f-alan{flex:1 1 45%}.sayfalayici{justify-content:center}.sf-bilgi{width:100%;text-align:center}.ht-tarih .giris{width:calc(50% - 4px)}}
.ck-banka-ik.logo{background:#fff!important;box-shadow:0 0 0 1px rgba(0,0,0,.08);overflow:hidden;padding:4px}.ck-banka-ik.logo img{width:100%;height:100%;object-fit:contain;border-radius:8px}
.denetim-filtre .f-alan .giris{flex:none;height:48px;width:100%;font-size:14.5px;min-width:0}
.denetim-filtre .f-temizle{height:48px;align-self:flex-end}
@media (max-width:640px){.ht-istat .s{font-size:20px;overflow-wrap:anywhere}.ht-bas .sekme.buyuk button{padding:9px 12px;font-size:13.5px}}
/* ===== Faz E ===== */
.gozlem-not{display:flex;gap:8px;align-items:center;margin:12px 0 0;font-size:13px;color:var(--ikincil)}.gozlem-not svg{width:16px;height:16px;flex:0 0 16px}.gozlem-not a{color:#000;font-weight:600}
.kilit-hucre.firma svg{color:#0a0a0a}
.kilit-secenek{display:flex;flex-direction:column;gap:8px;margin:14px 0 4px;max-height:52vh;overflow:auto}
.ks-oge{display:flex;align-items:center;gap:12px;border:1px solid var(--cizgi);background:#fff;border-radius:14px;padding:12px 14px;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,transform .15s,box-shadow .15s}
.ks-oge:hover{border-color:#000;transform:translateY(-1px);box-shadow:0 10px 24px -18px rgba(0,0,0,.5)}
.ks-oge b{display:block;font-size:15px}.ks-oge small{color:var(--ikincil);font-size:12.5px}
.ks-ik{width:40px;height:40px;border-radius:12px;background:#0a0a0a;color:#fff;display:grid;place-items:center;flex:0 0 40px;font-weight:800}.ks-ik svg{width:20px;height:20px}
.ks-ik.bayi{background:#eef2ff;color:#3730a3}
.odeme-hesaplar{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;margin-top:6px}
.oh-oge{display:flex;align-items:center;gap:10px;border:1px solid var(--cizgi2);border-radius:14px;padding:10px 12px;cursor:pointer;transition:border-color .15s,box-shadow .15s;background:#fff}
.oh-oge:has(input:checked){border-color:#000;box-shadow:0 0 0 1px #000}
.oh-oge input{accent-color:#000;width:17px;height:17px}
.oh-oge img{width:30px;height:30px;border-radius:8px;object-fit:contain;box-shadow:0 0 0 1px rgba(0,0,0,.07);background:#fff}
.oh-oge b{display:block;font-size:14px}.oh-oge small{color:var(--ikincil);font-size:12px}
.bloke-roz{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;padding:3px 9px 3px 7px;border-radius:999px;background:#fee2e2;color:#b91c1c;white-space:nowrap}.bloke-roz svg{width:13px;height:13px}
.bloke-satir td{background:#fffafa}.bloke-satir .banka-roz img{filter:grayscale(.5)}
.blk-alt{display:block;margin-top:4px;font-size:12px}
.kare-btn.bloke-btn{color:#b91c1c}.kare-btn.bloke-btn:hover{background:#fee2e2}
.bloke-liste{margin:10px 0 14px;padding-left:18px;color:#333;font-size:14px;line-height:1.6}
#bkSekme{margin:0}#bkSekme button{display:inline-flex;align-items:center;gap:6px}#bkSekme svg{width:15px;height:15px}
.ht-grup{margin-bottom:26px}
.ht-grup-bas{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#fff;border:1px solid var(--cizgi);border-radius:18px;padding:14px 18px;margin-bottom:12px}
.htg-ad{display:flex;align-items:center;gap:12px}.htg-ad h2{margin:0;font-size:18px}.htg-ad small{color:var(--ikincil);font-size:12.5px}
.htg-rakam{display:flex;gap:22px;flex-wrap:wrap}.htg-rakam small{display:block;font-size:11.5px;color:var(--ikincil);font-weight:600}.htg-rakam b{font-size:17px;letter-spacing:-.01em}
.htg-arti{background:#f6fef9;border:1px solid #bbf7d0;border-radius:12px;padding:6px 12px}
.kasa-arti.arti{color:#16a34a}.kasa-arti.eksi{color:#dc2626}
.htg-arti:has(.eksi){background:#fff5f5;border-color:#fecaca}
.istat .kasa-arti{font-size:inherit}
.bloke-detay{border:1px solid #fecaca;background:#fffafa;border-radius:16px;padding:10px 14px;margin-bottom:12px}
.bld-bas{display:flex;align-items:center;gap:8px;color:#b91c1c;font-size:14px;padding:4px 0 8px}.bld-bas svg{width:17px;height:17px}.bld-bas span{margin-left:auto;color:#7f1d1d;font-size:13px}
.bld-satir{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px dashed #fecaca;flex-wrap:wrap}
.bld-satir img{width:32px;height:32px;border-radius:9px;object-fit:contain;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.07)}
.bld-kim{flex:1;min-width:180px}.bld-kim b{display:block;font-size:14px}.bld-kim small{color:var(--ikincil);font-size:12px}
.bld-tutar{font-size:17px;color:#b91c1c}
.ht-kart.bloke{border-color:#fecaca;background:#fffcfc}.ht-kart.bloke .ht-logo{filter:grayscale(.7)}
.ht-kart footer .kare-btn{width:40px;height:40px;flex:0 0 40px;border-radius:11px}
.ht-kart footer .btn{padding-left:8px;padding-right:8px}
.ht-rakam .vrm small svg{color:#6366f1}
.istat .kart.vurgu-kirmizi{background:linear-gradient(135deg,#fff 55%,#fff1f1)}.istat .kart.vurgu-kirmizi .s{color:#b91c1c}
.ht-bakiye-buyuk.bloke{background:#7f1d1d}
.ht-filtre{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.ht-filtre .giris{height:40px;width:150px;font-size:14px;border-radius:11px;padding:0 12px}.ht-filtre select.giris{width:210px}
.ht-tur.vrm svg{color:#6366f1}
.ht-ozet .vrm{border-color:#c7d2fe;background:#f7f8ff}
.yetki-grup{font-size:11.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--soluk);padding:14px 4px 6px}
.ys-ad{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.ys-ik{width:32px;height:32px;border-radius:9px;background:#0a0a0a;color:#fff;display:grid;place-items:center;flex:0 0 32px;transition:opacity .2s,background .2s}.ys-ik svg{width:17px;height:17px}
.yetki-satir.kapali .ys-ik{background:#e5e5e5;color:#999}
.devir-h{color:var(--ikincil)}
@media (max-width:640px){.htg-rakam{gap:12px}.ht-grup-bas{padding:12px}.ht-filtre .giris{width:calc(50% - 4px)}.ht-filtre select.giris{width:100%}}
.ht-canli svg{width:13px;height:13px;flex:0 0 13px}
.istat .kasa-arti{white-space:nowrap}
.istat{grid-template-columns:repeat(auto-fit,minmax(178px,1fr))}
.istat .s{overflow-wrap:anywhere}
.ht-tablo-kart{padding:6px 12px 10px;margin-bottom:0}
.ht-banka{display:flex;align-items:center;gap:10px}
.ht-logo.kucuk{width:34px;height:34px;border-radius:9px;flex:0 0 34px}
.ht-iban-h{font-size:12.5px;white-space:nowrap}
.ht-satir td{vertical-align:middle}.ht-satir:hover td{background:#fafafa}.ht-satir.bloke-satir:hover td{background:#fff5f5}
.ht-bak{font-size:15.5px}
.ht-ok{width:28px;color:var(--soluk)}.ht-ok svg{width:16px;height:16px}.ht-satir:hover .ht-ok{color:#000}
.ht-grup-bas{margin-bottom:10px}
@media (max-width:640px){.ht-iban-h{display:none}}
@media (max-width:640px){.ht-tablo th:nth-child(2){display:none}}
/* Hesap Takibi: tüm gruplarda aynı hizalama */
.ht-tablo{table-layout:fixed;width:100%}
.ht-tablo col.c-banka{width:22%}.ht-tablo col.c-iban{width:25%}.ht-tablo col.c-durum{width:14%}.ht-tablo col.c-sayi{width:11%}.ht-tablo col.c-bak{width:12%}.ht-tablo col.c-ok{width:36px}
.ht-tablo th,.ht-tablo td{padding-left:14px;padding-right:14px;overflow:hidden;text-overflow:ellipsis}
.ht-tablo th{white-space:nowrap}
.ht-tablo td{font-variant-numeric:tabular-nums}
.ht-tablo td .ht-canli{margin:0;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}
.ht-tablo td .ht-canli .canli-nokta{margin:0}
.ht-tablo small{font-family:var(--font);font-size:12px}
.ht-banka{min-width:0}.ht-banka .musteri{min-width:0}.ht-banka .musteri b,.ht-banka .musteri small{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;font-family:var(--font)}
.ht-iban-h{letter-spacing:.01em}
.ht-tablo-kart{padding:6px 10px 8px}
.ht-grup-bas{display:grid;grid-template-columns:minmax(200px,1fr) auto;align-items:center;padding:16px 24px}
.htg-rakam{display:grid;grid-template-columns:repeat(4,150px) 170px;gap:0 18px;align-items:center}
.htg-rakam>div{min-width:0}.htg-rakam small{white-space:nowrap}.htg-rakam b{display:block;white-space:nowrap;font-variant-numeric:tabular-nums}
.htg-arti{justify-self:stretch;padding:8px 14px}
.ht-tarih .hizli button{height:40px;display:inline-flex;align-items:center}
.ht-bas{align-items:center}
@media (max-width:1180px){.htg-rakam{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px}.ht-grup-bas{grid-template-columns:1fr}}
@media (max-width:760px){.ht-tablo col.c-iban{width:0}.ht-tablo th:nth-child(2),.ht-tablo td:nth-child(2){display:none}.ht-tablo col.c-banka{width:34%}}
.ht-tablo col.c-banka{width:20%}.ht-tablo col.c-iban{width:24%}.ht-tablo col.c-durum{width:13%}.ht-tablo col.c-sayi{width:12%}.ht-tablo col.c-bak{width:13%}
.ht-tablo th,.ht-tablo td{padding-left:10px;padding-right:10px}
.ht-iban-h{font-size:12px;letter-spacing:0}
.ht-tablo td b{font-size:14px}.ht-tablo td .ht-bak{font-size:15px}
.htg-ad h2{white-space:nowrap}
.htg-rakam{grid-template-columns:repeat(4,132px) 160px;gap:0 16px}
.ht-grup-bas{grid-template-columns:minmax(180px,1fr) auto;column-gap:20px}
.ht-tablo col.c-banka{width:18%}.ht-tablo col.c-iban{width:27%}.ht-tablo col.c-durum{width:12%}
.ht-iban-h{font-size:11.5px}
.htg-rakam{grid-template-columns:156px 118px 130px 156px 160px}
.sil-alan{display:flex;align-items:center;gap:14px;justify-content:space-between;margin-top:22px;padding:14px 16px;border:1px dashed #fca5a5;border-radius:14px;background:#fffafa}
.sil-alan b{display:flex;align-items:center;gap:6px;color:#b91c1c;font-size:14px}.sil-alan b svg{width:16px;height:16px}.sil-alan small{display:block;color:var(--ikincil);font-size:12.5px;margin-top:2px}
.olay-btn.tehlike{background:#fee2e2;color:#b91c1c}
.dt-ciftler span{max-width:none;white-space:normal}
/* Crypto Talepleri */
.kt-serit{display:flex;gap:12px;align-items:flex-start;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;border-radius:16px;padding:14px 16px;margin-bottom:16px;font-size:14px;line-height:1.5}
.kt-serit svg{width:20px;height:20px;flex:0 0 20px;margin-top:1px}
.kt-mik{display:flex;align-items:center;gap:8px}.kt-mik .varlik-ik{width:26px;height:26px;flex:0 0 26px}.kt-mik b{display:block;white-space:nowrap}.kt-mik small{display:block;font-size:11.5px}
.kt-tx{font-size:12px;color:#000}
.kt-tablo td.zn small{display:block;color:var(--ikincil);font-size:11.5px}
.zn-ok,.zn-bek,.zn-hata{display:inline-flex;align-items:center;gap:5px;font-weight:600;font-size:13px;white-space:nowrap}
.zn-ok{color:#15803d}.zn-hata{color:#b91c1c}.zn-bek{color:#b45309}.zn-ok svg,.zn-hata svg{width:14px;height:14px}
.havuz-bas .canli-pil{margin-left:auto}
.kontrol-ozeti{display:flex;flex-direction:column;gap:8px;margin:14px 0}
.ko-satir{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px;background:#fff}
.ko-satir b{display:block;font-size:14px}.ko-satir small{display:block;color:var(--ikincil);font-size:12.5px;line-height:1.45;margin-top:2px}
.ko-ik{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:0 0 28px}.ko-ik svg{width:15px;height:15px}
.ko-satir.ok{border-color:#bbf7d0;background:#f6fef9}.ko-satir.ok .ko-ik{background:#16a34a;color:#fff}
.ko-satir.hata{border-color:#fecaca;background:#fffafa}.ko-satir.hata .ko-ik{background:#dc2626;color:#fff}
.ko-satir.bekle{border-color:#fde68a;background:#fffdf5}.ko-satir.bekle .ko-ik{background:#f59e0b;color:#fff}.ko-satir.bekle .ko-ik svg{animation:don 1.2s linear infinite}
@keyframes don{to{transform:rotate(360deg)}}
.kripto-uyari{display:flex;align-items:center;gap:14px;text-decoration:none;color:#fff;background:linear-gradient(135deg,#0a0a0a,#1f2937);border-radius:18px;padding:14px 18px;margin:0 auto 18px;max-width:1500px;box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.kripto-uyari[hidden]{display:none}
.kripto-uyari b{display:block;font-size:15px}.kripto-uyari small{display:block;color:#cbd5e1;font-size:12.5px}
.ku-ik{width:40px;height:40px;border-radius:12px;background:#26a17b;display:grid;place-items:center;flex:0 0 40px}.ku-ik svg{width:22px;height:22px}
.ku-git{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:14px;background:#fff;color:#000;border-radius:11px;padding:8px 12px;white-space:nowrap}.ku-git svg{width:15px;height:15px}
.kripto-uyari.gel2{animation:kuGel .6s var(--yay)}
@keyframes kuGel{0%{transform:translateY(-10px) scale(.98);opacity:0}100%{transform:none;opacity:1}}
.kt-tablo small{font-family:var(--font)}.kt-tablo .musteri small{font-family:var(--font)}
.kt-kim{display:block;margin-top:4px;color:var(--ikincil);font-size:11.5px;white-space:nowrap}
.kt-tablo td,.kt-tablo th{padding-left:10px;padding-right:10px}
.kt-tablo .kucuk-btnler{flex-wrap:nowrap}
.yetki-satir{cursor:pointer}.yetki-satir.kilitli{cursor:default}
.ys-durum{margin-left:auto;margin-right:12px;font-size:12.5px;font-weight:700;color:#15803d}.yetki-satir.kapali .ys-durum{color:var(--soluk)}
.yetki-satir.kapali .ys-ad{color:var(--ikincil)}
/* Bot köprüsü */
.bot-roz{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 7px 2px 5px;border-radius:999px;background:#eef2ff;color:#3730a3;white-space:nowrap;vertical-align:middle;margin-left:4px}
.bot-roz svg{width:12px;height:12px}.bot-roz.canli{background:#dcfce7;color:#166534}.bot-roz.uyari{background:#fef3c7;color:#92400e}
td .bot-roz{display:flex;width:max-content;margin:4px 0 0}
.kp-bas-ik{width:52px;height:52px;border-radius:16px;background:#0a0a0a;color:#fff;display:grid;place-items:center;margin-bottom:10px}.kp-bas-ik svg{width:28px;height:28px}
.kp-adimlar{list-style:none;padding:0;margin:16px 0;display:flex;flex-direction:column;gap:10px}
.kp-adimlar li{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--cizgi);border-radius:14px;padding:12px 14px}
.kp-adimlar li>div>b{display:block;font-size:14px}.kp-adimlar li small{display:block;color:var(--ikincil);font-size:13px;line-height:1.55;margin-top:2px}.kp-adimlar li small b{color:#000}
.kp-adimlar a{color:#000;font-weight:700}.kp-adimlar code{background:var(--giris);padding:1px 6px;border-radius:6px;font-size:12px}
.kp-no{width:28px;height:28px;border-radius:50%;background:#000;color:#fff;display:grid!important;place-items:center;flex:0 0 28px;font-size:13px!important}
.kp-alan{margin:14px 0 6px}
.kp-kapali{display:flex;align-items:center;gap:10px;border:1px dashed var(--cizgi2);border-radius:14px;padding:10px 14px;font-size:13.5px;color:var(--ikincil)}.kp-kapali svg{width:18px;height:18px}.kp-kapali .btn{margin-left:auto}
.kp-kart{border:1px solid var(--cizgi);border-radius:18px;padding:14px 16px;background:#fcfcfc}
.kp-ust{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.kp-ad{display:flex;align-items:center;gap:8px}.kp-ad>svg{width:20px;height:20px}.kp-ad>b{font-size:15px}
.canli-pil.kapali .canli-nokta{background:#a3a3a3;animation:none}.canli-pil.kapali{color:var(--ikincil)}
.kp-durumlar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.kp-durum{display:flex;gap:10px;align-items:flex-start;border:1px solid var(--cizgi);border-radius:14px;padding:10px 12px;background:#fff}
.kp-durum b{display:block;font-size:13.5px}.kp-durum small{display:flex;align-items:center;gap:5px;font-size:12px;color:var(--ikincil)}.kp-durum em{display:block;font-style:normal;font-size:11px;color:var(--soluk)}
.kp-ik{width:30px;height:30px;border-radius:9px;background:#f2f2f2;display:grid;place-items:center;flex:0 0 30px}.kp-ik svg{width:16px;height:16px}
.kp-durum.ok{border-color:#bbf7d0;background:#f6fef9}.kp-durum.ok small{color:#15803d}.kp-durum.ok .kp-ik{background:#16a34a;color:#fff}
.kp-durum.uyari{border-color:#fde68a;background:#fffdf5}.kp-durum.uyari small{color:#92400e}
.kp-durum.kapali{border-color:#fecaca}.kp-durum.kapali small{color:#b91c1c}
.kp-ozet{display:flex;flex-wrap:wrap;gap:6px 16px;margin:12px 0 4px;font-size:12.5px;color:var(--ikincil)}.kp-ozet b{color:#000}.kp-ozet svg{width:13px;height:13px;vertical-align:-2px}
.kp-mesaj{max-width:260px;font-size:12px}
@media (max-width:760px){.kp-durumlar{grid-template-columns:1fr}}
.kp-fark{margin-top:10px;border:1px solid #fecaca;background:#fffafa;border-radius:14px;padding:10px 14px;display:flex;flex-direction:column;gap:6px}
.kp-fark>b{display:flex;align-items:center;gap:6px;color:#b91c1c;font-size:13.5px}.kp-fark>b svg{width:15px;height:15px}.kp-fark small{color:var(--ikincil);font-size:12px}
.kpf-satir{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:13px}