/* Sade ve Türkçe. Panelin tabanıyla aynı fikir, ağırlığı olmadan. */
:root{--kagit:#fff;--murekkep:#111;--soluk:#666;--cizgi:#e5e5e5;--vurgu:#2563eb;--hata:#dc2626}
@media (prefers-color-scheme:dark){:root{--kagit:#0e0e10;--murekkep:#f5f5f5;--soluk:#9a9a9a;--cizgi:#2a2a2e}}
*{box-sizing:border-box}
body{margin:0;background:var(--kagit);color:var(--murekkep);
  font:15px/1.5 system-ui,-apple-system,"Segoe UI",sans-serif}
.ust{display:flex;gap:16px;align-items:center;padding:10px 16px;border-bottom:1px solid var(--cizgi)}
.marka{font-weight:600}
.ust nav{display:flex;gap:12px}
.ust .kim{margin-left:auto;color:var(--soluk);font-size:13px}
a{color:var(--vurgu)}
main{padding:20px 16px;max-width:1100px;margin:0 auto}
table{border-collapse:collapse;width:100%}
th,td{padding:8px 10px;border-bottom:1px solid var(--cizgi);text-align:left}
th{font-weight:600;color:var(--soluk);font-size:13px}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums}
input,select,button{font:inherit;padding:8px 10px;border:1px solid var(--cizgi);
  border-radius:6px;background:var(--kagit);color:var(--murekkep)}
button{background:var(--vurgu);color:#fff;border-color:transparent;cursor:pointer}
.giris{max-width:320px;margin:12vh auto;display:flex;flex-direction:column;gap:12px}
.giris label{display:flex;flex-direction:column;gap:4px;font-size:13px;color:var(--soluk)}
.hata{color:var(--hata);font-size:13px;margin:0}
.uyari{color:var(--hata);font-weight:600}