:root{--sb-bg: #f4f6f8;--sb-bg-tint: #eef2f1;--sb-surface: #ffffff;--sb-surface-muted: #f8fafb;--sb-primary: #15663f;--sb-primary-dark: #0f4a2e;--sb-primary-soft: #e7f1ec;--sb-accent: #c2843a;--sb-text: #16202b;--sb-text-muted: #5d6b79;--sb-text-faint: #8a96a3;--sb-border: #e4e9ee;--sb-border-strong: #d3dae1;--sb-danger: #b3261e;--sb-danger-soft: #fbe9e7;--sb-warning: #9a6b00;--sb-success: #15663f;--sb-radius: 18px;--sb-radius-sm: 12px;--sb-radius-pill: 999px;--sb-gap: 18px;--sb-touch-min: 44px;--sb-maxw: 1120px;--sb-shadow-sm: 0 1px 2px rgba(16, 32, 43, .06);--sb-shadow: 0 6px 20px -8px rgba(16, 32, 43, .18), 0 1px 2px rgba(16, 32, 43, .05);--sb-shadow-lg: 0 20px 48px -16px rgba(16, 32, 43, .28);--sb-font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--sb-font-display: "Fraunces", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:var(--sb-font);background:var(--sb-bg);color:var(--sb-text);line-height:1.55;letter-spacing:.1px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1,h2,h3{letter-spacing:-.01em}a{color:var(--sb-primary)}::selection{background:var(--sb-primary-soft)}.sb-app{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(1200px 480px at 100% -10%,var(--sb-bg-tint),transparent 60%),var(--sb-bg)}.sb-main{width:100%;max-width:var(--sb-maxw);margin:0 auto;padding:var(--sb-gap)}.sb-appbar{position:sticky;top:0;z-index:20;background:#ffffffdb;-webkit-backdrop-filter:saturate(180%) blur(10px);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--sb-border);box-shadow:var(--sb-shadow-sm)}.sb-appbar__inner{width:100%;max-width:var(--sb-maxw);margin:0 auto;padding:12px var(--sb-gap);display:flex;align-items:center;gap:10px}.sb-brand{display:inline-flex;align-items:center;gap:10px;font-weight:800;font-size:1.15rem;color:var(--sb-text);letter-spacing:-.02em}.sb-brand__mark{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(150deg,var(--sb-primary),var(--sb-primary-dark));color:#fff;font-size:1.05rem;box-shadow:var(--sb-shadow-sm)}.sb-brand__sub{font-family:var(--sb-font);font-weight:500;font-size:.78rem;color:var(--sb-text-faint);letter-spacing:.02em}.sb-hero{width:100%;max-width:var(--sb-maxw);margin:0 auto;padding:56px var(--sb-gap) 24px}.sb-hero__card{position:relative;overflow:hidden;background:radial-gradient(900px 300px at 110% -40%,rgba(21,102,63,.12),transparent 60%),var(--sb-surface);border:1px solid var(--sb-border);border-radius:24px;padding:40px;box-shadow:var(--sb-shadow)}.sb-hero__eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.72rem;font-weight:700;color:var(--sb-primary);margin:0 0 12px}.sb-hero__title{font-family:var(--sb-font-display);font-weight:600;font-size:clamp(1.8rem,4vw,2.7rem);line-height:1.1;margin:0 0 12px;color:var(--sb-text)}.sb-hero__lead{font-size:1.05rem;color:var(--sb-text-muted);max-width:56ch;margin:0 0 24px}.sb-card{background:var(--sb-surface);border:1px solid var(--sb-border);border-radius:var(--sb-radius);padding:22px;margin-bottom:var(--sb-gap);box-shadow:var(--sb-shadow-sm)}.sb-card__title{margin:0 0 14px;font-size:1.08rem;font-weight:700;letter-spacing:-.01em;display:flex;align-items:center;gap:8px}.sb-card__title:before{content:"";width:4px;height:1.05em;border-radius:2px;background:linear-gradient(var(--sb-primary),var(--sb-primary-dark))}.sb-grid{display:grid;grid-template-columns:1fr;gap:var(--sb-gap)}.sb-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sb-stat{background:linear-gradient(180deg,var(--sb-surface),var(--sb-surface-muted));border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:16px;text-align:left}.sb-stat__value{font-size:1.7rem;font-weight:800;letter-spacing:-.02em;color:var(--sb-primary);font-variant-numeric:tabular-nums}.sb-stat__label{font-size:.78rem;font-weight:500;color:var(--sb-text-muted);text-transform:uppercase;letter-spacing:.06em}.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--sb-touch-min);min-width:var(--sb-touch-min);padding:11px 20px;border:1px solid transparent;border-radius:var(--sb-radius-sm);background:linear-gradient(180deg,var(--sb-primary),var(--sb-primary-dark));color:#fff;font-family:inherit;font-size:.98rem;font-weight:600;cursor:pointer;text-decoration:none;box-shadow:var(--sb-shadow-sm);transition:transform .06s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease,color .2s ease}.sb-btn:hover{box-shadow:var(--sb-shadow);transform:translateY(-1px)}.sb-btn:active{transform:translateY(0)}.sb-btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--sb-primary-soft),var(--sb-shadow-sm)}.sb-btn--secondary{background:var(--sb-surface);color:var(--sb-primary);border:1px solid var(--sb-border-strong)}.sb-btn--secondary:hover{border-color:var(--sb-primary);background:var(--sb-surface)}.sb-btn--ghost{background:transparent;color:var(--sb-text-muted);border-color:transparent;box-shadow:none}.sb-btn--ghost:hover{background:var(--sb-surface-muted);box-shadow:none}.sb-btn--danger{background:linear-gradient(180deg,#c0352d,var(--sb-danger))}.sb-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.sb-field{margin-bottom:var(--sb-gap);display:flex;flex-direction:column;gap:6px}.sb-field label{font-weight:600;font-size:.88rem;color:var(--sb-text)}.sb-input,.sb-select,.sb-textarea{min-height:var(--sb-touch-min);padding:11px 13px;border:1px solid var(--sb-border-strong);border-radius:var(--sb-radius-sm);font-size:1rem;font-family:inherit;color:var(--sb-text);background:var(--sb-surface);width:100%;transition:border-color .15s ease,box-shadow .15s ease}.sb-input:focus,.sb-select:focus,.sb-textarea:focus{outline:none;border-color:var(--sb-primary);box-shadow:0 0 0 3px var(--sb-primary-soft)}.sb-textarea{min-height:96px;resize:vertical}.sb-field__error{color:var(--sb-danger);font-size:.82rem;font-weight:500}.sb-skeleton{border-radius:var(--sb-radius-sm);background:linear-gradient(90deg,#e9eef2 25%,#f5f8fa 37%,#e9eef2 63%);background-size:400% 100%;animation:sb-shimmer 1.2s ease-in-out infinite;min-height:16px;margin-bottom:10px}@keyframes sb-shimmer{0%{background-position:100% 50%}to{background-position:0 50%}}.sb-empty,.sb-error{text-align:center;padding:28px 16px;color:var(--sb-text-muted)}.sb-error{color:var(--sb-danger);background:var(--sb-danger-soft);border-radius:var(--sb-radius-sm)}.sb-banner{width:100%;text-align:center;padding:10px;font-weight:600;font-size:.92rem;color:#fff}.sb-banner--offline{background:var(--sb-danger)}.sb-banner--online{background:linear-gradient(90deg,var(--sb-primary),var(--sb-primary-dark))}.sb-badge{display:inline-flex;align-items:center;padding:5px 12px;margin:3px 3px 3px 0;border-radius:var(--sb-radius-pill);background:var(--sb-primary-soft);color:var(--sb-primary-dark);font-size:.8rem;font-weight:600}.sb-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--sb-radius-pill);font-size:.72rem;font-weight:600;letter-spacing:.02em;background:var(--sb-bg-tint);color:var(--sb-text-muted);border:1px solid var(--sb-border)}.sb-pill[data-cat=Vegetarian]{background:#e8f4ea;color:#1f7a43;border-color:#cfe8d6}.sb-pill[data-cat=Eggetarian]{background:#fbf2e1;color:#8a5a12;border-color:#f0e2c4}.sb-pill[data-cat=Non-Vegetarian]{background:#fdeceb;color:#a83232;border-color:#f6d6d3}.sb-pill[data-status=Available]{background:#e8f4ea;color:#1f7a43;border-color:#cfe8d6}.sb-pill[data-status=Reserved]{background:#eaf1fb;color:#2c5aa0;border-color:#d4e2f6}.sb-pill[data-status=Completed]{background:var(--sb-primary-soft);color:var(--sb-primary-dark);border-color:#cfe3d8}.sb-pill[data-status=Expired],.sb-pill[data-status=Cancelled]{background:#f1f3f5;color:#6b7682;border-color:var(--sb-border)}.sb-list-item{border:1px solid var(--sb-border);border-radius:var(--sb-radius-sm);padding:14px 16px;margin-bottom:10px;background:var(--sb-surface);transition:border-color .15s ease,box-shadow .15s ease,transform .06s ease}.sb-list-item:last-child{margin-bottom:0}.sb-selectable{display:block;width:100%;text-align:left;font-family:inherit;font-size:1rem;color:inherit;cursor:pointer}.sb-selectable:hover{border-color:var(--sb-primary);box-shadow:var(--sb-shadow);transform:translateY(-1px)}.sb-selectable:focus-visible{outline:none;border-color:var(--sb-primary);box-shadow:0 0 0 3px var(--sb-primary-soft)}.sb-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.sb-spacer{flex:1}.sb-muted{color:var(--sb-text-muted)}.sb-phone{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:.86rem;color:var(--sb-primary-dark);text-decoration:none;padding:3px 10px;border-radius:var(--sb-radius-pill);background:var(--sb-primary-soft);border:1px solid #cfe3d8;white-space:nowrap}.sb-phone:hover{background:#dcebe2}.sb-section-intro{color:var(--sb-text-muted);margin:-4px 0 14px}@media (min-width: 768px){.sb-main{padding:28px var(--sb-gap)}.sb-grid{grid-template-columns:repeat(2,1fr)}.sb-stats{grid-template-columns:repeat(4,1fr)}.sb-hero{padding-top:72px}}@media (min-width: 1024px){.sb-grid{grid-template-columns:repeat(4,1fr)}.sb-grid--2{grid-template-columns:repeat(2,1fr)}}