:root{--gold:#d4af37;--gold2:#f1d97a;--bg:#070a12;--panel:#0e1424;--text:#fff}
*{box-sizing:border-box} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,Segoe UI,Roboto,Arial}
a{color:var(--gold)} .container{max-width:1100px;margin:0 auto;padding:0 16px}
nav a{color:#fff;text-decoration:none;margin:0 10px;opacity:.9} nav a:hover{opacity:1}
.headerbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:14px 0}
.headerbar img{height:44px}
.btn{background:var(--gold);border:none;color:#000;font-weight:700;padding:10px 18px;border-radius:999px;cursor:pointer;text-decoration:none;display:inline-block}
.btn-outline{background:transparent;border:1px solid var(--gold);color:var(--gold)}
.input{width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#0b1326;color:#fff;margin:6px 0 12px}
.card{background:var(--panel);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:18px}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}
.section{padding:32px 0}
.hero{background:linear-gradient(180deg,#0a0f1f,rgba(10,15,31,.6)),url('/assets/hero.jpg') center/cover no-repeat;padding:30px 0 60px}
.badge{background:rgba(212,175,55,.15);border:1px solid rgba(212,175,55,.4);color:#ffd66b;padding:4px 10px;border-radius:999px;font-size:12px}
.review{background:#0b1222;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:14px}
.stars{color:#ffd66b}
footer{padding:24px 0;border-top:1px solid rgba(255,255,255,.08)}
.table{width:100%;border-collapse:collapse}
.table td,.table th{border-bottom:1px solid rgba(255,255,255,.1);padding:10px 8px;text-align:left}
.alert{padding:10px 12px;border-radius:10px;margin:10px 0}
.alert-success{background:#0f2b1a;border:1px solid #1b6b3e;color:#a5f0c8}
.alert-error{background:#2b0f0f;border:1px solid #6b1b1b;color:#f0a5a5}
.admin-nav{background:#222;padding:10px}
.admin-nav a{color:#fff;margin-right:12px}