@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap";:root{--bg-dark:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e1b4b 100%);--glass-bg:#ffffff0d;--glass-border:#ffffff1a;--text-primary:#f8fafc;--text-secondary:#94a3b8;--accent-primary:#6366f1;--accent-hover:#4f46e5;--success:#10b981;--warning:#f59e0b;--danger:#ef4444;--card-shadow:0 8px 32px 0 #0000005e;--glass-blur:blur(12px);--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--brand-primary:#10b981;--brand-accent:#f97316;--mobile-bg:#f9f9f5;--mobile-surface:#fff;--mobile-text:#1f2937;--mobile-text-muted:#6b7280;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--mobile-radius:16px;--mobile-radius-lg:24px;--mobile-shadow:0 4px 12px #00000008}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg-gradient);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Outfit,sans-serif}.glass-panel{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);box-shadow:var(--card-shadow);border-radius:16px}.glass-input{border:1px solid var(--glass-border);color:var(--text-primary);background:#0003;border-radius:8px;outline:none;width:100%;padding:12px 16px;font-family:inherit;transition:all .3s}.glass-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #6366f133}.glass-button{background:var(--accent-primary);color:#fff;cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-family:inherit;font-weight:500;transition:all .3s;display:flex}.glass-button:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 4px 12px #6366f166}.glass-button.danger{background:var(--danger)}.glass-button.danger:hover{background:#dc2626;box-shadow:0 4px 12px #ef444466}.glass-table{border-collapse:collapse;width:100%}.glass-table th,.glass-table td{text-align:left;border-bottom:1px solid var(--glass-border);padding:16px}.glass-table th{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.85rem;font-weight:500}.status-badge{border-radius:999px;padding:4px 12px;font-size:.85rem;font-weight:500}.status-badge.confirmed{color:#818cf8;background:#6366f133}.status-badge.preparing{color:#fbbf24;background:#f59e0b33}.status-badge.out-for-delivery{color:#34d399;background:#10b98133}.status-badge.money-collected{color:#a78bfa;background:#8b5cf633}.status-badge.completed{color:#6ee7b7;background:#34d39933}.app-layout{height:100vh;display:flex;overflow:hidden}.sidebar{border-right:1px solid var(--glass-border);flex-direction:column;width:280px;height:100vh;padding:24px;display:flex}.main-content{flex:1;padding:32px;overflow-y:auto}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.4s forwards fadeIn}:focus-visible{outline:2px solid var(--accent-primary)!important;outline-offset:2px!important}a,button,[role=button],input,select,textarea{transition:box-shadow .2s,outline .2s}.mobile-app{background:var(--mobile-bg);color:var(--mobile-text);-webkit-tap-highlight-color:transparent;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,sans-serif}.mobile-app a,.mobile-app button{touch-action:manipulation}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.mobile-sticky-header{z-index:50!important;padding-top:calc(var(--safe-area-inset-top) + 12px)!important;background:#fff!important;align-items:center!important;gap:16px!important;padding-bottom:12px!important;padding-left:16px!important;padding-right:16px!important;display:flex!important;position:sticky!important;top:0!important;box-shadow:0 2px 8px #00000005!important}.mobile-profile-header{z-index:50!important;padding-top:calc(var(--safe-area-inset-top) + 16px)!important;background:#fff!important;padding-bottom:16px!important;padding-left:16px!important;padding-right:16px!important;position:sticky!important;top:0!important;box-shadow:0 2px 8px #00000005!important}.mobile-stores-header{z-index:50!important;padding-top:calc(var(--safe-area-inset-top) + 16px)!important;background:var(--mobile-bg)!important;padding-bottom:16px!important;padding-left:16px!important;padding-right:16px!important;position:sticky!important;top:0!important}.mobile-stacked-sticky-header{z-index:50!important;padding-top:calc(var(--safe-area-inset-top) + 16px)!important;padding-bottom:8px!important;padding-left:16px!important;padding-right:16px!important;position:sticky!important;top:0!important;box-shadow:0 2px 8px #00000005!important}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-40px)}to{opacity:1;transform:translate(-50%)}}.btn-interactive,.card-interactive{transition:transform .1s cubic-bezier(.25,.46,.45,.94),background-color .2s,opacity .2s!important}.btn-interactive:active{opacity:.9!important;transform:scale(.96)!important}.card-interactive:active{transform:scale(.98)!important}@media (prefers-reduced-motion:reduce){.btn-interactive,.card-interactive{transition:none!important}.btn-interactive:active,.card-interactive:active{opacity:1!important;transform:none!important}}