:root{
  --bg:#0e0d0b;--panel:#17150f;--kart:#1f1c15;--cizgi:#2d2920;--ink:#f4efe6;--muted:#a9a094;
  --gold:#c8a25c;--gold-soft:#e2c98f;--pos:#5faf72;--neg:#d95f4f;--warn:#d9a13d;--mavi:#6aa6d9;
  --serif:Georgia,"Times New Roman",serif;--sans:-apple-system,"SF Pro Text","Segoe UI",Roboto,sans-serif;
  --r:14px;
}
*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
html,body{margin:0;height:100%;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.4}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;border:1px solid var(--cizgi);background:var(--kart);border-radius:var(--r);padding:12px 16px;min-height:48px}
button:disabled{opacity:.45;cursor:not-allowed}
button.ana{background:var(--gold);color:#1a1507;border-color:var(--gold);font-weight:700}
button.tehlike{border-color:var(--neg);color:var(--neg)}
button.kucuk{min-height:36px;padding:6px 12px;font-size:.9rem;border-radius:10px}
button.aktif{border-color:var(--gold);color:var(--gold-soft);box-shadow:inset 0 0 0 1px var(--gold)}
input,select,textarea{background:var(--panel);border:1px solid var(--cizgi);border-radius:10px;padding:12px;min-height:48px;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--gold);outline-offset:-1px}
label{display:block;font-size:.85rem;color:var(--muted);margin-bottom:4px}
h1,h2,h3{font-family:var(--serif);margin:0 0 8px;font-weight:600}
h1{font-size:1.5rem}h2{font-size:1.2rem}h3{font-size:1.05rem}
.muted{color:var(--muted)}.gold{color:var(--gold)}.pos{color:var(--pos)}.neg{color:var(--neg)}.warn{color:var(--warn)}
.kucukyazi{font-size:.85rem}.sag{text-align:right}.kalin{font-weight:700}.serif{font-family:var(--serif)}
.satir{display:flex;gap:10px;align-items:center}.satir.ara{justify-content:space-between}.satir.sar{flex-wrap:wrap}
.sutun{display:flex;flex-direction:column;gap:10px}
.bosluk{flex:1}
.kart{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px}
.panel{background:var(--panel);border:1px solid var(--cizgi);border-radius:var(--r);padding:14px}
.izgara{display:grid;gap:10px}
.rozet{display:inline-block;border-radius:999px;padding:2px 10px;font-size:.78rem;border:1px solid var(--cizgi);background:var(--panel);white-space:nowrap}
.rozet.gold{border-color:var(--gold);color:var(--gold-soft)}.rozet.pos{border-color:var(--pos);color:var(--pos)}
.rozet.neg{border-color:var(--neg);color:var(--neg)}.rozet.warn{border-color:var(--warn);color:var(--warn)}
table{width:100%;border-collapse:collapse;font-size:.95rem}
th,td{text-align:left;padding:8px 6px;border-bottom:1px solid var(--cizgi);vertical-align:top}
th{color:var(--muted);font-weight:500;font-size:.8rem;text-transform:uppercase;letter-spacing:.04em}
td.sag,th.sag{text-align:right;font-variant-numeric:tabular-nums}

/* ── kabuk */
.kabuk{display:flex;min-height:100vh}
.yan{width:220px;flex-shrink:0;background:var(--panel);border-right:1px solid var(--cizgi);padding:14px 10px;display:flex;flex-direction:column;gap:4px}
.yan .marka{padding:8px 10px 14px}
.yan .marka img{display:block;width:100%;height:auto;margin-bottom:6px}
.yan .marka small{display:block;font-family:var(--sans);font-size:.75rem;color:var(--muted);letter-spacing:.08em}
.yan button{text-align:left;border:none;background:transparent;min-height:44px;padding:10px 12px;border-radius:10px}
.yan button.aktif{background:var(--kart);box-shadow:none;color:var(--gold-soft)}
.yan .alt{margin-top:auto;padding:10px 12px;font-size:.85rem;color:var(--muted);border-top:1px solid var(--cizgi)}
.icerik{flex:1;padding:18px;min-width:0;padding-bottom:90px}
.altbar{display:none}
@media (max-width:900px){
  .yan{display:none}
  .icerik{padding:12px;padding-bottom:84px}
  .altbar{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--panel);border-top:1px solid var(--cizgi);padding:6px 4px calc(6px + env(safe-area-inset-bottom));overflow-x:auto;gap:2px;z-index:20}
  .altbar button{border:none;background:transparent;min-width:72px;padding:6px 4px;font-size:.72rem;display:flex;flex-direction:column;align-items:center;gap:2px;border-radius:8px;min-height:44px}
  .altbar button.aktif{color:var(--gold-soft);background:var(--kart)}
  .altbar button span{font-size:1.2rem}
}

/* ── giriş */
.giris{max-width:420px;margin:6vh auto;padding:20px}
.pinpad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}
.pinpad button{font-size:1.4rem;min-height:64px}
.pinnokta{display:flex;justify-content:center;gap:12px;padding:10px}
.pinnokta i{width:14px;height:14px;border-radius:50%;border:2px solid var(--gold);display:block}
.pinnokta i.dolu{background:var(--gold)}

/* ── masalar */
.masalar{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:10px}
.masa{min-height:96px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;padding:10px;border-radius:var(--r);border:1px solid var(--cizgi);background:var(--kart);text-align:left}
.masa.dolu{border-color:var(--gold);background:#2a2314}
.masa .no{font-family:var(--serif);font-size:1.25rem}
.masa .tutar{font-weight:700;color:var(--gold-soft);font-variant-numeric:tabular-nums}
.masa .bekle{position:absolute;top:8px;right:8px}
.masa{position:relative}

/* ── adisyon */
.adisyon{display:grid;grid-template-columns:minmax(0,1fr) 400px;gap:14px;height:calc(100vh - 36px)}
@media (max-width:900px){.adisyon{grid-template-columns:minmax(0,1fr);height:auto}.adisyon .fis{order:-1;position:sticky;top:0;z-index:5;max-height:46vh}}
.menu{display:flex;flex-direction:column;gap:10px;min-height:0;min-width:0}
.menu>.satir button{white-space:nowrap;flex-shrink:0}
.kategoriler{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;flex-shrink:0}
.kategoriler button{white-space:nowrap;min-height:40px;padding:8px 14px;border-radius:999px}
.urunler{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;overflow-y:auto;align-content:start;flex:1;min-height:0}
.urun{min-height:78px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;text-align:left;padding:10px;position:relative}
.urun .ad{font-size:.92rem;line-height:1.25}
.urun .fiyat{color:var(--gold-soft);font-weight:700;font-variant-numeric:tabular-nums}
.urun.tukendi{opacity:.4;text-decoration:line-through}
.urun .kamp{position:absolute;bottom:8px;right:8px;font-size:.7rem;background:var(--pos);color:#06210f;border-radius:6px;padding:1px 6px;font-weight:700}
.fis{display:flex;flex-direction:column;background:var(--panel);border:1px solid var(--cizgi);border-radius:var(--r);min-height:0;overflow:hidden}
.fis .baslik{padding:12px 14px;border-bottom:1px solid var(--cizgi)}
.fis .satirlar{flex:1;overflow-y:auto;padding:6px 10px}
.fis .kalem{display:flex;gap:8px;align-items:center;padding:8px 4px;border-bottom:1px dashed var(--cizgi)}
.fis .kalem .adet{min-width:30px;font-weight:700;color:var(--gold)}
.fis .kalem.iptal{opacity:.45;text-decoration:line-through}
.fis .kalem.ikram .tutar{color:var(--pos)}
.fis .toplam{padding:12px 14px;border-top:1px solid var(--cizgi);display:flex;flex-direction:column;gap:6px}
.fis .toplam .buyuk{font-family:var(--serif);font-size:1.6rem;font-weight:700;color:var(--gold-soft)}
.durum{font-size:.72rem;border-radius:6px;padding:1px 6px;background:var(--kart);border:1px solid var(--cizgi)}
.durum.bekliyor{color:var(--warn);border-color:var(--warn)}.durum.gonderildi{color:var(--mavi)}.durum.hazir{color:var(--pos)}

/* ── modal */
.ortu{position:fixed;inset:0;background:rgba(0,0,0,.65);display:flex;align-items:center;justify-content:center;padding:14px;z-index:50}
.modal{background:var(--panel);border:1px solid var(--cizgi);border-radius:18px;padding:18px;width:100%;max-width:560px;max-height:92vh;overflow-y:auto}
.modal.genis{max-width:900px}
.odemetus{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.odemetus button{min-height:60px}

/* ── bulgu */
.bulgu{border-left:4px solid var(--cizgi);padding:8px 12px;border-radius:0 10px 10px 0;background:var(--kart);font-size:.92rem}
.bulgu.engel{border-color:var(--neg)}.bulgu.onay{border-color:var(--warn)}.bulgu.uyari{border-color:var(--mavi)}
.bulgu b{display:block;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted)}

/* ── kds */
.kds{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:10px}
.kds .kart{border-left:4px solid var(--warn)}
.kds .kart.gec{border-left-color:var(--neg)}

/* ── stat */
.statlar{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}
.stat{background:var(--kart);border:1px solid var(--cizgi);border-radius:var(--r);padding:12px 14px}
.stat .d{font-family:var(--serif);font-size:1.5rem;font-weight:700;color:var(--gold-soft);font-variant-numeric:tabular-nums}
.stat .e{font-size:.8rem;color:var(--muted)}

.liste{list-style:none;margin:0;padding:0}
.liste li{padding:10px 4px;border-bottom:1px solid var(--cizgi);display:flex;gap:10px;align-items:center}
.aramasonuc{position:absolute;top:100%;left:0;right:0;background:var(--panel);border:1px solid var(--gold);border-radius:10px;z-index:30;max-height:260px;overflow-y:auto}
.aramasonuc button{display:block;width:100%;text-align:left;border:none;border-bottom:1px solid var(--cizgi);border-radius:0;background:transparent;min-height:44px}
.goreli{position:relative}
.bildirim{position:fixed;top:14px;right:14px;z-index:99;display:flex;flex-direction:column;gap:8px;max-width:360px}
.bildirim div{background:var(--kart);border:1px solid var(--gold);border-radius:12px;padding:12px 14px;box-shadow:0 8px 30px rgba(0,0,0,.5)}
.bildirim div.hata{border-color:var(--neg)}
.kademe{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;font-weight:700;font-size:.85rem}
.kademe.Üye{background:#2a2a2a}.kademe.Bronz{background:#5a3b22}.kademe.Gümüş{background:#5c5f66}.kademe.Altın{background:#8f6d24}.kademe.Platin{background:#3d5466}
.ilerleme{height:6px;background:var(--cizgi);border-radius:3px;overflow:hidden}.ilerleme i{display:block;height:100%;background:var(--gold)}
.sekmeler{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px}
.sekmeler button{border-radius:999px;min-height:40px;padding:8px 16px}
.not{background:#2a2314;border:1px dashed var(--gold);border-radius:10px;padding:10px 12px;font-size:.9rem}
.girislogo{display:block;width:100%;max-width:340px;height:auto;margin:0 auto 26px}
.serit{background:#2a2314;border:1px solid var(--warn);color:var(--gold-soft);border-radius:10px;padding:10px 14px;margin-bottom:12px;font-size:.92rem}
.serit.neg{border-color:var(--neg);color:var(--neg);background:#2a1512}
.adisyon{height:auto;min-height:calc(100vh - 36px)}
@media (min-width:901px){.adisyon{height:calc(100vh - 36px);min-height:0}.serit+.adisyon{height:calc(100vh - 90px)}}