:root{--zemin:#0E1014;--yuzey:#161A21;--yuzey2:#1D222B;--cizgi:#232833;--cizgi2:#2F3643;--yazi:#E8EAEE;--soluk:#A0A8B6;--mavi:#3B7CF0;--mavi2:#7FB0FF;--yesil:#43D18A;--kirmizi:#E2553F;--kirmizi2:#FF8C7A;--sari:#F2B84B;--sari2:#F2C46B}
*{box-sizing:border-box}
html,body{margin:0;background:var(--zemin);color:var(--yazi);font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif;font-size:15px;-webkit-text-size-adjust:100%}
body{min-height:100vh;display:flex;flex-direction:column}
button,input,select{font-family:inherit;font-size:inherit}
a{color:var(--mavi2)}
.gizli{display:none!important}
.soluk{color:var(--soluk)}.kucuk{font-size:13px}.num{font-variant-numeric:tabular-nums}
.art{color:var(--yesil)}.eks{color:var(--kirmizi2)}
.ust{position:sticky;top:0;z-index:5;height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 16px;padding-top:env(safe-area-inset-top);background:var(--zemin);border-bottom:1px solid var(--cizgi)}
.ust .sol{display:flex;align-items:center;gap:10px}
.logo{font-weight:700;font-size:18px;letter-spacing:-.2px;color:var(--yazi);text-decoration:none}
.rozet{padding:4px 8px;border-radius:6px;font-size:11px;font-weight:700;letter-spacing:.4px;background:#5E6675;color:#fff}
.rozet.canli{background:#FF7A66;color:#1A0B07}.rozet.gozlem{background:#5B9BFF;color:#08142B}
.baglanti{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--soluk)}
.baglanti .nokta{width:8px;height:8px;border-radius:50%;background:#5E6675}
.baglanti.iyi .nokta{background:var(--yesil)}.baglanti.kopuk .nokta{background:var(--kirmizi2)}
.serit{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:8px 16px;background:#2A2312;color:var(--sari2);font-size:13px}
.icerik{flex:1;width:100%;max-width:1100px;margin:0 auto;padding:16px 16px 150px;display:flex;flex-direction:column;gap:16px}
.icerik.bayat{opacity:.45}
.kart{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:12px}
.satir{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ayrac{border-top:1px solid var(--cizgi);padding-top:12px}
.buyukyazi{font-size:22px;font-weight:700}
.buyukyazi.canli{color:var(--kirmizi2)}.buyukyazi.gozlem{color:var(--mavi2)}
.izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.kutu{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:12px}
.kutu .e{font-size:12px;color:var(--soluk)}.kutu .d{font-size:20px;font-weight:700;margin-top:4px;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.sayi{font-size:22px;font-weight:700;font-variant-numeric:tabular-nums;margin-top:2px}
.baslik{font-size:12px;color:var(--soluk);font-weight:600;letter-spacing:.3px;margin:4px 0 8px}
.liste{display:flex;flex-direction:column;gap:8px}
.oge{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:10px 14px;font-size:13px;display:flex;flex-direction:column;gap:3px}
.oge .ust2{display:flex;justify-content:space-between;gap:8px;color:var(--soluk);font-size:12px}
.btn{border:1px solid var(--cizgi2);background:var(--yuzey2);color:var(--yazi);border-radius:10px;padding:8px 14px;min-height:44px;cursor:pointer}
.btn:disabled{opacity:.45;cursor:not-allowed}
.btn.ince{min-height:34px;padding:6px 10px}
.btn.buyuk{min-height:52px;font-size:16px;font-weight:700;border-radius:12px;width:100%}
.btn.mavi{background:var(--mavi);border-color:var(--mavi);color:#fff}
.btn.kirmizi{background:var(--kirmizi);border-color:var(--kirmizi);color:#fff}
.btn.sari{background:#2A2312;border-color:#6B5320;color:var(--sari2)}
.btn.tehlike{background:#24140F;border-color:#4A2620;color:var(--kirmizi2)}
.serit .btn.sari{background:transparent;border-color:var(--sari2)}
.dugmeler{display:flex;flex-wrap:wrap;gap:8px}
.eylem{position:fixed;left:0;right:0;bottom:64px;z-index:4;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px;background:var(--zemin);border-top:1px solid var(--cizgi)}
.altmenu{position:fixed;left:0;right:0;bottom:0;z-index:4;height:64px;padding-bottom:env(safe-area-inset-bottom);display:grid;grid-template-columns:repeat(4,1fr);background:#12151B;border-top:1px solid var(--cizgi)}
.altmenu a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:11px;color:#8B93A3;text-decoration:none}
.altmenu a.secili{color:var(--mavi2)}
.altmenu svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.perde{position:fixed;inset:0;z-index:10;background:rgba(5,6,9,.72);display:flex;flex-direction:column;justify-content:flex-end}
.sayfa{background:var(--yuzey);border-top:1px solid var(--cizgi2);border-radius:20px 20px 0 0;padding:20px 16px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-width:720px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:12px;max-height:88vh;overflow-y:auto}
.sayfa p{margin:0;line-height:1.5;color:#C9CED8}
.sbaslik{font-size:18px;font-weight:700}
.ikili{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.uyari{background:#2A2312;border:1px solid #6B5320;border-radius:10px;padding:12px;color:#E6D3A8;display:flex;flex-direction:column;gap:6px;font-size:14px}
.uyari strong{color:var(--sari2)}
.bilgi-k{background:#1A2233;border:1px solid #2E4A7A;border-radius:10px;padding:12px;font-size:14px;display:flex;flex-direction:column;gap:6px}
.alt-bilgi{text-align:center;color:var(--soluk);font-size:12px;line-height:1.8}
.baglanti-dugme{background:none;border:0;color:var(--mavi2);cursor:pointer;padding:6px}
.cipler{display:flex;gap:8px;flex-wrap:wrap}
.cip{border:1px solid #2A303B;background:var(--yuzey);color:#C9CED8;border-radius:999px;padding:7px 13px;font-size:13px;cursor:pointer;min-height:36px}
.cip.secili{border-color:#5B9BFF;background:#18233A;color:var(--yazi)}
input,select{height:46px;border-radius:10px;border:1px solid #2A303B;background:var(--yuzey);color:var(--yazi);padding:0 12px;font-size:15px;min-width:0}
input:focus,select:focus{outline:2px solid var(--mavi);outline-offset:1px}
input.degisti,select.degisti{border-color:#5B9BFF;background:#18233A}
label{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--soluk)}
.suzgec{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:700px){.suzgec{grid-template-columns:2fr 1fr 1fr}}
.setliste{display:grid;grid-template-columns:1fr;gap:10px}
@media(min-width:760px){.setliste{grid-template-columns:repeat(auto-fill,minmax(340px,1fr))}}
.grup{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;padding:6px 4px 0;color:var(--mavi2);font-weight:700;font-size:14px}
.setkart{text-align:left;width:100%;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);border-radius:14px;padding:14px;display:flex;flex-direction:column;gap:9px;cursor:pointer;font-size:14px}
.setkart:hover{border-color:var(--cizgi2)}
.setkart .r{display:flex;justify-content:space-between;align-items:center;gap:8px}
.setkart .sol2{display:flex;align-items:center;gap:8px;min-width:0}
.setkart .kv{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:#C9CED8}
.setkart .kv b{font-weight:600;color:var(--yazi)}
.dot{width:9px;height:9px;border-radius:50%;background:#5E6675;flex:0 0 auto}
.dot.calisiyor{background:#FF7A66}.dot.calisiyor.goz{background:#5B9BFF}.dot.bekliyor{background:var(--sari)}.dot.pasif{background:#3A404C}
.etiket{font-size:11px;font-weight:600;color:#C9CED8;background:#1F2530;padding:3px 7px;border-radius:5px;white-space:nowrap}
.etiket.sari{background:#2A2312;color:var(--sari2)}.etiket.kirmizi{background:#2A1512;color:var(--kirmizi2)}
.yon-Long{color:var(--yesil)}.yon-Short{color:var(--kirmizi2)}.yon-Flat{color:#C9CED8}
.sekmeler{display:flex;gap:4px;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:10px;padding:4px;overflow-x:auto}
.sekmeler button{flex:1 0 auto;border:0;border-radius:7px;padding:9px 12px;min-height:38px;background:transparent;color:var(--soluk);cursor:pointer;font-size:13px}
.sekmeler button.secili{background:#2A3140;color:#fff;font-weight:600}
.geri{width:44px;height:44px;flex:0 0 auto;border-radius:10px;border:1px solid #2A303B;background:var(--yuzey);color:var(--yazi);cursor:pointer;font-size:18px}
.kategori{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;overflow:hidden}
.kategori>.kb{padding:10px 14px;font-size:12px;font-weight:600;color:var(--soluk);letter-spacing:.3px;border-bottom:1px solid var(--cizgi)}
.alan{padding:10px 14px;display:grid;grid-template-columns:1fr;gap:8px;border-bottom:1px solid var(--cizgi)}
.alan:last-child{border-bottom:0}
@media(min-width:700px){.alan{grid-template-columns:1fr 260px;align-items:center}}
.alan .ab{font-size:14px}.alan .aa{font-size:12px;color:var(--soluk);margin-top:6px;line-height:1.45}
.ab-satir{display:flex;align-items:center;gap:8px}
.yardim{width:30px;height:30px;flex:0 0 auto;border-radius:50%;border:1px solid var(--cizgi2);background:var(--yuzey2);color:var(--soluk);font-size:13px;font-weight:700;cursor:pointer;line-height:1}
.yardim.acik{color:#fff;border-color:#5B9BFF;background:#18233A}
.alan .salt{font-size:14px;color:#C9CED8;overflow-wrap:anywhere}
.anahtar{width:56px;height:32px;border-radius:999px;border:0;position:relative;cursor:pointer;background:#3A404C}
.anahtar::after{content:"";position:absolute;top:4px;left:4px;width:24px;height:24px;border-radius:50%;background:#fff;transition:left .15s}
.anahtar.acik{background:var(--mavi)}.anahtar.acik::after{left:28px}
.anahtar.degisti{outline:2px solid #5B9BFF;outline-offset:2px}
.kaydet-cubuk{position:sticky;bottom:140px;z-index:3;background:#1A2233;border:1px solid #2E4A7A;border-radius:12px;padding:12px;display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.tablo{width:100%;border-collapse:collapse;font-size:13px}
.tablo th,.tablo td{padding:8px 10px;border-bottom:1px solid var(--cizgi);text-align:left}
.tablo th{color:var(--soluk);font-weight:600}
.tablo td.s{text-align:right;font-variant-numeric:tabular-nums}
.kaydir{overflow-x:auto;background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px}
.log{display:flex;gap:10px;font-size:12px;line-height:1.45}
.log .z{color:var(--soluk);flex:0 0 auto;font-variant-numeric:tabular-nums}.log .k{flex:0 0 auto;font-weight:600}
.log .k.HATA{color:var(--kirmizi2)}
.adimlar{height:4px;background:var(--cizgi);border-radius:999px;overflow:hidden}.adimlar>div{height:4px;background:#5B9BFF}
.secim-k{text-align:left;border:1px solid var(--cizgi);background:var(--yuzey);color:var(--yazi);border-radius:12px;padding:12px 14px;cursor:pointer;display:flex;flex-direction:column;gap:3px}
.secim-k.secili{border-color:#5B9BFF;background:#18233A}
.bildirim{position:fixed;left:50%;transform:translateX(-50%);bottom:150px;z-index:20;background:#12261C;border:1px solid #23573A;color:#7FE0AA;border-radius:10px;padding:10px 16px;font-size:14px;max-width:90vw}
.bildirim.hata{background:#2A1512;border-color:#4A2620;color:var(--kirmizi2)}
body.giris{justify-content:center}
.giris-kutu{width:100%;max-width:420px;margin:0 auto;padding:32px 24px;display:flex;flex-direction:column;gap:24px}
.marka{display:flex;flex-direction:column;gap:6px}.marka .logo{font-size:30px}.marka .alt{color:var(--soluk)}
form{display:flex;flex-direction:column;gap:14px}
.giris input{height:50px;border-radius:12px;font-size:16px}
.mesaj{min-height:20px;margin:0;color:var(--kirmizi2);font-size:14px}
.kutucuk{flex-direction:row;align-items:center;gap:10px;color:#C9CED8;font-size:14px;min-height:44px}
.kutucuk input{width:20px;height:20px;min-width:20px;margin:0}
.bilgi{background:var(--yuzey);border:1px solid var(--cizgi);border-radius:12px;padding:14px;font-size:13px;color:var(--soluk);line-height:1.5}