:root{--primary:#2ECC71;--dark:#1f2937;--muted:#6b7280;--bg:#f7f8fa;--card:#ffffff;--border:#e5e7eb;--shadow: 0 10px 24px rgba(0,0,0,.08);--radius:16px}button,a{touch-action:manipulation}.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;width:100%;border-radius:14px}.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}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Noto Sans,Arial,sans-serif;background:var(--bg);color:var(--dark);-webkit-text-size-adjust:100%}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input{min-height:44px}.container{width:100%;max-width:1100px;margin:0 auto;padding:16px}.section{margin-top:14px}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.btn{background:var(--primary);color:#fff;border:none;border-radius:12px;padding:12px 14px;font-weight:800;cursor:pointer;width:100%}.btn:disabled{opacity:.6;cursor:not-allowed}.input,.textarea{width:100%;border:1px solid var(--border);border-radius:12px;padding:12px;outline:none;background:#fff}.textarea{min-height:90px;resize:vertical}.grid{display:grid;gap:14px}@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{overflow:hidden;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;z-index:50;background:#fff;border-bottom:1px solid var(--border)}.navbar-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap}@media(max-width:420px){.nav-links{width:100%;justify-content:space-around;margin-top:8px}}.nav-links{display:flex;gap:14px;font-weight:800;font-size:14px}@media(min-width:768px){.container{padding:22px 28px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.nav-links{gap:22px;font-size:15px}}@media(min-width:1024px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:389px){.container{padding:12px}h1{font-size:20px}h2{font-size:18px}p{font-size:14px}.nav-links{gap:10px;font-size:13px}.menu-img{height:150px}}@media(min-width:390px)and (max-width:429px){.container{padding:14px}h1{font-size:22px}h2{font-size:19px}p{font-size:14.5px}.menu-img{height:160px}}@media(min-width:430px)and (max-width:599px){.container{padding:16px}h1{font-size:24px}h2{font-size:20px}.menu-img{height:170px}}@media(min-width:600px){.container{padding:22px 28px}}.container{padding:20px}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.tab{padding:10px 14px;border-radius:999px;border:1px solid #ddd;background:#fff;font-weight:600}.tab.active{border-color:#2ecc71;background:#eafff2}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{background:#fff;border-radius:18px;box-shadow:0 10px 25px #00000014;overflow:hidden}.card-img{width:100%;height:160px;object-fit:cover}.card-body{padding:14px}.row{display:flex;justify-content:space-between}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.chip{font-size:12px;padding:5px 10px;border-radius:999px;background:#f3fffa;border:1px solid #d9f5e3;font-weight:600}.btn{margin-top:12px;width:100%;padding:12px;border-radius:10px;border:none;background:#2ecc71;color:#fff;font-weight:800}.btn.disabled{background:#ccc}.input{width:100%;padding:12px;border:1px solid #ddd;border-radius:12px}.miniBtn{padding:10px 12px;border:1px solid #ddd;border-radius:12px;background:#fff;font-weight:800}.dangerBtn{border-color:#ffb6b6}.chip{padding:6px 10px;border-radius:999px;border:1px solid #d9f5e3;background:#f3fffa;font-weight:700;font-size:12px}.chip.danger{background:#ffecec;border-color:#ffb6b6}