*{box-sizing:border-box}
body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:#0f0e0c;color:#f3ecdf}
a{color:inherit;text-decoration:none}
.nav{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;background:#1a1714;position:sticky;top:0;z-index:10}
.brand{font-weight:700;font-size:1.3rem;color:#f4a261}
.links a{margin-left:18px;opacity:.85}
.links a:hover{opacity:1;color:#f4a261}
.container{max-width:1100px;margin:32px auto;padding:0 24px}
.foot{padding:24px;background:#1a1714;display:flex;justify-content:space-between;align-items:center;margin-top:48px;flex-wrap:wrap;gap:12px}
.gate input{padding:6px 10px;border-radius:6px;border:1px solid #333;background:#0f0e0c;color:#fff}
.gate button{padding:6px 12px;border-radius:6px;background:#f4a261;border:none;color:#1a1714;font-weight:600;cursor:pointer;margin-left:6px}
.btn{display:inline-block;padding:10px 18px;border-radius:8px;background:#f4a261;color:#1a1714;font-weight:600;border:none;cursor:pointer}
.btn.outline{background:transparent;border:1px solid #f4a261;color:#f4a261}
.btn.sm{padding:6px 12px;font-size:.85rem}
.btn.danger{background:#e76f51;color:#fff}
.btn.green{background:#2a9d8f;color:#fff}
.btn.blue{background:#3a86ff;color:#fff}
.btn.ghost{background:transparent;color:#f3ecdf;border:1px solid #333}
.grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.card{background:#1a1714;border-radius:14px;padding:18px;border:1px solid #2a2520}
.card h3{margin:0 0 6px;color:#f4a261}
.price{font-weight:700;color:#fff}
.alert{padding:10px 14px;border-radius:8px;margin-bottom:18px}
.alert.ok{background:rgba(42,157,143,.15);color:#7ed3c7}
.alert.err{background:rgba(231,111,81,.15);color:#f5a394}
table{width:100%;border-collapse:collapse;background:#1a1714;border-radius:10px;overflow:hidden}
th,td{padding:10px 14px;text-align:left;border-bottom:1px solid #2a2520}
th{background:#22201d;color:#f4a261}
form.inline{display:inline}
input[type=text],input[type=email],input[type=password],input[type=number],textarea,select{
  width:100%;padding:10px;border-radius:8px;border:1px solid #2a2520;background:#0f0e0c;color:#fff;margin-bottom:10px;font-family:inherit}
label{display:block;margin-bottom:14px}
.label{font-size:.85rem;opacity:.7;margin-bottom:4px}
.row{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.badge{padding:3px 10px;border-radius:999px;font-size:.75rem;border:1px solid #444}
.badge.pending{color:#f4a261;border-color:#f4a261}
.badge.preparing{color:#3a86ff;border-color:#3a86ff}
.badge.ready{color:#2a9d8f;border-color:#2a9d8f}
.badge.completed{color:#888;border-color:#444}
.badge.cancelled{color:#e76f51;border-color:#e76f51}
.stat{padding:14px;background:#1a1714;border-radius:12px;border:1px solid #2a2520}
.stat .v{font-size:1.6rem;font-weight:700;color:#f4a261}
.stat .l{font-size:.75rem;opacity:.7;text-transform:uppercase;letter-spacing:.1em}
.tabs{display:flex;gap:8px;margin:18px 0;flex-wrap:wrap}
.tabs a{padding:8px 16px;background:#22201d;border-radius:999px;font-size:.9rem}
.tabs a.active{background:#f4a261;color:#1a1714;font-weight:600}