body{margin:0;font:15px/1.45 system-ui,Segoe UI,sans-serif;color:#1c2733;background:#f5f6f8}
header{display:flex;flex-wrap:wrap;gap:12px;align-items:center;padding:10px 16px;background:#fff;border-bottom:1px solid #dde1e6}
nav{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto}
main{max-width:1000px;margin:16px auto;padding:0 12px}
button{font:inherit;padding:6px 12px;border:1px solid #c5ccd4;border-radius:6px;background:#fff;cursor:pointer}
button.ana{background:#1f6f54;border-color:#1f6f54;color:#fff}
button.secili{border-color:#1f6f54;color:#1f6f54;font-weight:600}
input,select{font:inherit;padding:6px 8px;border:1px solid #c5ccd4;border-radius:6px;background:#fff}
table{width:100%;border-collapse:collapse;background:#fff}
th,td{padding:7px 10px;border-bottom:1px solid #e6e9ed;text-align:left;vertical-align:top}
td.s,th.s{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
tr.tik{cursor:pointer}
tr.tik:hover{background:#f0f4f2}
.kart{background:#fff;border:1px solid #dde1e6;border-radius:8px;padding:14px;margin-bottom:12px}
.satir{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:8px 0}
.giris{max-width:320px;margin:60px auto;display:grid;gap:10px}
.hata{color:#a4262c}
.borc{color:#a4262c;font-weight:600}
.alacak{color:#1f6f54;font-weight:600}
.soluk{color:#6b7682}
#sayi:not(:empty){background:#a4262c;color:#fff;border-radius:9px;padding:0 6px;font-size:12px}