:root{--color-primary: #7C3AED;--color-primary-dark: #6D28D9;--color-primary-light: #8B5CF6;--color-secondary: #4F46E5;--color-secondary-dark: #4338CA;--color-secondary-light: #6366F1;--color-surface: #ffffff;--color-surface-alt: #F9FAFB;--color-surface-elevated: #ffffff;--color-border: #E5E7EB;--color-border-light: #F3F4F6;--color-text: #4B5563;--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: #1F2937;--color-bg-darker: #111827;--color-bg-darkest: #000000;--color-success: #22C55E;--color-success-light: #DCFCE7;--color-warning: #F59E0B;--color-warning-light: #FEF3C7;--color-error: #EF4444;--color-error-light: #FEE2E2;--color-info: #3B82F6;--color-info-light: #DBEAFE;--color-admin-header: #5B21B6;--color-admin-sidebar: #F3F4F6;--color-admin-sidebar-active: #7C3AED;--color-admin-footer: #5B21B6;--color-link: #7C3AED;--color-link-hover: #6D28D9;--color-focus: #7C3AED;--color-disabled: #D1D5DB;--color-disabled-text: #9CA3AF;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--font-family-base: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-family-heading: Inter, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif;--font-size-base: 16px;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--line-height-normal: 1.5;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(124, 58, 237, .05);--shadow-md: 0 4px 6px rgba(124, 58, 237, .1);--shadow-lg: 0 10px 15px rgba(124, 58, 237, .1);--shadow-xl: 0 20px 25px rgba(124, 58, 237, .15)}.admin-theme{--color-header-bg: #5B21B6;--color-sidebar-bg: #F3F4F6;--color-sidebar-active: #7C3AED;--color-footer-bg: #5B21B6}.storefront-theme{--color-header-bg: #7C3AED;--color-sidebar-bg: #F9FAFB;--color-footer-bg: #7C3AED}.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:16px}@media (min-width: 768px){.text-responsive{font-size:18px}}@media (min-width: 992px){.text-responsive{font-size:20px}}.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:16px;font-weight:400;line-height:1.5;color:#4b5563;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:Inter,-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:36px;font-weight:700}h2{font-size:32px}h3{font-size:28px}h4{font-size:24px}h5{font-size:20px}h6{font-size:18px}p{margin-bottom:16px;color:#4b5563}a{color:#7c3aed;text-decoration:none;transition:color .2s ease}a:hover{color:#6d28d9;text-decoration:underline}a:focus{outline:2px solid #7C3AED;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:#4b5563;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:#7c3aed;box-shadow:0 0 0 3px #7c3aed1a}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:#d1d5db;color:#9ca3af;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:#7c3aed;color:#fff;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .1s ease}button:hover:not(:disabled){background-color:#6d28d9}button:active:not(:disabled){transform:translateY(1px)}button:focus{outline:2px solid #7C3AED;outline-offset:2px}button:disabled{background-color:#d1d5db;color:#9ca3af;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 #7c3aed0d}.card--elevated{box-shadow:0 4px 6px #7c3aed1a}.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 #7C3AED;outline-offset:2px}