@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&display=swap');
:root{
  --bg:#0f172a; --panel:#0b1220; --card:#0f1b31; --border:#22314f;
  --text:#e5e7eb; --muted:#94a3b8; --brand:#f59e0b;
  --ok:#22c55e; --warn:#f59e0b;
  --brown1:#B38A58; --brown2:#C08B5A; --brown3:#C59265; --brown4:#D3A174; --brown5:#E0B489; --brown6:#E6C9A6;
}
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;font-family:'Inter',system-ui,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,#0b1220,#0f172a);color:var(--text)}
.container{max-width:1200px;margin:0 auto;padding:20px}

/* Üst bar */
.header{position:sticky;top:0;z-index:20;background:rgba(11,18,32,.7);backdrop-filter:blur(8px);border-bottom:1px solid var(--border)}
.nav{display:flex;align-items:center;justify-content:space-between;padding:12px 20px}
.nav .brand{display:flex;gap:12px;align-items:center}
.logo{width:40px;height:40px;border-radius:10px;background:var(--brand);color:#111;display:flex;align-items:center;justify-content:center;font-weight:800}
.hgroup h1{margin:0;font-size:18px}
.hgroup p{margin:0;color:var(--muted);font-size:12px}
.btn{background:var(--brand);color:#111;border:none;padding:8px 12px;border-radius:10px;font-weight:700;cursor:pointer}
.btn.alt{background:transparent;color:var(--text);border:1px solid var(--border)}

.hero{border:1px solid var(--border);border-radius:16px;overflow:hidden;background:#0a1222}
.hero img{width:100%;height:340px;object-fit:cover;opacity:.9}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:16px 0}
.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:14px}
.k{color:var(--muted);font-size:12px}
.v{font-size:28px;font-weight:800}
.section-title{display:flex;align-items:center;justify-content:space-between;margin:18px 0 8px}
.section-title h2{margin:0;font-size:18px}

.tiers{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.tier{background:var(--card);border:1px solid var(--border);border-radius:16px;overflow:hidden}
.tier .head{padding:12px 14px;color:#0b1220;font-weight:800;background:linear-gradient(90deg,var(--brown1),var(--brown6))}
.tier .body{padding:12px}
.progress{height:10px;background:#17223a;border-radius:999px;overflow:hidden;margin-bottom:10px}
.progress>div{height:100%;width:0;background:var(--brand)}
.cells{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}
.cell{border:1px solid var(--border);background:#0a172c;border-radius:8px;min-height:40px;display:flex;align-items:center;justify-content:center;color:#cbd5e1;font-weight:700}
.cell.reserved{background:rgba(245,158,11,.15);border-color:#a16207}
.cell.paid{background:rgba(34,197,94,.15);border-color:#15803d;color:#86efac}

/* Sekmeler */
.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:6px 0 12px}
.tab{padding:8px 12px;border-radius:999px;border:1px solid var(--border);cursor:pointer;background:#0b1324;color:#e2e8f0}
.tab.active{background:var(--brand);color:#111;border-color:transparent}

/* Bağış bloğu */
.donate{display:grid;grid-template-columns:2fr 1fr;gap:16px}
.iban{font-size:20px;font-weight:800}
.qr img{width:100%;max-width:220px;border-radius:12px;border:1px solid var(--border)}
.footer{margin:20px 0;text-align:center;color:var(--muted)}

/* TV sığdır */
.fit .container{transform:scale(var(--scale));transform-origin:top left}

/* --- ADMIN GENİŞ EKRAN --- */
body.admin .container{max-width:100%;padding:16px 24px}
.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.admin-nav{display:flex;gap:8px;flex-wrap:wrap}
.admin-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:1400px){ .admin-grid{grid-template-columns:repeat(2,1fr);} }
@media (max-width:900px){ .admin-grid{grid-template-columns:1fr;} }
.form-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;align-items:center}
@media (max-width:1100px){ .form-row{grid-template-columns:repeat(3,1fr);} }
@media (max-width:700px){ .form-row{grid-template-columns:1fr;} }