:root{--color-primary: #ff6b1a;--color-primary-dark: #e2570a;--color-primary-light: #ffe2d2;--color-secondary: #111827;--color-secondary-dark: #020617;--color-secondary-light: #4b5563;--color-surface: #ffffff;--color-surface-alt: #f9fafb;--color-surface-elevated: #ffffff;--color-border: #e5e7eb;--color-border-light: #f3f4f6;--color-text: #1f2933;--color-text-primary: #111827;--color-text-secondary: #6b7280;--color-text-muted: #9ca3af;--color-text-inverse: #ffffff;--color-bg-primary: #ffffff;--color-bg-secondary: #f9fafb;--color-bg-tertiary: #f3f4f6;--color-bg-dark: #111827;--color-bg-darker: #020617;--color-bg-darkest: #020617;--color-success: #16a34a;--color-success-light: #dcfce7;--color-warning: #eab308;--color-warning-light: #fef9c3;--color-error: #dc2626;--color-error-light: #fee2e2;--color-info: #0ea5e9;--color-info-light: #e0f2fe;--color-admin-header: #333333;--color-admin-sidebar: #f0f2f5;--color-admin-sidebar-active: #007bff;--color-admin-footer: #333333;--color-link: #ff6b1a;--color-link-hover: #f26014;--color-focus: #ff6b1a;--color-disabled: #cccccc;--color-disabled-text: #999999;--space-base: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 28px;--space-8: 32px;--space-9: 36px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-family-heading: Happy Food, Happy Monkey, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-family-accent: Happy Food, Happy Monkey, Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-size-xs: 10px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 18px;--font-size-2xl: 20px;--font-size-3xl: 24px;--font-size-4xl: 32px;--font-size-5xl: 40px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 2px 4px 0 rgba(0, 0, 0, .1);--shadow-lg: 0 4px 8px 0 rgba(0, 0, 0, .1);--shadow-xl: 0 8px 16px 0 rgba(0, 0, 0, .1)}.admin-theme{--color-header-bg: #333333;--color-sidebar-bg: #f0f2f5;--color-sidebar-active: #007bff;--color-footer-bg: #333333}.storefront-theme{--color-header-bg: #ff6b1a;--color-sidebar-bg: #f9fafb;--color-footer-bg: #ff6b1a}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-error{color:var(--color-error)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-bg-primary)}.bg-secondary{background-color:var(--color-bg-secondary)}.bg-tertiary{background-color:var(--color-bg-tertiary)}.bg-dark{background-color:var(--color-bg-dark)}.bg-success{background-color:var(--color-success-light)}.bg-warning{background-color:var(--color-warning-light)}.bg-error{background-color:var(--color-error-light)}.bg-info{background-color:var(--color-info-light)}.border{border:1px solid var(--color-border)}.border-light{border:1px solid var(--color-border-light)}.border-success{border-color:var(--color-success)}.border-warning{border-color:var(--color-warning)}.border-error{border-color:var(--color-error)}.p-1{padding:var(--space-1)}.p-2{padding:var(--space-2)}.p-3{padding:var(--space-3)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.m-1{margin:var(--space-1)}.m-2{margin:var(--space-2)}.m-3{margin:var(--space-3)}.m-4{margin:var(--space-4)}.m-6{margin:var(--space-6)}.m-8{margin:var(--space-8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.container-responsive{width:100%;margin:0 auto;padding:0 16px}@media (min-width: 576px){.container-responsive{max-width:576px;padding:0 24px}}@media (min-width: 768px){.container-responsive{max-width:768px;padding:0 24px}}@media (min-width: 992px){.container-responsive{max-width:992px;padding:0 32px}}@media (min-width: 1200px){.container-responsive{max-width:1200px;padding:0 32px}}@media (min-width: 1400px){.container-responsive{max-width:1400px;padding:0 32px}}.grid-responsive{display:grid;grid-template-columns:1fr;gap:16px}@media (min-width: 576px){.grid-responsive{grid-template-columns:repeat(2,1fr);gap:16px}}@media (min-width: 768px){.grid-responsive{grid-template-columns:repeat(3,1fr);gap:24px}}@media (min-width: 992px){.grid-responsive{grid-template-columns:repeat(4,1fr);gap:24px}}.flex-responsive{display:flex;flex-direction:column;gap:16px}@media (min-width: 768px){.flex-responsive{flex-direction:row;gap:24px}}.text-responsive{font-size:14px}@media (min-width: 768px){.text-responsive{font-size:16px}}@media (min-width: 992px){.text-responsive{font-size:18px}}.spacing-responsive{padding:16px}@media (min-width: 768px){.spacing-responsive{padding:24px}}@media (min-width: 992px){.spacing-responsive{padding:32px}}@media (max-width: 575px){.hide-xs{display:none!important}}@media (min-width: 576px) and (max-width: 767px){.hide-sm{display:none!important}}@media (min-width: 768px) and (max-width: 991px){.hide-md{display:none!important}}@media (min-width: 576px){.show-xs{display:none!important}}.show-sm{display:none!important}@media (min-width: 576px){.show-sm{display:block!important}}.show-md{display:none!important}@media (min-width: 768px){.show-md{display:block!important}}.show-lg{display:none!important}@media (min-width: 992px){.show-lg{display:block!important}}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html.no-scroll-home{overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:400;line-height:1.5;color:#1f2933;background-color:#fff;min-height:100vh;margin:0;padding:0;overflow-x:hidden}body.no-scroll-home{overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;position:fixed;width:100%}app-root{display:block;width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Happy Food,Happy Monkey,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-weight:600;line-height:1.25;color:#111827;margin-bottom:16px}h1{font-size:40px;font-weight:700}h2{font-size:32px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}p{margin-bottom:16px;color:#1f2933}a{color:#ff6b1a;text-decoration:none;transition:color .2s ease}a:hover{color:#f26014;text-decoration:underline}a:focus{outline:2px solid #ff6b1a;outline-offset:2px}input,textarea,select,button{font-family:inherit;font-size:inherit;line-height:inherit}input[type=text],input[type=email],input[type=password],input[type=number],input[type=tel],input[type=url],textarea,select{width:100%;padding:12px 16px;border:1px solid #e5e7eb;border-radius:8px;background-color:#fff;color:#1f2933;transition:border-color .2s ease,box-shadow .2s ease}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=number]:focus,input[type=tel]:focus,input[type=url]:focus,textarea:focus,select:focus{outline:none;border-color:#ff6b1a;box-shadow:0 0 0 3px #ff6b1a1a}input[type=text]:disabled,input[type=email]:disabled,input[type=password]:disabled,input[type=number]:disabled,input[type=tel]:disabled,input[type=url]:disabled,textarea:disabled,select:disabled{background-color:#ccc;color:#999;cursor:not-allowed}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=number]::placeholder,input[type=tel]::placeholder,input[type=url]::placeholder,textarea::placeholder,select::placeholder{color:#9ca3af}button{padding:12px 24px;border:none;border-radius:8px;background-color:#ff6b1a;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}button:hover:not(:disabled){background-color:#f26014}button:active:not(:disabled){transform:translateY(1px)}button:focus{outline:2px solid #ff6b1a;outline-offset:2px}button:disabled{background-color:#ccc;color:#999;cursor:not-allowed}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 24px}@media (min-width: 768px){.container{padding:0 32px}}.card{background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:24px;box-shadow:0 1px 2px #0000000d}.card--elevated{box-shadow:0 2px 4px #0000001a}.divider{height:1px;background-color:#e5e7eb;border:none;margin:24px 0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*:focus-visible{outline:2px solid #ff6b1a;outline-offset:2px}