:root{--space-1: 4px;--space-2: 8px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--space-6: 48px;--color-primary: #0ea5e9;--color-secondary: #6366f1;--color-accent: #f59e0b;--color-background: #f8fafc;--color-surface: #ffffff;--color-text: #0f172a;--color-border: #e2e8f0;--color-error: #ef4444;--color-success: #10b981;--font-heading: "DM Sans", sans-serif;--font-body: "DM Sans", sans-serif;--font-size-heading: 2rem;--font-size-subheading: 1.25rem;--font-size-body: .9375rem;--font-size-caption: .75rem;--font-size-label: .8125rem;font-family:Inter,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;color:var(--color-text);background:var(--color-background);min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width: 768px){input,select,textarea,.MuiInputBase-input,.MuiOutlinedInput-input,.MuiFilledInput-input,.MuiSelect-select{font-size:16px!important}}[data-theme=dark]{color:#f1f5f9;background:#0b1220}body{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading, "DM Sans", sans-serif)!important}body,p,span,div,input,button,label,a,li,td,th,caption{font-family:var(--font-body, "DM Sans", sans-serif)!important}button,.MuiButton-root,a,.MuiIconButton-root,.MuiListItemButton-root,.MuiChip-root{transition:transform .12s ease,box-shadow .12s ease,filter .12s ease}.sf-bottom-nav-root{position:fixed!important;bottom:0!important;left:0!important;right:0!important;z-index:1300;transform:translateZ(0);will-change:transform}@media (min-width: 900px){.sf-bottom-nav-root.sf-inside-frame{position:absolute!important;transform:none!important;will-change:auto!important}}button:hover,.MuiButton-root:hover,a:hover,.MuiIconButton-root:hover,.MuiListItemButton-root:hover,.MuiChip-root:hover{filter:brightness(.98)}button:active,.MuiButton-root:active,a:active,.MuiIconButton-root:active,.MuiListItemButton-root:active,.MuiChip-root:active{transform:translateY(1px)}button:focus-visible,.MuiButton-root:focus-visible,a:focus-visible,.MuiIconButton-root:focus-visible,.MuiListItemButton-root:focus-visible,.MuiChip-root:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.app-shell{max-width:1400px;margin:0 auto;padding:24px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;padding:20px;background:linear-gradient(135deg,#ff4500,tomato);color:#fff;border-radius:12px;box-shadow:0 4px 12px #0003}header>div h1{margin:0;font-size:24px}.tenant-email{margin:4px 0 0;font-size:12px;opacity:.9}.header-actions{display:flex;gap:12px;align-items:center}.header-actions select{padding:8px 12px;border-radius:6px;border:1px solid white;background:#fff3;color:#fff;font-weight:700}.header-actions select option{background:#333;color:#fff}.admin-link{background:#fff3!important;border:1px solid white!important}.ecommerce-main{display:grid;grid-template-columns:1fr 300px;gap:24px}.hero{grid-column:1 / -1;text-align:center;padding:40px 0;background:linear-gradient(135deg,#ff6b35,#f7931e);color:#fff;border-radius:12px;margin-bottom:24px}.categories{grid-column:1 / -1;margin-bottom:24px}.category-buttons{display:flex;gap:12px;flex-wrap:wrap}.category-buttons button{padding:8px 16px;background:#f0f0f0;border:none;border-radius:20px;cursor:pointer}.category-buttons button.active{background:#ff4500;color:#fff}.products-grid{margin-bottom:24px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.product-card{background:#fff;border-radius:12px;padding:16px;box-shadow:0 4px 12px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;transition:transform .2s}.product-card:hover{transform:translateY(-4px)}.product-image{font-size:48px;margin-bottom:12px}.product-info h4{margin:0 0 8px}.product-info .price{font-weight:700;color:#ff4500;font-size:18px}.basket-sidebar{background:#fff;padding:16px;border-radius:12px;box-shadow:0 4px 12px #0000001a;position:sticky;top:24px;height:fit-content}.checkout{grid-column:1 / -1;background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px #0000001a}.hidden-file-input{display:none}.muted-inline-label{opacity:.8}.video-thumb-preview{width:64px;height:64px;object-fit:cover;border-radius:4px}.media-fill-cover{width:100%;height:100%;object-fit:cover}.media-tile-portrait{width:100%;aspect-ratio:4 / 5;object-fit:cover}.gallery-image-cover{width:100%;height:100%;object-fit:cover;display:block}