:root{--lacivert:#123A6B;--kirmizi:#E30613;--sari:#FDB913;--yesil:#1E8E3E;--gri:#6b7280;--zemin:#f4f6fa;--kart:#fff;--yazi:#1b2433;--cizgi:#e3e7ee}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--zemin);color:var(--yazi)}
a{color:var(--lacivert)}h1{font-size:1.5rem;margin:.2rem 0 .6rem}h2{font-size:1.15rem;margin:1.6rem 0 .6rem}
.ust{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--lacivert);color:#fff;padding:.6rem 1rem}
.marka{display:flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.02em;font-size:1.2rem}
.marka b{background:var(--sari);color:var(--lacivert);padding:0 .25rem;margin-left:1px;border-radius:3px}.marka small{font-weight:400;opacity:.8;font-size:.8rem}
.ust nav{display:flex;align-items:center;gap:1rem}.ust nav a{color:#fff;text-decoration:none}.ust form{margin:0}
.bag{background:none;border:1px solid #ffffff66;color:#fff;padding:.25rem .7rem;border-radius:6px;cursor:pointer}
main{max-width:1100px;margin:0 auto;padding:1rem}footer{text-align:center;color:var(--gri);font-size:.8rem;padding:2rem 1rem}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:1rem;margin-bottom:.8rem}.dar{max-width:460px;margin:2rem auto}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.8rem}
.isyeri{display:flex;flex-direction:column;gap:.2rem;text-decoration:none;color:inherit;border-left:4px solid var(--lacivert)}
.uyum{font-weight:700;color:var(--lacivert)}.kucuk{font-size:.82rem;color:var(--gri)}
.sayaclar{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.6rem;margin:.6rem 0}
.sayac{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:.7rem;color:var(--gri);font-size:.85rem}
.sayac b{display:block;font-size:1.6rem;color:var(--yazi)}.sayac.kirmizi{border-top:4px solid var(--kirmizi)}.sayac.sari{border-top:4px solid var(--sari)}
.sayac.yesil{border-top:4px solid var(--yesil)}.sayac.gri{border-top:4px solid var(--gri)}.sayac.lacivert{border-top:4px solid var(--lacivert)}
.tablo{width:100%;border-collapse:collapse;background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;overflow:hidden}
.tablo th,.tablo td{padding:.55rem .7rem;border-bottom:1px solid var(--cizgi);text-align:left;white-space:nowrap}.tablo th{background:#eef2f8;font-size:.82rem}
.durum{display:inline-block;padding:.1rem .55rem;border-radius:99px;font-size:.78rem;font-weight:600}
.d-gecikti{background:#fde4e4;color:#a1040e}.d-yaklasiyor{background:#fff3cf;color:#7a5600}.d-zamaninda{background:#dcf3e2;color:#145c29}.d-kayit_yok{background:#eceef2;color:#4b5563}
.sekmeler{display:flex;gap:.3rem;overflow-x:auto;border-bottom:2px solid var(--cizgi);margin:.8rem 0}
.sekmeler a{padding:.5rem .8rem;text-decoration:none;color:var(--gri);white-space:nowrap}.sekmeler a.secili{color:var(--lacivert);border-bottom:3px solid var(--kirmizi);font-weight:700}
.baslik-satir{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;flex-wrap:wrap}
button,.dugme{background:var(--kirmizi);color:#fff;border:0;padding:.6rem 1rem;border-radius:8px;font-weight:700;cursor:pointer;text-decoration:none;display:inline-block}
label{display:block;margin:.6rem 0}input,textarea,select{width:100%;padding:.55rem;border:1px solid var(--cizgi);border-radius:8px;font:inherit}
.hata{color:var(--kirmizi)}.ileti{background:#dcf3e2;padding:.6rem 1rem;border-radius:8px;margin-bottom:1rem}.liste li{margin:.3rem 0}
@media(max-width:600px){.ust nav a{display:none}.ust nav a:first-child{display:inline}}
@media(max-width:700px){.tablo{display:block;overflow-x:auto}}
.ileti.uyari{background:#fff3cf}.davet{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;border-left:4px solid var(--sari)}
.dugmeler{display:flex;gap:.5rem}.dugmeler form{margin:0}button.ikincil{background:#eceef2;color:var(--yazi)}
.alan{margin:.6rem 0}.alan ul{list-style:none;padding:0;margin:.3rem 0}.alan li{margin:.2rem 0}.alan li label{display:inline}.alan li input{width:auto}
.onay input{width:auto}.onay label{display:inline}.errorlist{color:var(--kirmizi);font-size:.85rem;padding-left:1rem}
.metin h2{margin-top:1.4rem}.metin li{margin:.3rem 0}.metin .tablo td{white-space:normal}
.alan input[type=checkbox]{width:auto;margin-right:.4rem}.alan div label{display:flex;align-items:center;margin:.25rem 0}
.qr{display:flex;justify-content:center;margin:1rem 0}.qr svg{width:220px;height:220px;background:#fff}
.foto{max-width:100%;max-height:260px;border-radius:8px;margin:.4rem 0}.dugmeler{flex-wrap:wrap}
.demo-bant{background:var(--sari);color:#1b2433;text-align:center;padding:.5rem 1rem;font-size:.85rem}