:root{--bg:#0f172a;--bg-soft:#111c35;--surface:#fff;--surface-muted:#f4f7fb;--ink:#0f172a;--ink-soft:#475569;--accent:#f59e0b;--accent-deep:#d97706;--line:#0f172a1f;--shadow:0 20px 55px #0f172a1f;--radius-xl:28px;--radius-lg:20px;--radius-md:14px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--ink);background:radial-gradient(circle at 0 0,#f59e0b2e,#0000 28%),radial-gradient(circle at 100% 0,#3b82f626,#0000 24%),linear-gradient(#f7f9fc 0%,#eef3f8 100%);margin:0;font-family:Avenir Next,Trebuchet MS,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}.page-frame{min-height:100vh;position:relative}.page-shell{width:min(1240px,100% - 32px);margin:0 auto;padding:24px 0 132px}.top-bar{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);color:#fff;background:#0f172aeb;border-bottom:1px solid #ffffff14;position:sticky;top:0}.top-bar-inner{grid-template-columns:auto 1fr auto;align-items:center;gap:16px;width:min(1240px,100% - 32px);margin:0 auto;padding:16px 0;display:grid}.brand-mark{letter-spacing:.02em;align-items:center;gap:10px;font-weight:800;display:inline-flex}.brand-dot{background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:12px;width:34px;height:34px;box-shadow:0 10px 20px #f59e0b52}.search-shell{background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;grid-template-columns:auto 1fr auto;align-items:stretch;display:grid;overflow:hidden}.search-prefix,.search-action{color:inherit;background:0 0;border:0;padding:12px 16px}.search-prefix{white-space:nowrap;border-right:1px solid #ffffff24;align-items:center;gap:8px;display:inline-flex}.search-input{color:#fff;background:0 0;border:0;outline:none;min-width:0;padding:12px 16px}.search-input::placeholder{color:#ffffff94}.search-action{background:linear-gradient(135deg,#f59e0b,#f97316);padding-inline:18px;font-weight:800}.location-badge,.account-chip{white-space:nowrap;background:#ffffff14;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:10px;padding:12px 16px;display:inline-flex}.hero-panel{grid-template-columns:1.4fr .8fr;gap:18px;margin-top:22px;display:grid}.hero-copy,.hero-aside,.section-block,.category-rail,.cart-dock{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffeb}.hero-copy{border-radius:var(--radius-xl);background:linear-gradient(145deg,#fffffff7,#f7fafff0),radial-gradient(circle at 100% 0,#f59e0b21,#0000 26%);padding:clamp(24px,3vw,40px)}.eyebrow{color:var(--accent-deep);text-transform:uppercase;letter-spacing:.12em;margin:0 0 12px;font-size:.88rem;font-weight:800}.hero-copy h1,.section-heading h2{color:var(--ink);letter-spacing:-.04em;margin:0;line-height:1.02}.hero-copy h1{max-width:12ch;font-size:clamp(2.6rem,6vw,5.6rem)}.hero-description{max-width:64ch;color:var(--ink-soft);margin:18px 0 0;font-size:1.05rem;line-height:1.7}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.primary-action,.secondary-action,.add-button{border:0;border-radius:999px;padding:14px 20px;font-weight:800}.primary-action,.add-button{color:#1e293b;background:linear-gradient(135deg,#f8c24c,#f59e0b);box-shadow:0 12px 28px #f59e0b38}.secondary-action{color:var(--ink);background:var(--surface-muted);border:1px solid var(--line)}.hero-aside{border-radius:var(--radius-xl);grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:14px;padding:18px;display:grid}.stat-card{color:#fff;background:linear-gradient(#0f172a,#111c35);border-radius:20px;flex-direction:column;justify-content:space-between;min-height:126px;padding:18px;display:flex}.stat-card span{opacity:.72;font-size:.92rem}.stat-card strong{font-size:1.8rem;line-height:1}.section-block{border-radius:var(--radius-xl);margin-top:18px;padding:clamp(18px,2.5vw,28px)}.section-heading{justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:18px;display:flex}.section-heading h2{font-size:clamp(1.6rem,3vw,2.5rem)}.section-link{color:var(--accent-deep);white-space:nowrap;font-weight:800}.category-rail{border-radius:24px;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;padding:14px;display:grid}.category-pill{border:1px solid var(--line);background:linear-gradient(#fff,#f8fbff);border-radius:20px;justify-content:space-between;align-items:center;gap:12px;padding:16px;display:flex}.category-pill strong{margin-bottom:4px;display:block}.category-pill span{color:var(--ink-soft);font-size:.92rem}.category-count{color:var(--accent-deep);font-weight:800}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.product-tile{border:1px solid var(--line);background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 14px 30px #0f172a14}.product-visual{color:#fff;letter-spacing:.04em;text-transform:uppercase;justify-content:flex-start;align-items:flex-end;min-height:160px;padding:18px;font-weight:800;display:flex}.product-body{padding:18px}.product-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.product-header h3{margin:0;font-size:1.15rem}.product-header strong{color:var(--accent-deep)}.product-body p{color:var(--ink-soft);margin:12px 0 0;line-height:1.6}.product-meta{color:var(--ink-soft);gap:14px;margin:14px 0 18px;font-size:.94rem;display:flex}.add-button{width:100%}.cart-dock{border-radius:24px;justify-content:space-between;align-items:center;gap:12px;width:min(1240px,100% - 32px);padding:14px 18px;display:flex;position:fixed;bottom:18px;left:50%;transform:translate(-50%)}.dock-copy{flex-direction:column;gap:4px;display:flex}.dock-copy span{color:var(--ink-soft);font-size:.92rem}.dock-copy strong{color:var(--ink)}.dock-action{color:#fff;background:linear-gradient(135deg,#0f172a,#334155);border:0;border-radius:999px;padding:14px 18px;font-weight:800}.dashboard-shell{background:linear-gradient(#f7f9fc 0%,#eef3f8 100%);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.dashboard-sidebar{color:#fff;background:linear-gradient(#0f172a,#111c35);flex-direction:column;gap:20px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.dashboard-brand{align-items:center;gap:12px;display:flex}.dashboard-brand-mark{color:#1e293b;background:linear-gradient(135deg,#f59e0b,#f97316);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.dashboard-brand strong,.dashboard-sidebar-card strong{margin-bottom:4px;display:block}.dashboard-brand span,.dashboard-sidebar-card span,.dashboard-section-header p{color:#ffffffb8}.dashboard-nav{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.dashboard-nav::-webkit-scrollbar{width:4px}.admin-nav::-webkit-scrollbar{width:4px}.dashboard-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.admin-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.dashboard-nav-link{color:#ffffffd1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px}.dashboard-nav-link.is-active{color:#111827;background:linear-gradient(135deg,#f8c24c,#f59e0b);border-color:#0000;font-weight:800}.dashboard-sidebar-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;margin-top:auto;padding:18px}.dashboard-content{padding:28px}.dashboard-page{gap:18px;display:grid}.dashboard-hero,.dashboard-section,.metric-card,.chart-card,.order-card,.kitchen-ticket,.settings-summary article{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-xl);background:#fffffff0}.dashboard-hero{justify-content:space-between;align-items:flex-end;gap:18px;padding:28px;display:flex}.dashboard-hero h1{letter-spacing:-.04em;max-width:14ch;margin:0;font-size:clamp(2rem,4.5vw,4rem);line-height:1.02}.dashboard-hero p{max-width:64ch;color:var(--ink-soft);line-height:1.7}.dashboard-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.dashboard-primary-button,.dashboard-secondary-button{border:0;border-radius:999px;padding:14px 18px;font-weight:800}.dashboard-primary-button{color:#1e293b;background:linear-gradient(135deg,#f8c24c,#f59e0b)}.dashboard-secondary-button{color:var(--ink);border:1px solid var(--line);background:#fff}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{padding:22px}.metric-card-label{color:var(--ink-soft);margin-bottom:10px;font-size:.92rem}.metric-card-value{font-size:clamp(1.8rem,3vw,2.5rem);line-height:1}.metric-card-change{margin-top:14px;font-weight:800}.metric-card-change.positive{color:#0f766e}.metric-card-change.negative{color:#b45309}.metric-card-change.neutral{color:var(--ink-soft)}.metric-card-note{color:var(--ink-soft);margin-top:8px;line-height:1.5}.dashboard-section{padding:22px}.dashboard-section-header h2{margin:0;font-size:1.5rem}.dashboard-section-header p{color:var(--ink-soft);margin:8px 0 0}.realtime-feed{gap:12px;max-height:270px;padding-right:6px;display:grid;overflow-y:auto}.realtime-feed::-webkit-scrollbar{width:6px}.orders-list::-webkit-scrollbar{width:6px}.realtime-feed::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:999px}.orders-list::-webkit-scrollbar-thumb{background:#0f172a26;border-radius:999px}.realtime-feed::-webkit-scrollbar-track{background:0 0}.orders-list::-webkit-scrollbar-track{background:0 0}.realtime-event{border:1px solid var(--line);background:#f8fbff;border-radius:18px;grid-template-columns:auto 1fr auto;align-items:flex-start;gap:12px;padding:14px 16px;display:grid}.realtime-event strong,.order-card-top strong,.kitchen-ticket-header strong,.chart-card-header strong,.settings-summary strong{display:block}.realtime-event p,.order-card p,.kitchen-ticket p,.settings-summary p{color:var(--ink-soft);margin:4px 0 0;line-height:1.5}.realtime-event time{color:var(--ink-soft);white-space:nowrap}.realtime-dot{border-radius:999px;width:12px;height:12px;margin-top:6px}.realtime-dot.critical{background:#b91c1c}.realtime-dot.warning{background:#d97706}.realtime-dot.info{background:#2563eb}.dashboard-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.dashboard-two-column-tight{gap:14px}.admin-shell{background:linear-gradient(#f7f9fc 0%,#eef3f8 100%);grid-template-columns:280px minmax(0,1fr);min-height:100vh;display:grid}.admin-sidebar{color:#fff;background:linear-gradient(#1e293b,#0f172a);flex-direction:column;gap:20px;height:100vh;padding:24px;display:flex;position:sticky;top:0}.admin-brand{align-items:center;gap:12px;display:flex}.admin-brand-mark{color:#fff;background:linear-gradient(135deg,#38bdf8,#2563eb);border-radius:16px;place-items:center;width:46px;height:46px;font-weight:900;display:grid}.admin-brand strong,.admin-sidebar-card strong{margin-bottom:4px;display:block}.admin-brand span,.admin-sidebar-card span{color:#ffffffb8}.admin-nav{flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.admin-nav-link{color:#ffffffd1;background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;padding:14px 16px}.admin-nav-link.is-active{color:#0f172a;background:linear-gradient(135deg,#f8c24c,#f59e0b);border-color:#0000;font-weight:800}.admin-sidebar-card{background:#ffffff0f;border:1px solid #ffffff14;border-radius:20px;margin-top:auto;padding:18px}.admin-content{padding:28px}.admin-page{gap:18px;display:grid}.admin-hero,.admin-section,.admin-metric-card,.admin-event-card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius-xl);background:#fffffff0}.admin-hero{justify-content:space-between;align-items:flex-end;gap:18px;padding:28px;display:flex}.admin-hero h1{letter-spacing:-.04em;max-width:14ch;margin:0;font-size:clamp(2rem,4.5vw,4rem);line-height:1.02}.admin-hero p{max-width:64ch;color:var(--ink-soft);line-height:1.7}.admin-hero-actions{flex-wrap:wrap;gap:12px;display:flex}.admin-primary-button,.admin-secondary-button,.admin-chip,.table-actions button,.admin-search input{font:inherit}.admin-primary-button,.admin-secondary-button{border:0;border-radius:999px;padding:14px 18px;font-weight:800}.admin-primary-button{color:#1e293b;background:linear-gradient(135deg,#60a5fa,#2563eb)}.admin-secondary-button{color:var(--ink);border:1px solid var(--line);background:#fff}.admin-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-section{padding:22px}.admin-section-header h2{margin:0;font-size:1.5rem}.admin-section-header p{color:var(--ink-soft);margin:8px 0 0}.admin-toolbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px;display:flex}.admin-search{border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;min-width:min(420px,100%);padding:12px 16px;display:flex}.admin-search span{color:var(--ink-soft);white-space:nowrap;font-weight:800}.admin-search input{background:0 0;border:0;outline:none;width:100%}.admin-toolbar-actions{flex-wrap:wrap;gap:10px;display:flex}.admin-chip{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 14px;font-weight:700}.admin-chip.is-active{color:#0f172a;background:linear-gradient(135deg,#f8c24c,#f59e0b);border-color:#0000}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%}.admin-table th,.admin-table td{border-bottom:1px solid var(--line);text-align:left;white-space:nowrap;padding:16px 14px}.restaurant-cell strong{display:block}.restaurant-cell span{color:var(--ink-soft)}.status-chip{border-radius:999px;align-items:center;padding:8px 12px;font-weight:800;display:inline-flex}.status-chip.positive{color:#047857;background:#10b9811f}.status-chip.warning{color:#b45309;background:#f59e0b26}.status-chip.neutral{color:#1d4ed8;background:#2563eb1a}.table-actions{gap:10px;display:flex}.table-actions button{border:1px solid var(--line);color:var(--ink);background:#fff;border-radius:999px;padding:8px 12px;font-weight:700}.admin-two-column{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.admin-events{gap:14px;display:grid}.admin-event-card{padding:18px}.admin-event-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-event-header span{color:var(--ink-soft);white-space:nowrap}.admin-event-card p{color:var(--ink-soft);margin:8px 0 0;line-height:1.6}.admin-chart-bars{min-height:220px}@media (max-width:1080px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{height:auto;position:static}.admin-metric-grid,.admin-two-column{grid-template-columns:1fr}.admin-hero{flex-direction:column;align-items:flex-start}.admin-toolbar{flex-direction:column;align-items:stretch}.admin-search{min-width:0}}@media (max-width:720px){.admin-content{padding:18px}.admin-metric-grid{grid-template-columns:1fr 1fr}.admin-table th,.admin-table td{padding:14px 10px}}.orders-list{gap:14px;max-height:440px;padding-right:6px;display:grid;overflow-y:auto}.kitchen-queue,.settings-summary{gap:14px;display:grid}.order-card,.kitchen-ticket,.settings-summary article{padding:18px}.order-card-top,.kitchen-ticket-header,.order-card-meta,.kitchen-ticket-footer,.chart-card-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.order-card-top span,.kitchen-ticket-header span{border:1px solid var(--line);color:var(--accent-deep);white-space:nowrap;background:#f8fbff;border-radius:999px;padding:6px 10px;font-weight:800}.order-card-items,.order-card-meta,.kitchen-ticket-footer{color:var(--ink-soft);margin-top:14px}.chart-card{padding:18px}.chart-card-header span{color:var(--ink-soft);margin-top:4px;display:block}.chart-accent{color:#fff;border-radius:999px;padding:8px 12px;font-size:.86rem;font-weight:800}.chart-accent.gold,.chart-bar.gold{background:linear-gradient(#f8c24c,#f59e0b)}.chart-accent.blue,.chart-bar.blue{background:linear-gradient(#60a5fa,#2563eb)}.chart-bars{grid-template-columns:repeat(7,minmax(0,1fr));align-items:flex-end;gap:10px;min-height:240px;margin-top:18px;display:grid}.chart-bar-shell{justify-items:center;gap:8px;display:grid}.chart-bar{border-radius:18px 18px 10px 10px;width:100%;min-height:20px}.chart-bar-shell span{color:var(--ink-soft);font-size:.92rem}.settings-summary{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:1080px){.dashboard-shell{grid-template-columns:1fr}.dashboard-sidebar{height:auto;position:static}.metric-grid,.dashboard-two-column,.settings-summary{grid-template-columns:1fr}.dashboard-hero{flex-direction:column;align-items:flex-start}}@media (max-width:720px){.dashboard-content{padding:18px}.metric-grid{grid-template-columns:1fr 1fr}.chart-bars{min-height:200px}.realtime-event{grid-template-columns:auto 1fr}.realtime-event time{grid-column:2}}.storefront-shell{min-height:100vh}@media (max-width:1080px){.top-bar-inner,.hero-panel,.product-grid,.category-rail{grid-template-columns:1fr}.search-shell{grid-template-columns:auto 1fr}.search-action{grid-column:1/-1}.hero-copy h1{max-width:14ch}}@media (max-width:720px){.top-bar-inner{grid-template-columns:1fr}.page-shell{width:min(100% - 20px,1240px);padding-bottom:148px}.hero-aside{grid-template-columns:1fr 1fr}.section-heading{flex-direction:column;align-items:flex-start}.cart-dock{width:calc(100% - 20px)}}@media (max-width:768px){.dashboard-shell,.admin-shell{grid-template-columns:1fr}.mobile-dashboard-header{color:#fff;z-index:30;background:#0f172a;justify-content:space-between;align-items:center;padding:16px 20px;display:flex;position:sticky;top:0}.dashboard-brand-small{align-items:center;gap:12px;display:flex}.dashboard-sidebar,.admin-sidebar{z-index:25;background:linear-gradient(#0f172a,#111c35);flex-direction:column;height:auto;padding:20px;transition:transform .3s;position:fixed;inset:64px 0 0;transform:translate(-100%)}.admin-sidebar{background:linear-gradient(#1e293b,#0f172a)}.dashboard-sidebar.is-open,.admin-sidebar.is-open{transform:translate(0)}.dashboard-brand,.admin-brand{display:none}.dashboard-nav,.admin-nav{flex-direction:column;align-items:stretch;gap:8px;width:100%;padding:0;overflow:hidden auto}.dashboard-nav-link,.admin-nav-link{white-space:normal;border-radius:12px;padding:14px 16px}.metric-grid,.category-rail,.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-two-column,.hero-panel,.admin-two-column{grid-template-columns:1fr}.top-bar-inner{grid-template-columns:1fr auto}.search-shell{display:none}.hero-copy,.hero-aside,.section-block,.category-rail,.cart-dock,.dashboard-hero{border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:var(--radius-lg);padding:2rem;color:var(--ink)!important;background:#ffffffeb!important}.dashboard-hero{background:var(--bg);color:var(--ink);padding:2rem 0}a{color:var(--accent)}.responsive-grid-1-2,.responsive-grid-1-1{grid-template-columns:1fr!important}.responsive-flex-row{flex-direction:column!important;align-items:flex-start!important}.responsive-flex-row>button{width:100%;margin-top:1rem}}@media (max-width:480px){.category-rail,.hero-aside{grid-template-columns:1fr}.category-rail{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:8px;display:flex;overflow-x:auto}.category-pill{scroll-snap-align:start;min-width:80vw}.product-grid,.metric-grid{grid-template-columns:1fr;gap:12px}.metric-card{padding:16px}.metric-card-value{font-size:1.75rem}.hero-copy h1,.dashboard-hero h1,.admin-hero h1{word-break:break-word;font-size:clamp(2rem,8vw,3rem)}.dashboard-hero,.admin-hero,.hero-heading-row{flex-direction:column;align-items:flex-start}.product-visual{min-height:140px}}button,input,select,.dashboard-nav-link,.admin-nav-link{min-height:44px}.cart-dock{padding-bottom:calc(14px + env(safe-area-inset-bottom))}.dashboard-sidebar,.admin-sidebar{padding-bottom:env(safe-area-inset-bottom)}.hamburger-btn{color:inherit;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:8px;display:flex}.mobile-dashboard-header{display:none}@media (max-width:768px){.mobile-dashboard-header{padding-top:env(safe-area-inset-top);display:flex}.hidden-on-mobile{display:none!important}.page-shell{width:calc(100% - 32px);padding:16px 0 100px}dialog[open]{width:100%;max-width:100%;padding-bottom:env(safe-area-inset-bottom);border-radius:24px 24px 0 0;margin:auto 0 0}table{-webkit-overflow-scrolling:touch;width:100%;display:block;overflow-x:auto}}.settings-link-card{cursor:pointer;background-color:#111;border:1px solid #333;border-radius:12px;padding:1.5rem;transition:border-color .2s}.settings-link-card.green:hover{border-color:#10b981}.settings-link-card.blue:hover{border-color:#3b82f6}.responsive-chat-window{height:600px}.responsive-grid-1-2{grid-template-columns:1fr 2fr;gap:2rem;display:grid}.responsive-grid-1-1{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.responsive-flex-row{justify-content:space-between;align-items:center;gap:1rem;display:flex}@media (max-width:768px){.responsive-grid-1-2,.responsive-grid-1-1{grid-template-columns:1fr!important}.responsive-flex-row{flex-direction:column!important;align-items:flex-start!important}.responsive-flex-row>button,.responsive-flex-row>.responsive-stretch{margin-top:.5rem;width:100%!important;max-width:100%!important}.responsive-chat-window{height:calc(100vh - 140px)}}.hover-border-blue:hover{border-color:#3b82f6!important}.hover-brightness:hover{filter:brightness(1.1)!important}.hover-bg-muted:hover{color:var(--ink)!important;background-color:var(--surface-muted)!important}