*, *::before, *::after { box-sizing: border-box; }
html { height: 100%; -webkit-text-size-adjust: 100%; }
body { margin: 0; min-height: 100%; background: var(--zemin); color: var(--metin); font: var(--yazi-14)/1.5 var(--font-govde); font-variant-numeric: tabular-nums; }
a { color: var(--baglanti); text-decoration: none; }
a:hover { text-decoration: underline; }
h1, h2, h3 { margin: 0; line-height: 1.25; font-weight: 600; }
h1 { font-size: var(--yazi-20); }
h2 { font-size: var(--yazi-16); }
h3 { font-size: var(--yazi-14); }
p { margin: 0 0 var(--b3); }
code, .mono { font-family: var(--font-mono); font-size: var(--yazi-13); }
.rakam { font-family: var(--font-baslik); font-stretch: 100%; font-weight: 600; letter-spacing: -.01em; }
[hidden] { display: none !important; }
:focus-visible { outline: none; box-shadow: var(--odak); border-radius: var(--kose-kucuk); }
button, input, select, textarea { font: inherit; color: inherit; }
img { max-width: 100%; display: block; }
table { border-collapse: collapse; width: 100%; }
th, td { text-align: left; vertical-align: middle; padding: 0 var(--b3); height: 36px; border-bottom: 1px solid var(--cerceve-2); white-space: nowrap; }
th { font-weight: 500; color: var(--metin-3); font-size: var(--yazi-12); text-transform: none; position: sticky; top: 0; background: var(--yuzey); z-index: 1; }
td.tutar, th.tutar { text-align: right; }
td.kirp { max-width: 320px; overflow: hidden; text-overflow: ellipsis; }
.gizli-erisim { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.atla { position: absolute; left: -9999px; top: 8px; background: var(--yuzey-2); padding: var(--b2) var(--b3); border: 1px solid var(--cerceve); }
.atla:focus { left: 8px; z-index: 100; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation: none !important; transition: none !important; } }