:root{--lacivert:#1b2340;--lacivert2:#262f52;--yesil:#12995c;--yesil2:#0e7d4a;--zemin:#f2f5fa;--kart:#fff;--cizgi:#dfe6f0;--yazi:#1b2340;--soluk:#6b7596;--kirmizi:#c0392b;--turuncu:#ff7f0e;--mavi:#1f77b4}
@media (prefers-color-scheme:dark){:root{--zemin:#0f1424;--kart:#171e36;--cizgi:#2a3558;--yazi:#e6ebf7;--soluk:#97a3c6}}
*{box-sizing:border-box}html,body{margin:0;height:100%}
body{font-family:"Segoe UI",system-ui,-apple-system,Roboto,Arial,sans-serif;background:var(--zemin);color:var(--yazi);font-size:15px}
h1,h2,h3{margin:0}.soluk{color:var(--soluk)}.kucuk{font-size:13px}
button,input,select,textarea{font:inherit;color:inherit}
.duzen{display:flex;min-height:100vh}
.menu{width:240px;background:linear-gradient(180deg,var(--lacivert),#12172b);color:#fff;display:flex;flex-direction:column;padding:18px 12px;position:sticky;top:0;height:100vh;flex-shrink:0}
.marka{display:flex;align-items:center;gap:10px;padding:4px 8px 18px;font-weight:700;font-size:19px;letter-spacing:.2px}
.marka i{width:36px;height:36px;border-radius:10px;background:var(--yesil);display:grid;place-items:center;font-style:normal;font-size:20px}
.menu a{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:10px;color:#cfd7ee;text-decoration:none;cursor:pointer;margin-bottom:3px;font-weight:500}
.menu a:hover{background:rgba(255,255,255,.08)}.menu a.secili{background:var(--yesil);color:#fff}
.menu .ara{flex:1}.menu .okul{font-size:12px;color:#97a3c6;padding:8px 12px;line-height:1.35}
.icerik{flex:1;min-width:0;padding:22px 28px 40px}
.ust{display:flex;align-items:center;gap:14px;margin-bottom:18px;flex-wrap:wrap}
.ust h1{font-size:24px;flex:1}.hamburger{display:none}
.kullanici-kutu{display:flex;align-items:center;gap:10px;background:var(--kart);border:1px solid var(--cizgi);border-radius:12px;padding:6px 8px 6px 14px}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:16px;padding:18px 20px;box-shadow:0 2px 10px rgba(20,30,60,.05);margin-bottom:16px}
.kart h2{font-size:16px;margin-bottom:12px}
.izgara{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:16px}
.ozet{display:flex;flex-direction:column;gap:4px;padding:16px 18px}.ozet b{font-size:30px;line-height:1.1}.ozet span{color:var(--soluk);font-size:13px}
.ozet.yesil{border-left:5px solid var(--yesil)}.ozet.mavi{border-left:5px solid var(--mavi)}.ozet.turuncu{border-left:5px solid var(--turuncu)}.ozet.mor{border-left:5px solid #9467bd}
.btn{border:0;background:var(--yesil);color:#fff;padding:9px 16px;border-radius:10px;cursor:pointer;font-weight:600}
.btn:hover{background:var(--yesil2)}.btn.ikinci{background:transparent;color:var(--yazi);border:1px solid var(--cizgi)}.btn.ikinci:hover{background:rgba(120,140,190,.12)}
.btn.tehlike{background:var(--kirmizi)}.btn.kucuk{padding:5px 10px;font-size:13px;border-radius:8px}
input,select,textarea{background:var(--kart);border:1px solid var(--cizgi);border-radius:10px;padding:9px 12px;min-width:0}
input:focus,select:focus,textarea:focus{outline:2px solid rgba(18,153,92,.35);border-color:var(--yesil)}
label{display:block;font-size:13px;color:var(--soluk);margin:10px 0 4px}
.filtre{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end;margin-bottom:14px}.filtre label{margin:0 0 4px}.filtre>div{display:flex;flex-direction:column}
.tablo-kap{overflow-x:auto}table{border-collapse:collapse;width:100%}
th{background:var(--lacivert);color:#fff;text-align:left;padding:9px 12px;font-size:13px;white-space:nowrap}th:first-child{border-radius:10px 0 0 0}th:last-child{border-radius:0 10px 0 0}
td{padding:9px 12px;border-bottom:1px solid var(--cizgi)}tr:nth-child(even) td{background:rgba(120,140,190,.07)}
td.sayi,th.sayi{text-align:right;font-variant-numeric:tabular-nums}
.rozet{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:rgba(18,153,92,.14);color:var(--yesil)}
.rozet.gri{background:rgba(120,140,190,.18);color:var(--soluk)}.rozet.kirmizi{background:rgba(192,57,43,.14);color:var(--kirmizi)}
.iki{display:grid;grid-template-columns:300px 1fr;gap:16px;align-items:start}
.liste{max-height:68vh;overflow:auto;border:1px solid var(--cizgi);border-radius:12px}
.liste div{padding:9px 12px;border-bottom:1px solid var(--cizgi);cursor:pointer;display:flex;justify-content:space-between;gap:8px}
.liste div:hover{background:rgba(120,140,190,.12)}.liste div.secili{background:var(--yesil);color:#fff}.liste div.secili span{color:#e6fff3}
.grafik svg{width:100%;height:auto;display:block}.lejant{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 2px 0;font-size:13px}
.lejant i{display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px}
.giris-sayfa{min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,var(--lacivert),#0d1226 70%);padding:20px}
.giris-kutu{width:100%;max-width:420px;background:var(--kart);border-radius:20px;padding:30px 30px 26px;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.giris-kutu .marka{color:var(--yazi);padding:0 0 4px;font-size:24px}.giris-kutu input{width:100%}.giris-kutu .btn{width:100%;margin-top:18px;padding:12px}
.hata{color:var(--kirmizi);font-size:14px;margin-top:10px;min-height:20px}
.modal-perde{position:fixed;inset:0;background:rgba(10,14,30,.55);display:grid;place-items:center;z-index:50;padding:16px}
.modal{background:var(--kart);border-radius:18px;padding:22px 24px;width:100%;max-width:640px;max-height:92vh;overflow:auto}
.modal h2{margin-bottom:6px}.modal input,.modal select{width:100%}.alan2{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}
.kutular{display:flex;flex-wrap:wrap;gap:6px 16px}.kutular label{display:flex;align-items:center;gap:6px;margin:2px 0;color:var(--yazi);font-size:14px}.kutular input{width:auto}
.alt-butonlar{display:flex;gap:10px;justify-content:flex-end;margin-top:18px;flex-wrap:wrap}
.uyari{background:rgba(255,127,14,.13);border:1px solid rgba(255,127,14,.5);border-radius:12px;padding:12px 14px;margin:12px 0}
.kopya{font-family:Consolas,monospace;background:rgba(120,140,190,.15);padding:8px 10px;border-radius:8px;word-break:break-all;display:block;margin:4px 0}
.okul-serit{background:rgba(18,153,92,.12);border:1px solid rgba(18,153,92,.4);border-radius:12px;padding:10px 14px;margin-bottom:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}
#bildirim{position:fixed;right:20px;bottom:20px;background:var(--lacivert);color:#fff;padding:12px 18px;border-radius:12px;opacity:0;transform:translateY(10px);transition:.25s;pointer-events:none;z-index:99;max-width:80vw}
#bildirim.goster{opacity:1;transform:none}#bildirim.kotu{background:var(--kirmizi)}
@media(max-width:900px){.menu{position:fixed;left:-260px;z-index:40;transition:left .25s;box-shadow:0 0 40px rgba(0,0,0,.4)}.menu.acik{left:0}.hamburger{display:inline-block}.icerik{padding:16px}.iki{grid-template-columns:1fr}.alan2{grid-template-columns:1fr}}
@media print{.menu,.ust .btn,.filtre,.hamburger{display:none!important}.icerik{padding:0}.kart{box-shadow:none;break-inside:avoid}}