:root{--bg: #f4f9f1;--ink: #1f3d2e;--ink-soft: #4b6358;--card: rgba(255, 255, 255, .84);--line: #d7e6d8;--accent: #e07a2f;--accent-dark: #ba5d16;--ok: #2e7d32;--danger: #b42318}*{box-sizing:border-box}body{margin:0;font-family:Outfit,sans-serif;color:var(--ink);background:radial-gradient(circle at 10% 0%,#ffe8bf 0%,transparent 38%),radial-gradient(circle at 90% 100%,#d8f6d8 0%,transparent 42%),var(--bg);min-height:100vh}h1,h2,h3{font-family:"DM Serif Display",serif;margin:0}.app-shell{max-width:1120px;margin:0 auto;padding:20px;min-height:100vh;display:flex;flex-direction:column}.page-wrap{margin-top:24px;flex:1}.topbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:16px 20px;border:1px solid var(--line);border-radius:20px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.brand-wrap h1{font-size:clamp(1.4rem,2vw,2rem)}.brand-badge{display:inline-block;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);margin-bottom:6px}nav{display:flex;align-items:center;gap:10px}.main-nav,.topbar-actions{display:flex;align-items:center;gap:8px}.menu-btn{display:none;border:1px solid var(--line);background:#f1f7ef;color:var(--ink);width:42px;height:42px;padding:8px;flex-direction:column;gap:4px}.menu-line{width:100%;height:2px;background:var(--ink);border-radius:999px;display:block}.desktop-only{display:inline-flex}.tab-row{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0 16px}.tab-link{text-decoration:none;color:var(--ink);background:#f1f7ef;border:1px solid var(--line);border-radius:999px;padding:8px 14px;font-weight:600}.tab-link.active{background:linear-gradient(120deg,var(--accent),#f29d38);color:#fff;border-color:transparent}.user-pill{background:#f1f7ef;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:.88rem}.primary-btn,.secondary-btn,button,a.secondary-btn,a.primary-btn{border:0;border-radius:12px;padding:10px 14px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:600}.primary-btn{background:linear-gradient(120deg,var(--accent),#f29d38);color:#fff}.primary-btn:hover{background:linear-gradient(120deg,var(--accent-dark),#da7b2f)}.secondary-btn{color:var(--ink);background:#f1f7ef;border:1px solid var(--line)}.danger-btn{background:#fde7e7;color:var(--danger);border:1px solid #f5b0ae}.auth-card,.card,.hero-card{border:1px solid var(--line);border-radius:20px;background:var(--card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.auth-card{max-width:520px;margin:0 auto;padding:24px}.hero-card{padding:22px;margin-bottom:16px}.form-grid{display:grid;gap:10px;margin-top:14px}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:inherit;background:#ffffffd6}textarea{resize:vertical;min-height:72px}.role-row{display:flex;gap:16px}.grid-two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{padding:18px}.veg-card-grid{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.veg-card{border:1px solid var(--line);background:#fff;border-radius:14px;padding:12px}.list{list-style:none;padding:0;margin:12px 0 0;display:grid;gap:8px}.list li{display:grid;grid-template-columns:1.4fr 1fr 1fr .8fr;gap:8px;align-items:center;border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px}.list.compact li{grid-template-columns:1fr auto auto auto}.muted{color:var(--ink-soft)}.small{font-size:.84rem;margin:2px 0 0}.veg-thumb{width:72px;height:72px;object-fit:cover;border-radius:10px;border:1px solid var(--line);margin-top:8px;display:block}.veg-thumb.large{width:100%;height:160px;margin-top:0;margin-bottom:10px}.veg-thumb.tiny{width:36px;height:36px;margin-top:0}.order-item-list{display:grid;gap:4px}.order-item-row{display:flex;align-items:center;gap:8px}.sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000059;z-index:40}.mobile-sidebar{position:fixed;top:0;right:0;height:100vh;width:min(320px,85vw);background:#fff;border-left:1px solid var(--line);z-index:41;padding:18px;display:grid;align-content:start;gap:12px}.sidebar-links{display:grid;gap:8px}.table-wrap{overflow-x:auto;margin-top:12px}.admin-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left;vertical-align:top;font-size:.9rem}.admin-table th{background:#f7fbf3;font-weight:700}.admin-table tr:last-child td{border-bottom:none}.action-cell{display:flex;gap:8px;min-width:170px}.preview-card{margin-top:12px;margin-bottom:12px}.buy-image{max-width:320px}.site-footer{margin-top:18px;border:1px solid var(--line);border-radius:16px;padding:12px 16px;background:var(--card);color:var(--ink-soft);text-align:center}.footer-brand-link{text-decoration:none;color:var(--ink);font-weight:700}.price-text{font-size:1.2rem;font-weight:700;color:var(--ok)}.error-text{color:var(--danger);margin:0}.space-top{margin-top:18px}.reveal{animation:rise .42s ease}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 860px){.main-nav{display:none}.menu-btn{display:inline-flex}.desktop-only{display:none}.veg-card-grid,.grid-two,.list li{grid-template-columns:1fr}}