:root{--bg:#0d0e0e;--surface:#131413;--card:#1b1c1c;--card2:#1f2020;--line:#514533;--text:#e4e2e1;--muted:#d6c4ac;--muted2:#9e8e79;--gold:#ffca74;--gold2:#f2a900;--orange:#ff5625;--green:#39d98a;--red:#ff7b72;--radius:14px;--shadow:0 16px 50px rgba(0,0,0,.35)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:1280px;margin:0 auto;padding:0 24px}.topbar{position:sticky;top:0;z-index:99;background:rgba(19,20,19,.86);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav-wrap{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-family:'Playfair Display',serif;font-size:30px;font-weight:700;color:var(--gold)}.main-nav{display:flex;gap:32px;color:var(--muted)}.main-nav a:hover{color:var(--gold)}.cart-link{border:1px solid var(--line);padding:9px 14px;border-radius:999px;color:var(--gold)}.cart-link span{display:inline-grid;place-items:center;min-width:22px;height:22px;margin-left:6px;border-radius:999px;background:var(--orange);color:#fff;font-size:12px}.hero{min-height:600px;display:flex;align-items:center;background:radial-gradient(circle at 70% 30%,rgba(242,169,0,.18),transparent 36%),linear-gradient(90deg,#0d0e0e,rgba(13,14,14,.7)),url('../hinh/hero.svg') center/cover no-repeat}.hero h1,.page-title h1{font-family:'Playfair Display',serif;font-size:clamp(42px,7vw,72px);line-height:1.05;margin:0 0 20px}.hero h1 span,.text-gold{color:var(--gold)}.hero p,.page-title p{max-width:650px;color:var(--muted);font-size:18px}.section{padding:64px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section-head h2{font-family:'Playfair Display',serif;font-size:36px;margin:0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:12px;padding:12px 18px;cursor:pointer;font-weight:700;transition:.2s;background:var(--gold2);color:#211300}.btn:hover{filter:brightness(1.08);transform:translateY(-1px)}.btn-outline{background:transparent;color:var(--gold);border:1px solid var(--gold)}.btn-red{background:#381d1d;color:#ffb4ab;border:1px solid #6b2b2b}.btn-small{padding:8px 12px;font-size:13px;border-radius:10px}.grid{display:grid;gap:24px}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(180deg,#1b1c1c,#111);border:1px solid #333;border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card-pad{padding:24px}.food-card{transition:.25s}.food-card:hover{transform:translateY(-4px);border-color:var(--line);box-shadow:0 0 24px rgba(242,169,0,.13)}.food-card .img{height:230px;background:#151515;overflow:hidden}.food-card .img img{width:100%;height:100%;object-fit:cover;transition:.5s}.food-card:hover img{transform:scale(1.05)}.food-card h3{font-family:'Playfair Display',serif;font-size:23px;margin:0}.price{color:var(--gold);font-weight:800;font-size:18px;white-space:nowrap}.muted{color:var(--muted2)}.filters{display:grid;grid-template-columns:280px 1fr;gap:28px}.sidebar{position:sticky;top:96px;height:max-content}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.form-row{margin-bottom:16px}label{display:block;color:var(--muted);font-weight:700;font-size:13px;margin-bottom:7px}input,select,textarea{width:100%;background:#111;border:1px solid #333;color:var(--text);border-radius:10px;padding:12px 13px;outline:none;font:inherit}input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(255,202,116,.1)}textarea{min-height:110px}.chips{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:24px}.chip{border:1px solid #333;background:#1d1d1d;color:var(--muted);padding:10px 16px;border-radius:999px}.chip.active,.chip:hover{background:var(--gold);color:#211300}.cart-table{width:100%;border-collapse:collapse}.cart-table th,.cart-table td{padding:16px;border-bottom:1px solid #333;text-align:left}.qty{display:flex;align-items:center;gap:8px}.qty input{width:70px;text-align:center}.summary{position:sticky;top:96px}.summary-row{display:flex;justify-content:space-between;border-bottom:1px dashed #444;padding:10px 0}.summary-total{font-size:28px;color:var(--gold);font-weight:800}.alert{max-width:1280px;margin:14px auto;padding:14px 18px;border-radius:12px}.alert-success{background:#143321;color:#9df2bd;border:1px solid #265c3d}.alert-error{background:#3a1515;color:#ffc1bd;border:1px solid #713030}.alert-info{background:#222018;color:#ffe2a7;border:1px solid #514533}.badge{display:inline-flex;align-items:center;border-radius:999px;padding:5px 10px;font-size:12px;font-weight:800;background:#292a2a;color:var(--muted)}.badge.green{background:#10351f;color:#7df0a7}.badge.gold{background:#382b12;color:var(--gold)}.badge.red{background:#3b1818;color:#ff9e9e}.table-wrap{overflow:auto;border:1px solid #333;border-radius:var(--radius);background:#151515}.data-table{width:100%;border-collapse:collapse;min-width:850px}.data-table th{background:#221f19;color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.data-table th,.data-table td{padding:14px 16px;border-bottom:1px solid #333;text-align:left}.data-table tr:hover td{background:rgba(242,169,0,.04)}.footer{border-top:1px solid var(--line);background:#0d0e0e;padding:48px 0;margin-top:80px}.footer-grid{display:grid;grid-template-columns:2fr 1.3fr 1.3fr 1.5fr;gap:32px}.footer h3{font-family:'Playfair Display',serif;color:var(--gold);font-size:28px}.footer h4{color:var(--gold);text-transform:uppercase;letter-spacing:.06em}.invoice{background:white;color:#111;max-width:860px;margin:30px auto;padding:40px;font-family:Arial,sans-serif}.invoice h1{font-size:28px;margin:0}.invoice table{width:100%;border-collapse:collapse;margin-top:20px}.invoice th,.invoice td{border:1px solid #ddd;padding:10px;text-align:left}.invoice .right{text-align:right}.invoice-actions{text-align:center;margin:20px}.empty{padding:40px;text-align:center;border:1px dashed #555;border-radius:var(--radius);color:var(--muted)}@media(max-width:900px){.main-nav{display:none}.filters{grid-template-columns:1fr}.grid-3,.grid-4{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.section-head{display:block}.container{padding:0 16px}.summary,.sidebar{position:static}.hero{min-height:500px}.cart-table thead{display:none}.cart-table,.cart-table tbody,.cart-table tr,.cart-table td{display:block;width:100%}.cart-table tr{border:1px solid #333;border-radius:12px;margin-bottom:12px;padding:10px}.cart-table td{border:0;padding:8px}}@media print{.topbar,.footer,.invoice-actions{display:none}.invoice{margin:0;max-width:none;box-shadow:none}}