*{margin:0;padding:0;box-sizing:border-box;}
body{font-family:'Segoe UI',Arial,sans-serif;background:#f8f8f6;color:#1a1a1a;min-height:100vh;display:flex;flex-direction:column;}
.topbar{background:#c0392b;color:#fff;text-align:center;padding:8px 20px;font-size:13px;font-weight:600;}
header{padding:14px 20px;border-bottom:1px solid #e8e8e4;display:flex;align-items:center;justify-content:space-between;background:#1a1a1a;}
header a{font-size:13px;color:#aaa;text-decoration:none;}
header a:hover{color:#fff;}
main{flex:1;max-width:1100px;margin:24px auto;padding:0 20px;width:100%;}
h1{font-size:22px;font-weight:700;margin-bottom:24px;}
h2{font-size:16px;font-weight:700;margin-bottom:12px;color:#1a1a1a;}

/* TAHMİN EKRANI */
.tahmin-ekran{background:#fff;border:1px solid #e0e0d8;border-radius:10px;padding:24px;margin-bottom:32px;}
.sayilar-wrap{margin-bottom:20px;}
.sayilar-baslik{font-size:13px;font-weight:700;color:#555;margin-bottom:10px;}
#sayilar-grid{display:flex;flex-wrap:wrap;gap:8px;}
.sayi-top{width:38px;height:38px;border-radius:50%;background:#cc00cc;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;transition:all 0.3s;}
.sayi-top.elindi{background:#ddd;color:#999;text-decoration:line-through;}

/* GRUP SEÇİM */
.grup-secim{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:16px;}
.grup-blok{flex:1;min-width:200px;}
.grup-baslik{font-size:13px;font-weight:700;color:#cc00cc;margin-bottom:10px;border-bottom:2px solid #cc00cc;padding-bottom:4px;}
.grup-satirlar{display:flex;flex-direction:column;gap:8px;}
.grup-satirlar label{display:flex;align-items:center;gap:8px;font-size:13px;cursor:pointer;}
.grup-satirlar input[type=checkbox]{width:16px;height:16px;cursor:pointer;}

.btn-tahmin{background:#cc00cc;color:#fff;border:none;padding:10px 28px;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;}
.btn-tahmin:hover{background:#aa00aa;}
.btn-tahmin:disabled{background:#ddd;color:#999;cursor:not-allowed;}
.btn-sifirla{background:#fff;color:#888;border:1px solid #e0e0d8;padding:10px 20px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;}
.btn-sifirla:hover{border-color:#cc00cc;color:#cc00cc;}

.tahmin-baslik{font-size:14px;font-weight:700;color:#1a1a1a;margin-bottom:10px;}
.tahmin-sayilar{display:flex;flex-wrap:wrap;gap:10px;}
.tahmin-sayi{width:44px;height:44px;border-radius:50%;background:#cc00cc;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;}

/* TABLO */
.tablo-wrap{overflow-x:auto;margin-bottom:32px;}
table{width:100%;border-collapse:collapse;font-size:13px;}
thead tr th{background:#1a1a1a;color:#fff;padding:8px 12px;text-align:center;}
thead tr.checkbox-row th{background:#f0f0f0;padding:6px;}
thead tr.checkbox-row th input{width:16px;height:16px;cursor:pointer;}
tbody tr:nth-child(even){background:#f9f9f7;}
tbody tr td{padding:7px 12px;text-align:center;border-bottom:1px solid #e8e8e4;}
td.tarih{text-align:left;font-weight:600;color:#555;}
td.hucre{font-weight:600;}
td.oran{color:#c0392b;font-weight:700;}

.oran-kucuk{font-size:10px;color:#c0392b;margin-left:3px;}