:root{--ana:#4F46E5;--vurgu:#06B6D4;--basari:#16A34A;--uyari:#F59E0B;--hata:#DC2626;
--arka:#F6F7FB;--yuzey:#fff;--yazi:#0F172A;--soluk:#64748B;--cizgi:rgba(100,116,139,.18);--yar:16px;--font:system-ui,sans-serif}
@media(prefers-color-scheme:dark){:root{--arka:#0B1020;--yuzey:#131A2E;--yazi:#E5E7EB;--soluk:#94A3B8}}
*{box-sizing:border-box}
body{margin:0;background:var(--arka);color:var(--yazi);font-family:var(--font);font-size:14px}
.ust{display:flex;align-items:center;gap:12px;padding:14px 24px;background:linear-gradient(120deg,var(--ana),var(--vurgu));color:#fff}
.ust img{width:34px;height:34px;border-radius:9px}.ust h1{font-size:18px;margin:0}.ust small{opacity:.85}
.ust .bosluk{flex:1}.kullanici{font-size:13px;opacity:.95}
.ust button{background:rgba(255,255,255,.18);color:#fff;border:0;padding:7px 14px;border-radius:99px;cursor:pointer}
.nav{display:flex;gap:6px;padding:14px 24px 0;flex-wrap:wrap}
.nav-btn{background:transparent;border:0;color:var(--soluk);padding:9px 16px;border-radius:99px;cursor:pointer;font-size:14px}
.nav-btn.aktif{background:var(--yuzey);color:var(--ana);font-weight:600;box-shadow:0 2px 10px rgba(15,23,42,.08)}
main{padding:20px 24px;max-width:1280px;margin:auto}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.kart{background:var(--yuzey);border-radius:var(--yar);padding:18px;box-shadow:0 6px 24px rgba(15,23,42,.07)}
.kart h3{margin:0 0 6px;font-size:15px}
.kpi .deger{font-size:32px;font-weight:700;margin-top:4px}.kpi .et{color:var(--soluk);font-size:13px}
.kpi.uyari .deger{color:var(--uyari)}.kpi.hata .deger{color:var(--hata)}.kpi.basari .deger{color:var(--basari)}
.rozet{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;color:#fff;background:var(--ana);white-space:nowrap}
.rozet.cevrimici,.rozet.yesil{background:var(--basari)}.rozet.sessiz,.rozet.kirmizi{background:var(--hata)}.rozet.sari{background:var(--uyari)}
table{width:100%;border-collapse:collapse;background:var(--yuzey);border-radius:var(--yar);overflow:hidden;box-shadow:0 6px 24px rgba(15,23,42,.07)}
th,td{padding:11px 14px;text-align:left;border-bottom:1px solid var(--cizgi)}th{color:var(--soluk);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}
tr.is-satir{cursor:pointer}tr.is-satir:hover{background:rgba(79,70,229,.06)}
.bos{opacity:.6;padding:30px;text-align:center}
dl{margin:10px 0 0;font-size:13px;display:grid;grid-template-columns:auto 1fr;gap:4px 12px}dt{color:var(--soluk)}dd{margin:0}
#detay{position:fixed;right:0;top:0;bottom:0;width:min(460px,100%);background:var(--yuzey);box-shadow:-10px 0 40px rgba(0,0,0,.2);padding:22px;overflow:auto;transform:translateX(105%);transition:transform .25s}
#detay.acik{transform:none}
.zaman{border-left:2px solid var(--cizgi);margin:14px 0 0 6px;padding-left:16px}
.olay{position:relative;margin-bottom:14px}.olay::before{content:"";position:absolute;left:-23px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--ana)}
.olay small{color:var(--soluk)}
input,textarea,select{width:100%;padding:10px 12px;border-radius:10px;border:1px solid var(--cizgi);background:var(--arka);color:var(--yazi);font:inherit}
.btn{background:var(--ana);color:#fff;border:0;border-radius:10px;padding:10px 16px;cursor:pointer;font:inherit;font-weight:600}
.btn:disabled{opacity:.5}
.giris-kutu{max-width:380px;margin:12vh auto;padding:30px}.giris-kutu h2{margin:0 0 4px}.giris-kutu label{display:block;margin:14px 0 6px;color:var(--soluk)}
.hata-metin{color:var(--hata);margin-top:12px;min-height:18px}
.kapat{float:right;background:none;border:0;font-size:22px;color:var(--soluk);cursor:pointer}
h2.baslik{margin:18px 0 12px;font-size:17px}
label{display:block;margin:0 0 6px;color:var(--soluk);font-size:13px}
.cubuk{height:8px;border-radius:99px;background:var(--cizgi);overflow:hidden;margin:6px 0}.cubuk span{display:block;height:100%;background:linear-gradient(90deg,var(--ana),var(--vurgu))}
.firma-kart{cursor:pointer;transition:transform .15s}.firma-kart:hover{transform:translateY(-2px)}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.btn.ikincil{background:transparent;color:var(--ana);border:1.5px solid var(--ana)}
.bolum-baslik{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--soluk);margin:14px 0 6px}.bolum-baslik:first-child{margin-top:0}
.madde{display:flex;gap:12px;padding:9px 0;border-bottom:1px solid var(--cizgi)}.madde .ikon{font-weight:800;font-size:17px;width:20px;text-align:center}
.etiket{display:inline-block;font-size:11px;padding:2px 8px;border-radius:99px;background:rgba(79,70,229,.1);color:var(--ana);margin:1px 0}
.secim{display:flex;align-items:center;gap:6px;color:var(--yazi);margin:0}.secim input{width:auto}
code{background:var(--arka);padding:2px 6px;border-radius:6px}