:root{--bf-bg:#f0f9ff;--bf-surface:#fff;--bf-surface-2:#f8fafc;--bf-ink:#0f172a;--bf-ink-2:#334155;--bf-muted:#64748b;--bf-line:#e0edf7;--bf-line-2:#cbd5e1;--bf-accent:#3b49df;--bf-accent-ink:#fff;--bf-accent-soft:#eef2ff;--bf-ok:#047857;--bf-ok-soft:#ecfdf5;--bf-warn:#b45309;--bf-warn-soft:#fffbeb;--bf-danger:#be123c;--bf-danger-soft:#fff1f2;--bf-nav:#fff;--bf-nav-ink:#334155;--bf-turuncu:#ff6b4a;--bf-radius:20px;--bf-radius-sm:12px;--bf-shadow:0 8px 24px -4px #3b82f614, 0 4px 12px -2px #0f172a0a;--bf-font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bf-mono:"Space Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--bf-font);color:var(--bf-ink);-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f8fafc 0%,#f0f9ff 45%,#e0f2fe 100%) fixed;margin:0;font-size:14px;line-height:1.5}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.25}::selection{background:var(--bf-turuncu);color:#fff}a{color:var(--bf-accent)}code,.bf-mono{font-family:var(--bf-mono);font-size:12.5px}:focus-visible{outline:2px solid var(--bf-accent);outline-offset:2px}.bf-btn{border-radius:var(--bf-radius-sm);border:1px solid var(--bf-line-2);background:var(--bf-surface);min-height:38px;color:var(--bf-ink-2);font:700 14px/1.3 var(--bf-font);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:6px;padding:0 15px;transition:background .15s,border-color .15s,color .15s,transform .15s;display:inline-flex;box-shadow:0 2px 8px -2px #0f172a0f}.bf-btn:hover:not(:disabled){background:#f0f9ff;border-color:#93c5fd;transform:translateY(-1px)}.bf-btn:active:not(:disabled){transform:translateY(1px)}.bf-btn:disabled{opacity:.5;cursor:not-allowed}.bf-btn--birincil{background:var(--bf-accent);border-color:var(--bf-accent);color:var(--bf-accent-ink)}.bf-btn--birincil:hover:not(:disabled){background:#2e3ab8;border-color:#2e3ab8}.bf-btn--tehlike{background:var(--bf-danger);border-color:var(--bf-danger);color:#fff}.bf-btn--tehlike:hover:not(:disabled){background:#9a1e14}.bf-btn--hayalet{color:var(--bf-ink-2);box-shadow:none;background:0 0;border-color:#0000}.bf-btn--hayalet:hover:not(:disabled){background:var(--bf-surface-2)}.bf-btn--kucuk{min-height:32px;padding:0 11px;font-size:13px}.bf-panel .bf-btn{font:700 11px/1.3 var(--bf-mono);text-transform:uppercase;letter-spacing:.02em}.bf-panel .bf-btn--kucuk{font-size:10px}.bf-input,.bf-select,.bf-textarea{border-radius:var(--bf-radius-sm);border:1px solid var(--bf-line-2);background:var(--bf-surface);width:100%;min-height:40px;color:var(--bf-ink);font:inherit;padding:8px 12px}.bf-textarea{resize:vertical;min-height:80px}.bf-input:focus,.bf-select:focus,.bf-textarea:focus{border-color:var(--bf-accent);outline:none;box-shadow:0 0 0 4px #3b49df1f}.bf-tablo{border-collapse:collapse;width:100%;font-size:13.5px}.bf-tablo th{z-index:1;text-align:left;font:700 10px/1.4 var(--bf-mono);color:var(--bf-muted);background:var(--bf-surface-2);text-transform:uppercase;letter-spacing:.03em;border-bottom:1px solid #e2e8f0;padding:11px 12px;position:sticky;top:0}.bf-tablo td{vertical-align:top;border-bottom:1px solid #f1f5f9;padding:11px 12px}.bf-tablo tr.bf-satir-tik{cursor:pointer}.bf-tablo tr.bf-satir-tik:hover td{background:#f0f9ff}.bf-tablo tr.bf-satir-secili td{background:var(--bf-accent-soft)}.bf-yan{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-right:1px solid var(--bf-line);background:#ffffffeb;flex-direction:column;flex-shrink:0;gap:4px;width:248px;height:100vh;padding:18px 14px;display:flex;position:sticky;top:0;overflow:auto}.bf-yan-marka{border-bottom:1px solid #f1f5f9;margin-bottom:8px;padding:4px 8px 18px}.bf-yan-ust{color:var(--bf-accent);font:700 10px/1.5 var(--bf-mono);letter-spacing:.03em;text-transform:uppercase;background:#eff6ff;border:1px solid #bfdbfe;border-radius:999px;margin-top:14px;padding:4px 10px;display:inline-flex}.bf-yan-baslik{letter-spacing:-.02em;color:var(--bf-ink);margin-top:8px;font-size:18px;font-weight:800}.bf-yan-alt{border-top:1px solid #f1f5f9;gap:4px;margin-top:auto;padding-top:14px;display:grid}.bf-yan-alt-etiket{font:700 10px var(--bf-mono);color:var(--bf-muted);text-transform:uppercase;padding:0 12px 4px}.bf-ust{z-index:10;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--bf-line);background:#ffffffe6;flex-wrap:wrap;align-items:center;gap:12px;padding:12px clamp(16px,3vw,32px);display:flex;position:sticky;top:0;box-shadow:0 1px 4px #0f172a05}.bf-ust-kisi{align-items:center;gap:12px;margin-left:auto;display:flex}.bf-ust-kisi b{font-size:14px;font-weight:700;display:block}.bf-ust-kisi small{font:700 10px var(--bf-mono);color:var(--bf-muted);text-transform:uppercase;display:block}.bf-ust-avatar{color:#fff;background:linear-gradient(135deg,#ff6b4a,#f97316);border-radius:12px;place-items:center;width:36px;height:36px;font-size:15px;font-weight:800;display:grid}.bf-nav-link{border-radius:var(--bf-radius-sm);color:var(--bf-nav-ink);font:700 11px/1.4 var(--bf-mono);text-transform:uppercase;letter-spacing:.02em;border:1px solid #0000;align-items:center;gap:8px;padding:10px 12px;text-decoration:none;display:flex}.bf-nav-link:hover{color:var(--bf-ink);background:#f0f9ff;border-color:#e0edf7}.bf-nav-link.active{background:var(--bf-accent);color:#fff;border-color:var(--bf-accent);box-shadow:0 6px 14px -6px #3b49df8c}.bf-mobil-link{font:700 10px var(--bf-mono);text-transform:uppercase;color:var(--bf-ink-2);background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:7px 11px;text-decoration:none}.bf-mobil-link.active{background:var(--bf-accent);border-color:var(--bf-accent);color:#fff}.bf-secenek{border-radius:var(--bf-radius-sm);border:1px solid var(--bf-line-2);background:var(--bf-surface);min-height:40px;color:var(--bf-ink);font:inherit;cursor:pointer;text-align:center;padding:6px 12px}.bf-secenek:hover{border-color:var(--bf-accent)}.bf-secenek[aria-pressed=true]{background:var(--bf-accent);border-color:var(--bf-accent);color:#fff}.bf-sadece-mobil{display:none}@media (width<=760px){.bf-gizle-mobil{display:none!important}.bf-sadece-mobil{display:flex}}.bf-yanit{cursor:pointer;display:block;position:relative}.bf-yanit input{opacity:0;width:1px;height:1px;position:absolute}.bf-yanit span{text-align:center;background:#f8fafc;border:2px solid #e2e8f0;border-radius:14px;justify-content:center;align-items:center;min-height:56px;padding:8px 10px;font-size:16px;font-weight:600;line-height:1.25;transition:background .12s,border-color .12s,color .12s,transform .12s;display:flex;box-shadow:0 2px 8px -2px #0f172a0f}.bf-yanit:hover span{background:#f0f9ff;border-color:#93c5fd;transform:translateY(-1px)}.bf-yanit input:checked+span{background:var(--bf-accent);border-color:var(--bf-accent);color:#fff;font-weight:700;box-shadow:0 0 0 4px #3b49df26}.bf-yanit input:focus-visible+span{outline:3px solid var(--bf-accent);outline-offset:2px}.bf-secenek-izgara{grid-template-columns:1fr;gap:8px;display:grid}@media (width>=640px){.bf-secenek-izgara{grid-template-columns:repeat(5,1fr)}}.bf-secenek-izgara-6{grid-template-columns:repeat(2,1fr);gap:6px;display:grid}@media (width>=760px){.bf-secenek-izgara-6{grid-template-columns:repeat(6,1fr)}}.bf-yanit--gozlemedim span{color:var(--bf-ink-2);border-style:dashed}.bf-yanit--gozlemedim input:checked+span{background:var(--bf-ink-2);border-color:var(--bf-ink-2);color:#fff;border-style:solid}
