:root{
  --pnl-zemin:#11151b;
  --pnl-kart:#182029;
  --pnl-kart-2:#1f2934;
  --pnl-kenar:#2a3644;
  --pnl-yazi:#e8edf3;
  --pnl-soluk:#93a1b1;
  --pnl-vurgu:#3f9e6c;
  --pnl-vurgu-2:#57c78c;
  --pnl-uyari:#d9534f;
  --pnl-sari:#e0a53d;
  --pnl-radius:10px;
}
*{box-sizing:border-box}
html{overflow-x:clip}
body.pnl{
  margin:0;background:var(--pnl-zemin);color:var(--pnl-yazi);
  font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  -webkit-text-size-adjust:100%;
}
a{color:var(--pnl-vurgu-2);text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid var(--pnl-vurgu-2);outline-offset:2px}
h1,h2{margin:0 0 .6rem;line-height:1.25}
h1{font-size:1.5rem}
h2{font-size:1.1rem;letter-spacing:.01em}
small{display:block;color:var(--pnl-soluk);font-size:.8rem}
code{font-size:.75rem;color:var(--pnl-soluk);word-break:break-all}

.pnl-ust{
  position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:.9rem;
  padding:.7rem 1rem;background:#0d1116;border-bottom:1px solid var(--pnl-kenar);
}
.pnl-marka{color:var(--pnl-yazi);font-weight:600;font-size:1rem}
.pnl-marka b{color:var(--pnl-vurgu-2);font-weight:600}
.pnl-ust-sag{margin-left:auto;display:flex;align-items:center;gap:.9rem;font-size:.85rem}
.pnl-rol{color:var(--pnl-soluk)}
.pnl-cikis,.pnl-dis{color:var(--pnl-soluk)}
.pnl-hamburger{display:none;flex-direction:column;gap:4px;padding:.4rem;cursor:pointer;min-width:44px;min-height:44px;justify-content:center}
.pnl-hamburger span{display:block;width:22px;height:2px;background:var(--pnl-yazi)}
.pnl-menu-kutu{display:none}

.pnl-govde{display:grid;grid-template-columns:230px minmax(0,1fr);gap:0;align-items:start}
.pnl-yan{
  position:sticky;top:57px;align-self:start;max-height:calc(100vh - 57px);overflow-y:auto;
  padding:1rem .7rem 2rem;border-right:1px solid var(--pnl-kenar);background:#0f141a;
}
.pnl-grup{margin:1rem .5rem .35rem;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--pnl-soluk)}
.pnl-link{
  display:flex;align-items:center;gap:.5rem;padding:.55rem .65rem;border-radius:8px;
  color:var(--pnl-yazi);font-size:.9rem;
}
.pnl-link:hover{background:var(--pnl-kart);text-decoration:none}
.pnl-aktif{background:var(--pnl-kart-2);color:var(--pnl-vurgu-2)}
.pnl-rozet{margin-left:auto;background:var(--pnl-uyari);color:#fff;font-size:.7rem;font-style:normal;padding:.05rem .4rem;border-radius:999px}

.pnl-ana{padding:1.2rem 1.2rem 3rem;min-width:0}
.pnl-baslik{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}
.pnl-baslik-aksiyon{margin-left:auto}
.pnl-bildirim{margin:0 0 1rem;padding:.7rem .9rem;background:rgba(63,158,108,.14);border:1px solid var(--pnl-vurgu);border-radius:var(--pnl-radius);font-size:.9rem}
.pnl-demo{margin:0 0 1rem;padding:.7rem .9rem;background:rgba(224,165,61,.12);border:1px solid var(--pnl-sari);border-radius:var(--pnl-radius);font-size:.85rem}
.pnl-hata{margin:0 0 1rem;padding:.7rem .9rem;background:rgba(217,83,79,.15);border:1px solid var(--pnl-uyari);border-radius:var(--pnl-radius);font-size:.9rem}
.pnl-ipucu{color:var(--pnl-soluk);font-size:.85rem;margin:.2rem 0 .9rem}
.pnl-bos{color:var(--pnl-soluk);padding:.8rem 0}
.pnl-canli{color:var(--pnl-soluk);font-size:.8rem}
.pnl-not{color:var(--pnl-sari);font-size:.82rem;margin:.2rem 0 0}

.pnl-blok{background:var(--pnl-kart);border:1px solid var(--pnl-kenar);border-radius:var(--pnl-radius);padding:1rem 1.1rem;margin-bottom:1.1rem}
.pnl-iki{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1.1rem}
.pnl-iki>*{min-width:0}

.pnl-kart-sira{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.8rem;margin-bottom:1.1rem}
.pnl-kart{background:var(--pnl-kart);border:1px solid var(--pnl-kenar);border-radius:var(--pnl-radius);padding:.85rem .9rem;min-width:0}
.pnl-kart span{display:block;color:var(--pnl-soluk);font-size:.78rem;letter-spacing:.03em}
.pnl-kart b{display:block;font-size:1.35rem;margin-top:.2rem;overflow-wrap:anywhere}

.pnl-tablo-sar{overflow-x:auto}
.pnl-tablo{width:100%;border-collapse:collapse;font-size:.88rem}
.pnl-tablo th{text-align:left;color:var(--pnl-soluk);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;padding:.5rem .6rem;border-bottom:1px solid var(--pnl-kenar)}
.pnl-tablo td{padding:.6rem;border-bottom:1px solid rgba(42,54,68,.6);vertical-align:top;overflow-wrap:anywhere}
.pnl-tablo tfoot td{border-bottom:none;color:var(--pnl-soluk)}
.pnl-tablo tfoot .pnl-toplam td{color:var(--pnl-yazi);font-weight:600;font-size:1rem}
.pnl-sag{text-align:right;white-space:nowrap}

.pnl-durum{display:inline-block;padding:.15rem .5rem;border-radius:999px;font-size:.75rem;border:1px solid var(--pnl-kenar)}
.pnl-durum-yeni{background:rgba(224,165,61,.16);border-color:var(--pnl-sari)}
.pnl-durum-hazirlaniyor{background:rgba(63,158,108,.16);border-color:var(--pnl-vurgu)}
.pnl-durum-hazir{background:rgba(87,199,140,.2);border-color:var(--pnl-vurgu-2)}
.pnl-durum-iptal{background:rgba(217,83,79,.16);border-color:var(--pnl-uyari)}

.pnl-btn{
  display:inline-block;padding:.62rem 1.05rem;border:none;border-radius:var(--pnl-radius);
  background:var(--pnl-vurgu);color:#fff;font-size:.92rem;font-weight:600;cursor:pointer;
  min-height:44px;
}
.pnl-btn:hover{background:var(--pnl-vurgu-2);text-decoration:none;color:#08110c}
.pnl-btn-kucuk{padding:.45rem .8rem;font-size:.85rem;min-height:38px}
.pnl-mini{
  display:inline-block;padding:.35rem .6rem;margin:.1rem .15rem;border:1px solid var(--pnl-kenar);
  border-radius:7px;background:var(--pnl-kart-2);color:var(--pnl-yazi);font-size:.78rem;cursor:pointer;
}
.pnl-mini:hover{border-color:var(--pnl-vurgu);text-decoration:none}
.pnl-mini-kirmizi{color:#ffb4b2;border-color:rgba(217,83,79,.5)}
.pnl-satir-ic{display:inline-block}

.pnl-form{display:block}
.pnl-form label{display:block;margin:.7rem 0 .25rem;font-size:.85rem;color:var(--pnl-soluk)}
.pnl-form input[type=text],.pnl-form input[type=email],.pnl-form input[type=password],.pnl-form input[type=number],
.pnl-form input[type=search],.pnl-form input[type=url],.pnl-form input[type=tel],.pnl-form input[type=time],.pnl-form input[type=date],.pnl-form input[type=file],
.pnl-form select,.pnl-form textarea,.pnl-suzgec input,.pnl-suzgec select,.pnl-giris input{
  width:100%;padding:.6rem .7rem;background:var(--pnl-kart-2);border:1px solid var(--pnl-kenar);
  border-radius:8px;color:var(--pnl-yazi);font-size:16px;font-family:inherit;
}
.pnl-form textarea{resize:vertical}
.pnl-form-sira{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:.7rem}
.pnl-form-sira>*{min-width:0}
.pnl-kutu{display:flex;align-items:center;gap:.5rem;margin:.6rem 0;font-size:.88rem;color:var(--pnl-yazi)}
.pnl-kutu input{width:18px;height:18px;accent-color:var(--pnl-vurgu)}
.pnl-kutu-sira{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:.2rem .9rem;margin:.5rem 0}
.pnl-suzgec{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-bottom:.9rem}
.pnl-suzgec input,.pnl-suzgec select{width:auto;min-width:150px;flex:1 1 150px}
.pnl-satir-form{display:flex;gap:.5rem;align-items:flex-end;flex-wrap:wrap;margin-top:.8rem}
.pnl-satir-form label{margin:0}
.pnl-satir-form select{width:auto;min-width:160px}
.pnl-aksiyon-sira{display:flex;gap:.4rem;flex-wrap:wrap;margin:.9rem 0}
.pnl-etiket{display:inline-block;margin:.1rem .2rem .1rem 0;padding:.15rem .5rem;background:var(--pnl-kart-2);border:1px solid var(--pnl-kenar);border-radius:999px;font-size:.76rem}

.pnl-katman{border:1px solid var(--pnl-kenar);border-radius:var(--pnl-radius);margin-bottom:.8rem;background:var(--pnl-kart-2);display:block}
.pnl-katman>summary{padding:.75rem .9rem;cursor:pointer;font-weight:600;font-size:.92rem;list-style:none;display:flex;gap:.6rem;align-items:center}
.pnl-katman>summary::-webkit-details-marker{display:none}
.pnl-katman>summary::before{content:"▸";color:var(--pnl-vurgu-2)}
.pnl-katman[open]>summary::before{content:"▾"}
.pnl-katman>summary i{margin-left:auto;font-style:normal;color:var(--pnl-soluk);font-size:.78rem;font-weight:400}
.pnl-katman>*:not(summary){padding:0 .9rem}
.pnl-katman>*:last-child{padding-bottom:.9rem}
.pnl-metin-satir{margin-bottom:.7rem}
.pnl-metin-satir label{margin-top:0}

.pnl-renk-izgara{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.7rem}
.pnl-renk-satir{display:flex;gap:.5rem;align-items:center}
.pnl-renk-satir input[type=color]{width:46px;height:44px;padding:2px;border:1px solid var(--pnl-kenar);border-radius:8px;background:var(--pnl-kart-2)}

.pnl-liste{list-style:none;margin:0;padding:0}
.pnl-liste li{display:flex;gap:.6rem;align-items:baseline;padding:.5rem 0;border-bottom:1px solid rgba(42,54,68,.6);font-size:.88rem}
.pnl-liste li i{margin-left:auto;font-style:normal;color:var(--pnl-soluk);font-size:.8rem}

.pnl-cubuklar{display:flex;gap:.35rem;align-items:flex-end;height:150px;padding-top:.5rem;overflow-x:auto}
.pnl-cubuk{flex:1 1 0;min-width:22px;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;height:100%}
.pnl-cubuk i{display:block;width:100%;background:linear-gradient(180deg,var(--pnl-vurgu-2),var(--pnl-vurgu));border-radius:5px 5px 0 0;height:4%}
.pnl-cubuk span{font-size:.68rem;color:var(--pnl-soluk);margin-top:.3rem;white-space:nowrap}
.pnl-cubuklar-saat .pnl-cubuk{min-width:16px}

.pnl-mutfak{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:.9rem}
.pnl-fis{background:var(--pnl-kart);border:1px solid var(--pnl-kenar);border-left:4px solid var(--pnl-vurgu);border-radius:var(--pnl-radius);padding:.85rem}
.pnl-fis-orta{border-left-color:var(--pnl-sari)}
.pnl-fis-acil{border-left-color:var(--pnl-uyari)}
.pnl-fis header{display:flex;gap:.5rem;align-items:baseline;flex-wrap:wrap;margin-bottom:.6rem}
.pnl-fis header span{color:var(--pnl-soluk);font-size:.75rem}
.pnl-fis header i{margin-left:auto;font-style:normal;font-size:.8rem;color:var(--pnl-sari)}
.pnl-fis ul{list-style:none;margin:0;padding:0}
.pnl-fis li{display:flex;gap:.6rem;padding:.35rem 0;border-bottom:1px solid rgba(42,54,68,.5);font-size:.9rem}
.pnl-fis-adet{color:var(--pnl-vurgu-2);font-weight:700}
.pnl-fis footer{display:flex;gap:.4rem;align-items:center;margin-top:.7rem;flex-wrap:wrap}

.pnl-cagri-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
.pnl-cagri{background:var(--pnl-kart-2);border:1px solid var(--pnl-kenar);border-radius:var(--pnl-radius);padding:.8rem}
.pnl-cagri-acil{border-color:var(--pnl-uyari)}
.pnl-cagri b{display:block;font-size:1.05rem}
.pnl-cagri span{display:block;color:var(--pnl-vurgu-2);font-size:.85rem;margin:.15rem 0}
.pnl-cagri i{display:block;color:var(--pnl-soluk);font-size:.78rem;font-style:normal;margin-bottom:.5rem}

.pnl-masa-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:.9rem}
.pnl-masa{display:flex;gap:.8rem;background:var(--pnl-kart-2);border:1px solid var(--pnl-kenar);border-radius:var(--pnl-radius);padding:.8rem}
.pnl-masa-pasif{opacity:.55}
.pnl-masa-qr img{display:block;width:110px;height:110px;background:#fff;border-radius:8px;padding:4px}
.pnl-masa-bilgi{min-width:0;flex:1}
.pnl-masa-bilgi b{display:block;font-size:1.05rem}
.pnl-masa-bilgi span{display:block;color:var(--pnl-soluk);font-size:.8rem}
.pnl-masa-aksiyon{margin-top:.4rem;display:flex;flex-wrap:wrap;gap:.2rem}

.pnl-detay-ust{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.7rem;margin-bottom:1rem}
.pnl-detay-ust span{display:block;color:var(--pnl-soluk);font-size:.75rem}

.pnl-giris-sayfa{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:1.2rem}
.pnl-giris{width:100%;max-width:380px;background:var(--pnl-kart);border:1px solid var(--pnl-kenar);border-radius:14px;padding:1.6rem}
.pnl-giris h1{font-size:1.4rem;margin-bottom:.2rem}
.pnl-giris-alt{color:var(--pnl-soluk);font-size:.88rem;margin:0 0 1rem}
.pnl-giris label{display:block;margin:.8rem 0 .25rem;font-size:.85rem;color:var(--pnl-soluk)}
.pnl-giris .pnl-btn{width:100%;margin-top:1.1rem}
.pnl-giris-demo{margin-top:1rem;padding:.6rem;background:var(--pnl-kart-2);border-radius:8px;font-size:.82rem;color:var(--pnl-soluk);text-align:center}
.pnl-giris-geri{display:block;margin-top:1rem;text-align:center;font-size:.85rem;color:var(--pnl-soluk)}

.pnl-yazdir{margin:0;padding:1rem;background:#fff;color:#111;font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}
.pnl-yazdir-bar{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;padding:.7rem 1rem;margin-bottom:1rem;background:#f2f4f6;border-radius:10px;font-size:.88rem}
.pnl-yazdir-bar a{color:#1b6b47}
.pnl-kart-sayfa{display:grid;gap:12px}
.pnl-kart-sutun-1{grid-template-columns:1fr}
.pnl-kart-sutun-2{grid-template-columns:repeat(2,1fr)}
.pnl-kart-sutun-3{grid-template-columns:repeat(3,1fr)}
.pnl-kart-sutun-4{grid-template-columns:repeat(4,1fr)}
.qr-kart{border:1.5px dashed #b9c0c7;border-radius:12px;padding:16px;text-align:center;break-inside:avoid;page-break-inside:avoid}
.qr-kart-ust{display:block;font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:#7a838c}
.qr-kart h2{font-size:1.15rem;margin:.2rem 0 .6rem;color:#111}
.qr-kart-gorsel svg{width:100%;max-width:190px;height:auto}
.qr-kart-masa{display:block;font-size:1.3rem;margin:.5rem 0 .2rem}
.qr-kart p{margin:0;font-size:.8rem;color:#5d666e}

@media (max-width:900px){
  .pnl-hamburger{display:flex}
  .pnl-govde{grid-template-columns:1fr}
  .pnl-yan{display:none;position:static;max-height:none;border-right:none;border-bottom:1px solid var(--pnl-kenar)}
  .pnl-menu-kutu:checked ~ .pnl-govde .pnl-yan{display:block}
  .pnl-rol{display:none}
}
@media (max-width:560px){
  .pnl-ana{padding:1rem .8rem 2.5rem}
  .pnl-blok{padding:.85rem .8rem}
  .pnl-masa{flex-direction:column}
  .pnl-masa-qr img{width:100%;height:auto;max-width:160px}
  .pnl-kart-sutun-2,.pnl-kart-sutun-3,.pnl-kart-sutun-4{grid-template-columns:1fr}
}
@media print{
  .pnl-yazdir-bar{display:none}
  .qr-kart{border-color:#ccc}
  body.pnl-yazdir{padding:0}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none !important;transition:none !important}
}

.pnl-btn-ikincil{background:transparent;border:1px solid var(--pnl-kenar);color:var(--pnl-yazi)}
.pnl-palet-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.pnl-palet{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--pnl-kenar);border-radius:var(--pnl-radius);background:var(--pnl-kart-2);cursor:pointer}
.pnl-palet:has(input:checked){border-color:var(--pnl-vurgu-2);box-shadow:0 0 0 1px var(--pnl-vurgu-2) inset}
.pnl-palet input{position:absolute;opacity:0;pointer-events:none}
.pnl-palet:focus-within{outline:2px solid var(--pnl-vurgu-2);outline-offset:2px}
.pnl-palet-ad{font-size:.9rem;font-weight:600}
.pnl-palet-serit{display:flex;border-radius:6px;overflow:hidden;border:1px solid var(--pnl-kenar)}
.pnl-renk-kare{display:block;flex:1;height:22px;background:#888}
.pnl-font-onizleme{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:8px;margin-top:12px}
.pnl-font-ornek{display:block;padding:10px 12px;border:1px solid var(--pnl-kenar);border-radius:8px;background:var(--pnl-kart-2);font-size:.95rem}
.pnl-font-ornek b{display:block;font-size:.78rem;color:var(--pnl-soluk);font-family:inherit;font-weight:700}
.pnl-bolum-liste{display:grid;gap:6px}
.pnl-bolum-satir{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 12px;border:1px solid var(--pnl-kenar);border-radius:8px;background:var(--pnl-kart-2)}
.pnl-bolum-sira{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--pnl-soluk)}
.pnl-form .pnl-bolum-sira input{width:80px}
.pnl-bolum-satir .pnl-kutu{margin:0}
.pnl-form .pnl-bolum-sira{margin:0}
.pnl-gorsel-izgara{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:16px}
.pnl-gorsel-kart{display:flex;flex-direction:column;border:1px solid var(--pnl-kenar);border-radius:var(--pnl-radius);background:var(--pnl-kart);overflow:hidden}
.pnl-gorsel-onizleme{position:relative;overflow:hidden;aspect-ratio:16/9;background:var(--pnl-kart-2);display:flex;align-items:center;justify-content:center;color:var(--pnl-soluk);font-size:.85rem}
.pnl-gorsel-onizleme img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.pnl-gorsel-logo{background:repeating-conic-gradient(#e7e9ec 0 25%,#fff 0 50%) 0 0/18px 18px}
.pnl-gorsel-logo img{object-fit:contain;padding:16px}
.pnl-gorsel-govde{padding:12px 14px 14px;display:flex;flex-direction:column;gap:4px}
.pnl-gorsel-govde h2{font-size:1rem;margin:0}
.pnl-gorsel-govde input[type=file],.pnl-gorsel-govde input[type=url],.pnl-gorsel-govde input[type=number]{width:100%}
.pnl-ses{background:transparent;border:1px solid var(--pnl-kenar);color:var(--pnl-soluk);border-radius:999px;padding:4px 12px;font:inherit;font-size:.8rem;cursor:pointer}
.pnl-ses-acik{border-color:var(--pnl-vurgu-2);color:var(--pnl-vurgu-2)}
.pnl-canli-bildirim{position:fixed;right:16px;bottom:16px;z-index:50;max-width:min(360px,calc(100vw - 32px));padding:14px 16px;border-radius:var(--pnl-radius);background:var(--pnl-vurgu);color:#fff;font-weight:600;box-shadow:0 10px 30px rgba(0,0,0,.4);transition:opacity .5s,transform .5s}
.pnl-canli-kapan{opacity:0;transform:translateY(10px)}
.qr-kart-logo{display:block;max-width:70%;max-height:64px;margin:0 auto 8px;object-fit:contain}
@media (max-width:760px){.pnl-ses{display:none}}
.pnl-kod-alan{width:100%;font-family:ui-monospace,Consolas,monospace;font-size:.85rem;padding:.6rem .7rem;border:1px solid var(--pnl-kenar);border-radius:var(--pnl-radius);background:var(--pnl-kart-2);color:inherit;word-break:break-all;resize:none;margin:.4rem 0 .7rem}
.pnl-blok ul{margin:.3rem 0 .6rem 1.1rem}
.pnl-blok li{margin:.2rem 0}