:root{--merchant-bg: hsl(220, 20%, 10%);--merchant-surface: hsl(220, 18%, 15%);--merchant-surface-hover: hsl(220, 18%, 20%);--merchant-border: hsl(220, 15%, 25%);--merchant-text-primary: hsl(220, 10%, 92%);--merchant-text-secondary: hsl(220, 10%, 65%);--status-pending: hsl(45, 100%, 50%);--status-received: hsl(210, 80%, 55%);--status-preparing: hsl(24, 95%, 53%);--status-ready: hsl(152, 70%, 45%);--status-delivered: hsl(220, 10%, 50%);--status-cancelled: hsl(0, 75%, 55%);--panic-bg: hsl(0, 80%, 20%);--panic-border: hsl(0, 80%, 40%);--panic-text: hsl(0, 100%, 85%);--color-bg: var(--merchant-bg);--color-surface: var(--merchant-surface);--color-surface-hover: var(--merchant-surface-hover);--color-border: var(--merchant-border);--color-text-primary: var(--merchant-text-primary);--color-text-secondary: var(--merchant-text-secondary);--color-text-muted: hsl(220, 10%, 45%);--color-primary: hsl(24, 95%, 53%);--color-primary-light: hsl(24, 95%, 65%);--color-primary-dark: hsl(24, 95%, 40%);--color-accent: hsl(152, 60%, 40%);--color-success: var(--status-ready);--color-warning: var(--status-pending);--color-error: var(--status-cancelled);--color-info: var(--status-received);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 12px 32px rgba(0, 0, 0, .6);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-full: 9999px;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-xxl: 48px;--focus-ring-color: rgba(242, 113, 33, .4);--color-skeleton-bg: var(--color-border);--color-skeleton-shimmer: var(--color-surface-hover)}*{box-sizing:border-box}body{font-family:Inter,sans-serif;font-size:16px;line-height:1.5;color:var(--color-text-primary);background-color:var(--color-bg);margin:0;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:Outfit,sans-serif;font-weight:600;color:var(--color-text-primary);margin-top:0}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--merchant-bg)}::-webkit-scrollbar-thumb{background:var(--merchant-border);border-radius:var(--radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--merchant-surface-hover)}.dashboard-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--color-surface);border-bottom:1px solid var(--color-border);padding:0 var(--space-lg);height:64px}.header-left{display:flex;align-items:center;gap:var(--space-xl)}.logo-text{font-size:1.35rem;margin:0;color:var(--color-primary);font-family:Outfit,sans-serif;font-weight:600;text-decoration:none}.header-nav{display:flex;gap:var(--space-md)}.header-nav a{color:var(--color-text-secondary);text-decoration:none;font-weight:500;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);transition:all .2s ease-in-out;font-size:.95rem}.header-nav a:hover,.header-nav a.active{color:var(--color-text-primary);background-color:var(--color-surface-hover)}.view-title{color:var(--color-text-secondary);font-weight:600;font-size:.95rem}