@font-face { font-family: "Inter"; src: url("/yazi/inter-latin.woff2") format("woff2"); font-weight: 100 900; font-display: swap;
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215; }
@font-face { font-family: "Inter"; src: url("/yazi/inter-latin-ext.woff2") format("woff2"); font-weight: 100 900; font-display: swap;
  unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
:root {
  --lacivert: #1E4B8D; --lacivert-k: #163a6e; --sari: #F5AE39; --zemin: #f4f6fa; --kart: #fff; --metin: #1b2433; --soluk: #5f6b7d;
  --cizgi: #dde3ec; --kirmizi: #c0392b; --yesil: #1e8a4c; --turuncu: #b86e00; --yaricap: 10px;
  color-scheme: light;
}
* { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }
body { margin: 0; font: 15px/1.45 "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; background: var(--zemin); color: var(--metin); }
button, input, select, textarea { font: inherit; }
.ust { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding: 10px 16px; background: var(--lacivert); color: #fff;
  padding-top: max(10px, env(safe-area-inset-top)); }
.marka { display: flex; align-items: center; gap: 8px; font-size: 16px; }
.raptiye { width: 12px; height: 12px; border-radius: 50%; background: var(--sari); box-shadow: 0 0 0 3px rgba(245,174,57,.3); }
.kim { font-size: 13px; display: flex; gap: 8px; align-items: center; opacity: .95; }
.kim button { background: transparent; color: #fff; border: 1px solid rgba(255,255,255,.5); border-radius: 6px; padding: 3px 8px; cursor: pointer; }
.menu { display: flex; gap: 4px; overflow-x: auto; background: var(--lacivert-k); padding: 0 8px; scrollbar-width: none; position: sticky; top: 0; z-index: 2; }
.menu::-webkit-scrollbar { display: none; }
.menu a { color: #dfe7f5; text-decoration: none; padding: 10px 12px; white-space: nowrap; border-bottom: 3px solid transparent; font-size: 14px; }
.menu a.secili { color: #fff; border-bottom-color: var(--sari); font-weight: 600; }
.menu .rozet { background: var(--sari); color: #222; border-radius: 9px; padding: 0 6px; font-size: 11px; margin-left: 4px; font-weight: 700; }
main { max-width: 1200px; margin: 0 auto; padding: 16px; outline: none; padding-bottom: max(24px, env(safe-area-inset-bottom)); }
h1 { font-size: 20px; margin: 4px 0 14px; }
h2 { font-size: 16px; margin: 22px 0 10px; }
.kartlar { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.kart { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 12px; }
.kart .etiket { color: var(--soluk); font-size: 12px; }
.kart .deger { font-size: 22px; font-weight: 700; margin-top: 2px; }
.kart .alt { font-size: 12px; color: var(--soluk); }
.kutu { background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--yaricap); padding: 12px; margin-bottom: 12px; }
.tablo-sar { overflow-x: auto; background: var(--kart); border: 1px solid var(--cizgi); border-radius: var(--yaricap); }
table { border-collapse: collapse; width: 100%; font-size: 14px; }
th, td { text-align: left; padding: 8px 10px; border-bottom: 1px solid var(--cizgi); vertical-align: top; }
th { font-size: 12px; color: var(--soluk); font-weight: 600; background: #f8fafc; white-space: nowrap; }
tr:last-child td { border-bottom: 0; }
td.sayi, th.sayi { text-align: right; white-space: nowrap; }
tr.tikla { cursor: pointer; }
tr.tikla:hover td { background: #f3f7fd; }
.bos { color: var(--soluk); padding: 16px 0; }
.hata { color: var(--kirmizi); }
.etiketcik { display: inline-block; font-size: 12px; border-radius: 10px; padding: 1px 8px; background: #e8eef8; color: var(--lacivert); white-space: nowrap; }
.etiketcik.kirmizi { background: #fbe7e5; color: var(--kirmizi); }
.etiketcik.yesil { background: #e3f4ea; color: var(--yesil); }
.etiketcik.turuncu { background: #fdf0d9; color: var(--turuncu); }
.satir { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; margin-bottom: 12px; }
.satir input, .satir select { padding: 8px 10px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fff; min-width: 0; }
.satir input[type=search] { flex: 1 1 200px; }
.dugme { background: var(--lacivert); color: #fff; border: 0; border-radius: 8px; padding: 9px 14px; cursor: pointer; font-weight: 600; }
.dugme.ikincil { background: #fff; color: var(--lacivert); border: 1px solid var(--lacivert); }
.dugme.tehlike { background: var(--kirmizi); }
.dugme:disabled { opacity: .5; cursor: default; }
.giris { max-width: 380px; margin: 40px auto; }
.giris label, dialog label { display: block; font-size: 13px; color: var(--soluk); margin: 10px 0 4px; }
.giris input, dialog input, dialog select, dialog textarea { width: 100%; padding: 10px 12px; border: 1px solid var(--cizgi); border-radius: 8px; background: #fff; }
.giris .dugme, dialog .dugme { margin-top: 14px; }
.kod { font-variant-numeric: tabular-nums; letter-spacing: 3px; font-size: 20px; }
dialog { border: 0; border-radius: 12px; padding: 16px; width: min(460px, calc(100vw - 24px)); box-shadow: 0 10px 40px rgba(0,0,0,.25); }
dialog::backdrop { background: rgba(16,30,56,.45); }
dialog h3 { margin: 0 0 6px; font-size: 17px; }
dialog .not { font-size: 13px; color: var(--soluk); }
dialog .dugmeler { display: flex; gap: 8px; justify-content: flex-end; flex-wrap: wrap; }
.izgara { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 12px; }
.grafik { width: 100%; height: auto; display: block; }
.grafik .cubuk { fill: var(--lacivert); }
.grafik .cubuk2 { fill: #c9d6ea; }
.grafik text { font-size: 10px; fill: var(--soluk); }
.huni-satir { display: grid; grid-template-columns: 120px 1fr 90px; gap: 8px; align-items: center; margin: 6px 0; font-size: 14px; }
.huni-cubuk { height: 22px; background: var(--lacivert); border-radius: 4px; min-width: 2px; }
.huni-satir:nth-child(even) .huni-cubuk { background: #3b6cb3; }
.ayrinti dl { display: grid; grid-template-columns: max-content 1fr; gap: 4px 12px; margin: 0; font-size: 14px; }
.ayrinti dt { color: var(--soluk); }
.ayrinti dd { margin: 0; word-break: break-word; }
.islemler { display: flex; gap: 8px; flex-wrap: wrap; margin: 12px 0; }
.ipucu { font-size: 12px; color: var(--soluk); }
.sayac-kirmizi { color: var(--kirmizi); font-weight: 700; }
.sayac-turuncu { color: var(--turuncu); font-weight: 700; }
.bildirim { position: fixed; left: 50%; bottom: 20px; transform: translateX(-50%); background: #1b2433; color: #fff; padding: 10px 16px; border-radius: 8px; z-index: 10; max-width: calc(100vw - 32px); }
@media (max-width: 600px) {
  main { padding: 12px; }
  .kart .deger { font-size: 19px; }
  th, td { padding: 7px 8px; }
  .huni-satir { grid-template-columns: 90px 1fr 70px; font-size: 13px; }
  .gizle-dar { display: none; }
}