Build a full CRM web application for Home-Based Lunch Delivery Order Management using Laravel or Next.js.
6bdd29e
verified
| @import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap'); | |
| :root { | |
| --primary: #4f46e5; | |
| --primary-light: #6366f1; | |
| --primary-dark: #4338ca; | |
| --secondary: #10b981; | |
| --danger: #ef4444; | |
| --warning: #f59e0b; | |
| --gray-100: #f3f4f6; | |
| --gray-200: #e5e7eb; | |
| --gray-300: #d1d5db; | |
| --gray-700: #374151; | |
| } | |
| body { | |
| font-family: 'Inter', sans-serif; | |
| background-color: #f9fafb; | |
| color: #111827; | |
| margin: 0; | |
| padding: 0; | |
| } | |
| .container { | |
| max-width: 1400px; | |
| margin: 0 auto; | |
| padding: 0 1rem; | |
| } | |
| /* Print styles for receipts */ | |
| @media print { | |
| body * { | |
| visibility: hidden; | |
| } | |
| .receipt, .receipt * { | |
| visibility: visible; | |
| } | |
| .receipt { | |
| position: absolute; | |
| left: 0; | |
| top: 0; | |
| width: 80mm; | |
| padding: 5mm; | |
| font-size: 12px; | |
| } | |
| .no-print { | |
| display: none ; | |
| } | |
| } | |
| /* Utility classes */ | |
| .text-primary { | |
| color: var(--primary); | |
| } | |
| .bg-primary { | |
| background-color: var(--primary); | |
| } | |
| .hover\:bg-primary-light:hover { | |
| background-color: var(--primary-light); | |
| } |