:root{--hb-primary:#2ECC71;--hb-dark:#1f2937;--hb-muted:#6b7280;--hb-bg:#f7f8fa;--hb-card:#ffffff;--hb-border:#e5e7eb;--hb-shadow:0 10px 24px rgba(0,0,0,.08);--hb-radius:16px}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial;background:var(--hb-bg);color:var(--hb-dark)}img{max-width:100%;display:block}.container{width:100%;max-width:1100px;margin:auto;padding:18px}.section{margin-top:16px}.card{background:var(--hb-card);border:1px solid var(--hb-border);border-radius:var(--hb-radius);box-shadow:var(--hb-shadow);overflow:hidden}.btn{width:100%;padding:12px;border:none;border-radius:12px;background:var(--hb-primary);color:#fff;font-weight:700;cursor:pointer}.btn:disabled{opacity:.6;cursor:not-allowed}.input{width:100%;padding:12px;border:1px solid var(--hb-border);border-radius:12px;outline:none}.textarea{min-height:90px;resize:vertical}.grid{display:grid;gap:16px}@media(max-width:599px){.grid{grid-template-columns:1fr}}@media(min-width:600px){.grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,1fr)}}.menu-card{border-radius:18px}.menu-img{width:100%;height:170px;object-fit:cover}.menu-body{padding:14px}.badges{display:flex;gap:8px;flex-wrap:wrap;margin-top:8px}.badge{padding:6px 10px;border-radius:999px;border:1px solid #d9f5e3;background:#f3fffa;font-size:12px;font-weight:700}.navbar{position:sticky;top:0;background:#fff;border-bottom:1px solid var(--hb-border);z-index:50}.navbar-inner{display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;gap:16px;font-weight:700;font-size:14px}.skeleton{background:linear-gradient(90deg,#eee 25%,#f5f5f5 37%,#eee 63%);background-size:400% 100%;animation:skeleton-loading 1.4s ease infinite;border-radius:12px}@keyframes skeleton-loading{0%{background-position:100% 0}to{background-position:-100% 0}}.skeleton-img{height:160px}.skeleton-text{height:14px;margin-top:8px}.skeleton-text.short{width:60%}.skeleton-text.long{width:90%}.skeleton-btn{height:38px;margin-top:12px;border-radius:999px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{font-size:12px;padding:6px 10px;border-radius:999px;background:#f3fffa;border:1px solid #d9f5e3;font-weight:600}.chip.danger{background:#ffecec;border-color:#ffb6b6}@media(max-width:389px){h1{font-size:20px}h2{font-size:18px}}@media(min-width:390px)and (max-width:599px){h1{font-size:22px}h2{font-size:19px}}@media(min-width:600px){h1{font-size:24px}}:root{--hb-primary: #2ecc71;--hb-dark: #111;--hb-bg: #f7f7f7;--hb-border: #eee;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5}*{box-sizing:border-box}html,body{height:100%}body{margin:0;min-width:320px;background:var(--hb-bg);color:var(--hb-dark)}#root{max-width:none;margin:0;padding:0;text-align:left}a{color:inherit;text-decoration:none}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%);background:#111;color:#fff;padding:12px 18px;border-radius:999px;font-weight:700;font-size:14px;box-shadow:0 10px 30px #00000040;z-index:9999;animation:toastIn .25s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(10px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.skeleton-img,.skeleton-line,.skeleton-btn{background:#eee;position:relative;overflow:hidden}.skeleton-img{height:160px;border-radius:14px 14px 0 0}.skeleton-line{height:12px;border-radius:10px;margin:10px 0}.skeleton-btn{height:42px;border-radius:12px;margin-top:14px}.skeleton-img:after,.skeleton-line:after,.skeleton-btn:after{content:"";position:absolute;top:0;left:-60%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7),transparent);animation:shimmer 1.1s infinite}@keyframes shimmer{0%{left:-60%}to{left:120%}}.w40{width:40%}.w70{width:70%}.w90{width:90%}.card{background:#fff;border:1px solid var(--hb-border);border-radius:14px;overflow:hidden;box-shadow:0 8px 20px #0000000f}.card-img{width:100%;height:170px;object-fit:cover}.card-body{padding:14px}.input,.textarea,select{width:100%;padding:12px;border-radius:12px;border:1px solid #ddd;outline:none}.hbStepper{margin-top:14px;display:inline-flex;align-items:center;justify-content:space-between;gap:10px;height:36px;min-width:92px;padding:4px 8px;border-radius:12px;background:var(--hb-primary);color:#fff}.hbStepBtn{all:unset;cursor:pointer;width:28px;height:28px;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:900;color:#fff}.hbStepBtn:active{transform:scale(.92)}.hbStepCount{min-width:18px;text-align:center;font-weight:900;font-size:14px}