:root{--color-primary-50: #f0f9ff;--color-primary-100: #e0f2fe;--color-primary-200: #bae6fd;--color-primary-300: #7dd3fc;--color-primary-400: #38bdf8;--color-primary-500: #0ea5e9;--color-primary-600: #0284c7;--color-primary-700: #0369a1;--color-primary-800: #075985;--color-primary-900: #0c4a6e;--color-secondary-50: #fff7ed;--color-secondary-100: #ffedd5;--color-secondary-200: #fed7aa;--color-secondary-300: #fdba74;--color-secondary-400: #fb923c;--color-secondary-500: #f97316;--color-secondary-600: #ea580c;--color-secondary-700: #c2410c;--color-secondary-800: #9a3412;--color-secondary-900: #7c2d12;--color-neutral-50: #fafafa;--color-neutral-100: #f5f5f5;--color-neutral-200: #e5e5e5;--color-neutral-300: #d4d4d4;--color-neutral-400: #a3a3a3;--color-neutral-500: #737373;--color-neutral-600: #525252;--color-neutral-700: #404040;--color-neutral-800: #262626;--color-neutral-900: #171717;--color-success-50: #f0fdf4;--color-success-100: #dcfce7;--color-success-200: #bbf7d0;--color-success-300: #86efac;--color-success-400: #4ade80;--color-success-500: #22c55e;--color-success-600: #16a34a;--color-success-700: #15803d;--color-success-800: #166534;--color-success-900: #14532d;--color-error-50: #fef2f2;--color-error-100: #fee2e2;--color-error-200: #fecaca;--color-error-300: #fca5a5;--color-error-400: #f87171;--color-error-500: #ef4444;--color-error-600: #dc2626;--color-error-700: #b91c1c;--color-error-800: #991b1b;--color-error-900: #7f1d1d;--color-warning-50: #fffbeb;--color-warning-100: #fef3c7;--color-warning-200: #fde68a;--color-warning-300: #fcd34d;--color-warning-400: #fbbf24;--color-warning-500: #f59e0b;--color-warning-600: #d97706;--color-warning-700: #b45309;--color-warning-800: #92400e;--color-warning-900: #78350f;--color-info-50: #eff6ff;--color-info-100: #dbeafe;--color-info-200: #bfdbfe;--color-info-300: #93c5fd;--color-info-400: #60a5fa;--color-info-500: #3b82f6;--color-info-600: #2563eb;--color-info-700: #1d4ed8;--color-info-800: #1e40af;--color-info-900: #1e3a8a;--color-purple-50: #faf5ff;--color-purple-100: #f3e8ff;--color-purple-200: #e9d5ff;--color-purple-300: #d8b4fe;--color-purple-400: #c084fc;--color-purple-500: #a855f7;--color-purple-600: #9333ea;--color-purple-700: #7e22ce;--color-purple-800: #6b21a8;--color-purple-900: #581c87;--bg-primary: #ffffff;--bg-secondary: #fafafa;--bg-tertiary: #f5f5f5;--bg-elevated: #ffffff;--bg-overlay: rgba(0, 0, 0, .5);--bg-backdrop: rgba(0, 0, 0, .3);--text-primary: #171717;--text-secondary: #525252;--text-tertiary: #737373;--text-disabled: #a3a3a3;--text-inverse: #ffffff;--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--border-light: #e5e5e5;--border-medium: #d4d4d4;--border-dark: #a3a3a3;--border-focus: var(--color-primary-500);--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .1), 0 1px 2px -1px rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -2px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -4px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .05);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 2;--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-none: 0;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-xl: .75rem;--radius-2xl: 1rem;--radius-3xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-base: .25s cubic-bezier(.4, 0, .2, 1);--transition-slow: .35s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--z-header: 1010;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--icon-xs: 1rem;--icon-sm: 1.25rem;--icon-md: 1.5rem;--icon-lg: 2rem;--icon-xl: 2.5rem;--icon-2xl: 3rem;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1400px;--container-padding: var(--space-4);--animation-spin: spin 1s linear infinite;--animation-ping: ping 1s cubic-bezier(0, 0, .2, 1) infinite;--animation-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;--animation-bounce: bounce 1s infinite}[data-theme=dark]{--bg-primary: #171717;--bg-secondary: #262626;--bg-tertiary: #404040;--bg-elevated: #262626;--bg-overlay: rgba(0, 0, 0, .75);--bg-backdrop: rgba(0, 0, 0, .5);--text-primary: #fafafa;--text-secondary: #d4d4d4;--text-tertiary: #a3a3a3;--text-disabled: #737373;--text-inverse: #171717;--border-light: #404040;--border-medium: #525252;--border-dark: #737373;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .4), 0 1px 2px -1px rgba(0, 0, 0, .4);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4), 0 2px 4px -2px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .4), 0 4px 6px -4px rgba(0, 0, 0, .4);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 8px 10px -6px rgba(0, 0, 0, .4);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5)}@keyframes ping{75%,to{transform:scale(2);opacity:0}}@keyframes pulse{50%{opacity:.5}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}:root{--primary-50: var(--color-primary-50);--primary-100: var(--color-primary-100);--primary-200: var(--color-primary-200);--primary-300: var(--color-primary-300);--primary-400: var(--color-primary-400);--primary-500: var(--color-primary-500);--primary-600: var(--color-primary-600);--primary-700: var(--color-primary-700);--primary-800: var(--color-primary-800);--primary-900: var(--color-primary-900);--secondary-50: var(--color-secondary-50);--secondary-100: var(--color-secondary-100);--secondary-200: var(--color-secondary-200);--secondary-300: var(--color-secondary-300);--secondary-400: var(--color-secondary-400);--secondary-500: var(--color-secondary-500);--secondary-600: var(--color-secondary-600);--secondary-700: var(--color-secondary-700);--secondary-800: var(--color-secondary-800);--secondary-900: var(--color-secondary-900);--neutral-50: var(--color-neutral-50);--neutral-100: var(--color-neutral-100);--neutral-200: var(--color-neutral-200);--neutral-300: var(--color-neutral-300);--neutral-400: var(--color-neutral-400);--neutral-500: var(--color-neutral-500);--neutral-600: var(--color-neutral-600);--neutral-700: var(--color-neutral-700);--neutral-800: var(--color-neutral-800);--neutral-900: var(--color-neutral-900);--neutral-white: #ffffff;--success-50: var(--color-success-50);--success-500: var(--color-success-500);--success-600: var(--color-success-600);--success-700: var(--color-success-700);--error-50: var(--color-error-50);--error-500: var(--color-error-500);--error-600: var(--color-error-600);--error-700: var(--color-error-700);--warning-50: var(--color-warning-50);--warning-500: var(--color-warning-500);--warning-600: var(--color-warning-600);--warning-700: var(--color-warning-700);--info-50: var(--color-info-50);--info-500: var(--color-info-500);--info-600: var(--color-info-600);--info-700: var(--color-info-700)}:root{--primary: var(--color-primary-500);--primary-light: var(--color-primary-50);--primary-rgb: 14, 165, 233;--secondary: var(--color-secondary-500);--success: var(--color-success-500);--warning: var(--color-warning-500);--error: var(--color-error-500);--info: var(--color-info-500);--color-primary: var(--color-primary-500);--color-primary-dark: var(--color-primary-700);--color-secondary: var(--color-secondary-500);--color-danger: var(--color-error-500);--color-warning: var(--color-warning-500);--color-info: var(--color-info-500);--color-white: #ffffff;--color-text-primary: var(--text-primary);--color-text-secondary: var(--text-secondary);--color-border: var(--border-light);--color-bg-secondary: var(--bg-secondary);--border-color: var(--border-light);--bg-hover: var(--bg-tertiary);--font-xs: var(--text-xs);--font-sm: var(--text-sm);--font-base: var(--text-base);--font-md: var(--text-base);--font-lg: var(--text-lg);--button-border-radius: var(--radius-lg)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;-webkit-tap-highlight-color:transparent;scroll-behavior:smooth}body{min-height:100vh;font-family:var(--font-family-base);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);overflow-x:hidden;transition:background-color var(--transition-base),color var(--transition-base)}h1,h2,h3,h4,h5,h6,p,ul,ol,figure,blockquote,dl,dd{margin:0}ul,ol{list-style:none}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--text-link-hover)}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:var(--radius-sm)}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}input,button,textarea,select{font:inherit;color:inherit}textarea{resize:none}button{background:none;border:none;cursor:pointer;padding:0}table{border-collapse:collapse;border-spacing: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-width:0}.skip-link{position:absolute;top:-100px;left:0;z-index:var(--z-tooltip);padding:var(--space-3) var(--space-4);background-color:var(--color-primary-500);color:var(--text-inverse);font-weight:var(--font-semibold);text-decoration:none;border-radius:0 0 var(--radius-md) 0;transition:top var(--transition-fast)}.skip-link:focus{top:0;outline:2px solid var(--text-inverse);outline-offset:2px}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}:disabled,[disabled],[aria-disabled=true]{cursor:not-allowed;opacity:.6}::selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}::-moz-selection{background-color:var(--color-primary-200);color:var(--color-primary-900)}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background-color:var(--bg-secondary)}::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:var(--radius-full);border:2px solid var(--bg-secondary)}::-webkit-scrollbar-thumb:hover{background-color:var(--border-dark)}*{scrollbar-width:thin;scrollbar-color:var(--border-medium) var(--bg-secondary)}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--text-primary);margin-bottom:var(--space-4)}h1{font-size:var(--text-3xl);font-weight:var(--font-extrabold);letter-spacing:-.025em}h2{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.025em}h3{font-size:var(--text-xl);font-weight:var(--font-semibold)}h4{font-size:var(--text-lg);font-weight:var(--font-semibold)}h5{font-size:var(--text-base);font-weight:var(--font-medium)}h6{font-size:var(--text-sm);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.05em}@media(min-width:768px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}}@media(min-width:1024px){h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}}p{margin-bottom:var(--space-4);line-height:var(--leading-relaxed);color:var(--text-secondary)}p:last-child{margin-bottom:0}.lead{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--text-secondary)}@media(min-width:768px){.lead{font-size:var(--text-xl)}}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-tertiary{color:var(--text-tertiary)}.text-inverse{color:var(--text-inverse)}.text-success{color:var(--color-success-600)}.text-error{color:var(--color-error-600)}.text-warning{color:var(--color-warning-600)}.text-info{color:var(--color-info-600)}.text-justify{text-align:justify}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.normal-case{text-transform:none}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.no-underline{text-decoration:none}.link{color:var(--text-link);text-decoration:underline;text-decoration-color:transparent;text-underline-offset:4px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.link:hover{color:var(--text-link-hover);text-decoration-color:currentColor}.link:focus-visible{outline:2px solid var(--border-focus);outline-offset:4px;border-radius:var(--radius-sm)}.list{list-style:none;padding-left:0}.list-disc{list-style-type:disc;padding-left:var(--space-6);margin-bottom:var(--space-4)}.list-decimal{list-style-type:decimal;padding-left:var(--space-6);margin-bottom:var(--space-4)}.list-disc li,.list-decimal li{margin-bottom:var(--space-2);line-height:var(--leading-relaxed);color:var(--text-secondary)}code{font-family:var(--font-family-mono);font-size:.875em;padding:var(--space-1) var(--space-2);background-color:var(--bg-tertiary);border-radius:var(--radius-sm);color:var(--color-error-600)}pre{font-family:var(--font-family-mono);font-size:var(--text-sm);padding:var(--space-4);background-color:var(--bg-tertiary);border-radius:var(--radius-lg);overflow-x:auto;margin-bottom:var(--space-4)}pre code{padding:0;background-color:transparent;color:var(--text-primary)}blockquote{padding-left:var(--space-4);border-left:4px solid var(--color-primary-500);margin:var(--space-6) 0;font-style:italic;color:var(--text-secondary)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.loading{display:flex;align-items:center;justify-content:center;min-height:60vh;font-size:var(--text-lg);color:var(--text-secondary);width:100%}.loading-fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;background-color:#00000080;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-spinner{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.loading-spinner .spinner{width:48px;height:48px;border:4px solid var(--color-primary-200);border-top-color:var(--color-primary-600);border-radius:50%;animation:spin .8s linear infinite}.loading-spinner[data-size=small] .spinner{width:32px;height:32px;border-width:3px}.loading-spinner[data-size=large] .spinner{width:64px;height:64px;border-width:5px}.loading-text{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium)}html.dark .loading-spinner .spinner{border-color:var(--color-primary-800);border-top-color:var(--color-primary-400)}.loading-timeout-error{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);padding:var(--space-6);text-align:center;max-width:500px;background-color:var(--bg-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg)}.timeout-icon{font-size:4rem;opacity:.8;animation:pulse 2s ease-in-out infinite}.timeout-title{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.timeout-message{font-size:var(--text-base);color:var(--text-secondary);margin:0;line-height:1.5}.timeout-actions{display:flex;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center}@keyframes pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}.container{width:100%;max-width:var(--container-2xl);margin-left:auto;margin-right:auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.container-sm{max-width:var(--container-sm)}.container-md{max-width:var(--container-md)}.container-lg{max-width:var(--container-lg)}.container-xl{max-width:var(--container-xl)}@media(min-width:640px){.container{padding-left:var(--space-6);padding-right:var(--space-6)}}@media(min-width:1024px){.container{padding-left:var(--space-8);padding-right:var(--space-8)}}.grid{display:grid;gap:var(--space-4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}@media(min-width:640px){.sm\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sm\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:768px){.md\\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1024px){.lg\\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.lg\\:grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex{display:flex}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.content-start{align-content:flex-start}.content-end{align-content:flex-end}.content-center{align-content:center}.content-between{align-content:space-between}.content-around{align-content:space-around}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.m-0{margin:var(--space-0)}.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)}.m-auto{margin:auto}.mx-auto{margin-left:auto;margin-right:auto}.my-4{margin-top:var(--space-4);margin-bottom:var(--space-4)}.my-6{margin-top:var(--space-6);margin-bottom:var(--space-6)}.my-8{margin-top:var(--space-8);margin-bottom:var(--space-8)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.ml-2{margin-left:var(--space-2)}.ml-4{margin-left:var(--space-4)}.mr-2{margin-right:var(--space-2)}.mr-4{margin-right:var(--space-4)}.p-0{padding:var(--space-0)}.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)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.px-6{padding-left:var(--space-6);padding-right:var(--space-6)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.static{position:static}.w-full{width:100%}.w-auto{width:auto}.h-full{height:100%}.h-auto{height:auto}.min-h-screen{min-height:100vh}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.z-dropdown{z-index:var(--z-dropdown)}.z-sticky{z-index:var(--z-sticky)}.z-fixed{z-index:var(--z-fixed)}.z-modal{z-index:var(--z-modal)}@media(max-width:767px){.hidden-mobile{display:none}}@media(min-width:768px){.hidden-desktop{display:none}}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-4-3{aspect-ratio:4 / 3}.object-contain{object-fit:contain}.object-cover{object-fit:cover}.object-fill{object-fit:fill}.object-none{object-fit:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:inherit;font-size:var(--font-base);font-weight:600;line-height:1.5;text-align:center;text-decoration:none;white-space:nowrap;border:none;border-radius:var(--button-border-radius);background:transparent;color:inherit;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease,opacity .2s ease,filter .2s ease;min-height:44px;min-width:44px}.btn svg,.btn-primary svg,.btn-secondary svg,.btn-success svg,.btn-danger svg,.btn-warning svg{width:var(--icon-sm);height:var(--icon-sm);flex-shrink:0}.btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn:active:not(:disabled){transform:translateY(0)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-primary{background-color:var(--color-primary-600);color:#fff;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-700);box-shadow:var(--shadow-lg)}.btn-primary:active:not(:disabled){background-color:var(--color-primary-800);box-shadow:var(--shadow-sm)}.btn-primary:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.btn-primary:focus-visible{outline:3px solid rgba(14,165,233,.5);outline-offset:2px}.btn-secondary{background-color:#fff;color:var(--color-primary-600);border:2px solid var(--color-primary-600);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary-50);border-color:var(--color-primary-700);color:var(--color-primary-700)}.btn-secondary:active:not(:disabled){background-color:var(--color-primary-100)}html.dark .btn-secondary{background-color:transparent;border-color:var(--color-primary-500);color:var(--color-primary-400)}.btn-success{background-color:var(--color-success-600);color:#fff;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.btn-success:hover:not(:disabled){background-color:var(--color-success-700);box-shadow:var(--shadow-lg)}.btn-success:active:not(:disabled){background-color:var(--color-success-800);box-shadow:var(--shadow-sm)}.btn-success:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.btn-danger{background-color:var(--color-error-600);color:#fff;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.btn-danger:hover:not(:disabled){background-color:var(--color-error-700);box-shadow:var(--shadow-lg)}.btn-danger:active:not(:disabled){background-color:var(--color-error-800);box-shadow:var(--shadow-sm)}.btn-danger:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.btn-warning{background-color:var(--color-warning-500);color:#fff;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.btn-warning:hover:not(:disabled){background-color:var(--color-warning-600);box-shadow:var(--shadow-lg);filter:brightness(1.05)}.btn-warning:active:not(:disabled){background-color:var(--color-warning-700);box-shadow:var(--shadow-sm)}.btn-warning:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.btn-info{background-color:var(--color-info-600);color:#fff;box-shadow:var(--shadow-sm);border-radius:var(--radius-lg)}.btn-info:hover:not(:disabled){background-color:var(--color-info-700);box-shadow:var(--shadow-lg)}.btn-info:active:not(:disabled){background-color:var(--color-info-800);box-shadow:var(--shadow-sm)}.btn-info:disabled{background-color:var(--color-neutral-300);color:var(--color-neutral-500)}.btn-sm{padding:.5rem 1rem;font-size:var(--font-sm);min-height:36px}.btn-md{padding:.75rem 1.5rem;font-size:var(--font-base)}.btn-lg{padding:1rem 2rem;font-size:var(--font-lg);min-height:52px}.btn-outline-primary{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary);box-shadow:none}.btn-outline-primary:hover:not(:disabled){background:var(--color-primary);color:#fff}.btn-outline-secondary{background:transparent;color:var(--color-secondary);border:2px solid var(--color-secondary);box-shadow:none}.btn-outline-secondary:hover:not(:disabled){background:var(--color-secondary);color:#fff}.btn-outline-danger{background:transparent;color:var(--color-danger);border:2px solid var(--color-danger);box-shadow:none}.btn-outline-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-ghost{background:transparent;color:var(--color-text-primary);border:1px solid var(--color-border);box-shadow:none}.btn-ghost:hover:not(:disabled){background:var(--color-bg-secondary);border-color:var(--color-primary);color:var(--color-primary)}.btn-link{background:none;border:none;color:var(--color-primary);padding:.5rem 1rem;box-shadow:none;text-decoration:none}.btn-link:hover:not(:disabled){color:var(--color-primary-dark);text-decoration:underline;transform:none;box-shadow:none}.btn-block{width:100%;display:flex}.btn-icon{padding:.75rem;min-width:44px;aspect-ratio:1}.btn-icon.btn-sm{padding:.5rem;min-width:36px}.btn-icon.btn-lg{padding:1rem;min-width:52px}.btn svg,.btn i{width:1.25em;height:1.25em;flex-shrink:0}.btn-toggle{background:#fff;color:var(--color-primary);border:2px solid var(--color-border);padding:.5rem 1.2rem;border-radius:var(--button-border-radius);cursor:pointer;font-size:var(--font-sm);font-weight:600;white-space:nowrap;transition:background-color .2s ease,color .2s ease,border-color .2s ease,transform .2s ease,box-shadow .2s ease,opacity .2s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-toggle svg{width:var(--icon-sm);height:var(--icon-sm)}.btn-toggle:hover{border-color:var(--color-primary);background:var(--color-bg-secondary);transform:translateY(-1px)}.btn-toggle:active{transform:translateY(0)}.btn-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-toggle.btn-toggle-danger{color:var(--color-danger);border-color:var(--color-danger)}.btn-toggle.btn-toggle-danger:hover{background:var(--color-danger);color:#fff;box-shadow:0 4px 12px #dc35454d}.btn-toggle.btn-toggle-success{color:var(--color-secondary);border-color:var(--color-secondary)}.btn-toggle.btn-toggle-success:hover{background:var(--color-secondary);color:#fff;box-shadow:0 4px 12px #28a7454d}.btn-toggle.btn-toggle-sm{padding:.4rem .8rem;font-size:var(--font-xs)}.btn-toggle.btn-toggle-lg{padding:.75rem 1.5rem;font-size:var(--font-md)}.btn-action{padding:.5rem 1rem;border:none;border-radius:var(--button-border-radius);font-size:var(--font-xs);font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;display:inline-flex;align-items:center;gap:.35rem}.btn-action:hover{transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-reorder{padding:.65rem 1.25rem;background-color:var(--color-primary-600);color:#fff;border:none;border-radius:var(--button-border-radius);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,filter .3s ease;width:100%}.btn-reorder:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);filter:brightness(1.1)}.btn-archive{padding:.65rem 1.25rem;background:var(--color-text-secondary);color:#fff;border:none;border-radius:var(--button-border-radius);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;width:100%}.btn-archive:hover{background:var(--color-text-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-retry{padding:.75rem 1.5rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--button-border-radius);font-size:var(--font-base);font-weight:600;cursor:pointer;transition:background-color .3s ease,transform .3s ease,box-shadow .3s ease;display:inline-flex;align-items:center;gap:.5rem}.btn-retry:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-retry:active{transform:translateY(0)}.btn-clear-filters{padding:.5rem 1rem;background:transparent;color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--button-border-radius);font-size:var(--font-sm);font-weight:600;cursor:pointer;transition:background-color .2s ease,color .2s ease,transform .2s ease}.btn-clear-filters:hover{background:var(--color-danger);color:#fff;transform:translateY(-1px)}.btn-sm.btn-edit{background:var(--color-primary);color:#fff}.btn-sm.btn-edit:hover{background:var(--color-primary-dark)}.icon-eye-open,.icon-eye-closed{width:18px;height:18px;display:inline-block}.password-validator{padding:var(--space-4);background-color:var(--color-neutral-50);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-top:var(--space-3)}.password-validator__title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3)}.password-validator__rules{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-2)}.password-validator__rule{font-size:var(--text-sm);color:var(--text-secondary);display:flex;align-items:center;gap:var(--space-2);transition:color var(--transition-fast)}.password-validator__rule.valid{color:var(--color-success-600);font-weight:var(--font-medium)}.password-match-indicator{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);display:flex;align-items:center;gap:var(--space-2)}.password-match-indicator.match{background-color:var(--color-success-50);color:var(--color-success-700);border:1px solid var(--color-success-200)}.password-match-indicator.no-match{background-color:var(--color-error-50);color:var(--color-error-700);border:1px solid var(--color-error-200)}.match-icon{font-weight:var(--font-bold);font-size:var(--text-base)}.form{width:100%}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.form-group{margin-bottom:var(--space-6)}.modal-form .form-group{margin-bottom:0}.form-row{display:grid;gap:var(--space-4);grid-template-columns:1fr;margin-bottom:var(--space-5)}.modal-form .form-row,.form-row .form-group{margin-bottom:0}@media(min-width:768px){.form-row{grid-template-columns:repeat(2,1fr)}.form-row-1-1{grid-template-columns:1fr 1fr}.form-row-2-1{grid-template-columns:2fr 1fr}.form-row-3{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.form-row{grid-template-columns:1fr}.form-row .form-group{margin-bottom:var(--space-5)}.form-row .form-group:last-child{margin-bottom:0}}.form-label{display:block;margin-bottom:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.form-label-required:after{content:"*";margin-left:var(--space-1);color:var(--color-error-500)}.required-mark{color:#ef4444;font-weight:700;margin-left:2px}.modal-field-container{margin-top:var(--space-5)}.modal-field-group{margin-bottom:var(--space-4)}.modal-field-label{display:block;margin-bottom:var(--space-2)}.modal-field-input,.modal-field-textarea,.modal-field-select{width:100%;padding:var(--space-3);border:1px solid var(--border-color);border-radius:var(--radius-md);background-color:var(--bg-primary);color:var(--text-primary);font-size:var(--text-base)}.modal-field-textarea{min-height:80px;resize:vertical}.modal-field-hint{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary)}.filter-controls{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.filter-select{min-width:150px}.table-row-faded{opacity:.6}.table-cell-truncate{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table-actions{display:flex;gap:var(--space-2)}.section-spacing{margin-bottom:var(--space-8)}.section-title{margin-bottom:var(--space-4)}.section-title-danger{margin-bottom:var(--space-4);color:var(--color-error-500)}.rating-stars{color:#ffc107}.btn-description{display:block;font-size:var(--text-xs);color:var(--text-tertiary)}.form-group--full-width{grid-column:1 / -1}.alert-spacing{margin-top:var(--space-6)}.text-secondary-no-margin{color:var(--text-secondary);margin:0}.alert-icon-large{font-size:24px}.alert-content-row{flex:1;display:flex;align-items:center;justify-content:space-between;gap:var(--space-4)}.btn-no-shrink{flex-shrink:0}.tab-content-hidden{display:none}.form-input,.form-select,.form-textarea{display:block;width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--text-primary);background-color:var(--bg-primary);background-clip:padding-box;border:1px solid var(--border-medium);border-radius:var(--radius-lg);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-disabled);opacity:1}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled),.form-textarea:hover:not(:disabled){border-color:var(--border-dark)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #f58f001a}.form-input:disabled,.form-select:disabled,.form-textarea:disabled{background-color:var(--bg-primary);color:var(--text-secondary);border-color:var(--border-light);cursor:not-allowed;opacity:.75}.form-textarea{min-height:120px;resize:vertical}.form-select{padding-right:var(--space-10);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23525252' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right var(--space-3) center;background-size:16px 12px;cursor:pointer}[data-theme=dark] .form-select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23d4d4d4' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}.form-check{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.form-check-input{width:20px;height:20px;margin:0;cursor:pointer;accent-color:var(--color-primary-500)}.form-check-label{margin:0;font-size:var(--text-base);font-weight:var(--font-normal);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox{position:relative;display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.custom-checkbox input{position:absolute;opacity:0;cursor:pointer}.custom-checkbox-box{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:2px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast)}.custom-checkbox input:checked~.custom-checkbox-box{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.custom-checkbox input:focus-visible~.custom-checkbox-box{outline:2px solid var(--border-focus);outline-offset:2px}.custom-checkbox-box:after{content:"";display:none;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.custom-checkbox input:checked~.custom-checkbox-box:after{display:block}.input-group{display:flex;width:100%}.input-group-text{display:flex;align-items:center;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background-color:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-lg)}.input-group .form-input:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0;border-left:0}.input-group .form-input:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group .input-group-text:first-child{border-top-right-radius:0;border-bottom-right-radius:0}.input-group .input-group-text:last-child{border-top-left-radius:0;border-bottom-left-radius:0}.form-input-icon{position:relative;display:flex;align-items:center}.form-input-icon svg,.form-input-icon i{position:absolute;left:var(--space-4);width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.form-input-icon .form-input{padding-left:var(--space-12)}.form-input-icon-right svg,.form-input-icon-right i{left:auto;right:var(--space-4)}.form-input-icon-right .form-input{padding-left:var(--space-4);padding-right:var(--space-12)}.form-input.is-valid,.form-select.is-valid,.form-textarea.is-valid{border-color:var(--color-success-500)}.form-input.is-valid:focus,.form-select.is-valid:focus,.form-textarea.is-valid:focus{box-shadow:0 0 0 3px #22c55e1a}.form-input.is-invalid,.form-select.is-invalid,.form-textarea.is-invalid{border-color:var(--color-error-500)}.form-input.is-invalid:focus,.form-select.is-invalid:focus,.form-textarea.is-invalid:focus{box-shadow:0 0 0 3px #ef44441a}.form-help{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--text-tertiary)}.form-error{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-error-600);font-weight:var(--font-medium)}.form-success{display:block;margin-top:var(--space-2);font-size:var(--text-sm);color:var(--color-success-600);font-weight:var(--font-medium)}.form-search{position:relative}.form-search-input{padding-left:var(--space-12);padding-right:var(--space-12)}.form-search-icon{position:absolute;left:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--text-tertiary);pointer-events:none}.form-search-clear{position:absolute;right:var(--space-4);top:50%;transform:translateY(-50%);width:20px;height:20px;padding:0;background:none;border:none;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast)}.form-search-clear:hover{color:var(--text-primary)}.form-file{position:relative;display:inline-block}.form-file-input{position:absolute;opacity:0;width:0;height:0}.form-file-label{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary);background-color:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.form-file-label:hover{background-color:var(--border-light);border-color:var(--border-dark)}.form-switch{position:relative;display:inline-block;width:48px;height:24px}.form-switch-input{opacity:0;width:0;height:0}.form-switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--border-medium);border-radius:var(--radius-full);transition:background-color var(--transition-fast)}.form-switch-slider:before{content:"";position:absolute;height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;border-radius:50%;transition:transform var(--transition-fast)}.form-switch-input:checked+.form-switch-slider{background-color:var(--color-primary-500)}.form-switch-input:checked+.form-switch-slider:before{transform:translate(24px)}.form-switch-input:focus-visible+.form-switch-slider{outline:2px solid var(--border-focus);outline-offset:2px}.form-switch-input:disabled+.form-switch-slider{opacity:.6;cursor:not-allowed}.form-range{width:100%;height:6px;background:var(--bg-tertiary);border-radius:var(--radius-full);outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.form-range::-webkit-slider-thumb{width:20px;height:20px;background:var(--color-primary-500);border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;transition:transform var(--transition-fast)}.form-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.form-range::-moz-range-thumb{width:20px;height:20px;background:var(--color-primary-500);border-radius:50%;border:none;cursor:pointer;transition:transform var(--transition-fast)}.form-range::-moz-range-thumb:hover{transform:scale(1.1)}.settings-section{background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-6);max-width:1200px;margin-left:auto;margin-right:auto;text-align:center}.settings-section__title{margin:0 0 var(--space-3) 0;font-size:var(--font-2xl);font-weight:600;color:var(--text-primary)}.settings-section__description{font-size:var(--font-base);color:var(--text-secondary);margin:0 0 var(--space-6) 0}.settings-section h3{margin:0 0 var(--space-2) 0;font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.form{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6);text-align:left}.form-group--full,.form-section--full{grid-column:1 / -1}.form-group--centered{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:500px;margin-left:auto;margin-right:auto}.form-group--centered .form-input{max-width:300px}.form>button[type=submit]{grid-column:1 / -1;justify-self:flex-end;min-width:200px}[data-theme=dark] .settings-section{background:var(--bg-secondary);border-color:var(--border-medium)}[data-theme=dark] .settings-section__title{color:var(--text-primary)}[data-theme=dark] .settings-section__description{color:var(--text-secondary)}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-input{flex:1;padding-right:3rem}.password-toggle{position:absolute;right:.625rem;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;padding:0;background:none;border:none;border-radius:var(--radius-sm, 4px);color:var(--text-secondary, #6b7280);cursor:pointer;transition:color .2s ease,background-color .2s ease}.password-toggle:hover:not(:disabled){color:var(--primary, #3b82f6);background:var(--bg-hover, rgba(59, 130, 246, .08))}.password-toggle:disabled{opacity:.4;cursor:not-allowed}.password-toggle svg{width:1.25rem;height:1.25rem}[data-theme=dark] .password-toggle{color:var(--text-secondary, #9ca3af)}[data-theme=dark] .password-toggle:hover:not(:disabled){color:var(--primary-light, #60a5fa);background:#60a5fa1a}.cnpj-field{display:flex;gap:var(--space-3);align-items:flex-start}.cnpj-field .password-input-wrapper,.cnpj-input{flex:1}.btn-toggle-inline{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2);background:var(--bg-secondary);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast),opacity var(--transition-fast)}.btn-toggle-inline:hover:not(:disabled){background:var(--bg-tertiary);color:var(--text-primary)}.btn-toggle-inline:disabled{opacity:.5;cursor:not-allowed}.btn-toggle-inline svg{width:var(--icon-sm);height:var(--icon-sm)}.form-section{margin:0;padding:0}.modal-form .form-section{margin:0}.form-section h3{margin:0 0 var(--space-3) 0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em}.form-section h4{margin:var(--space-6) 0 var(--space-4) 0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.status-toggle-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-lg);margin-bottom:var(--space-4);max-width:720px;min-height:88px;margin-left:auto;margin-right:auto}.status-info{flex:1;min-width:0}.status-label{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1);white-space:nowrap}.status-description{margin:0;font-size:var(--text-sm);color:var(--text-secondary);min-height:2.5rem}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0}.toggle-switch input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:var(--color-error-500);transition:background-color var(--transition-normal);border-radius:34px}.toggle-slider:before{position:absolute;content:"";height:16px;width:16px;left:3px;bottom:3px;background-color:#fff;transition:transform var(--transition-normal);border-radius:50%;box-shadow:0 2px 4px #0003}.toggle-switch input:checked+.toggle-slider{background-color:var(--color-success-500)}.toggle-switch input:checked+.toggle-slider:before{transform:translate(22px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--border-focus);outline-offset:2px}.form-checkboxes{margin:var(--space-4) auto;max-width:720px}.form-checkboxes--inline{display:flex;gap:var(--space-6);flex-wrap:wrap;justify-content:center}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background-color var(--transition-fast);border-radius:var(--radius-md)}.checkbox-label:hover{background-color:var(--bg-tertiary)}.checkbox-label input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-elevated);cursor:pointer;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.checkbox-label input[type=checkbox]:hover{border-color:var(--color-primary-500)}.checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.checkbox-label input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.checkbox-label input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}html.dark .checkbox-label input[type=checkbox]{background-color:var(--color-neutral-800);border-color:var(--color-neutral-600)}html.dark .checkbox-label input[type=checkbox]:checked{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.checkbox-text{display:flex;align-items:center;gap:var(--space-2)}.featured-counter{font-size:var(--text-xs);font-weight:600;color:var(--color-primary-600);background-color:var(--color-primary-50);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}html.dark .featured-counter{color:var(--color-primary-400);background-color:var(--color-primary-900)}.featured-limit-warning{display:block;margin-top:var(--space-1);font-size:var(--text-xs);color:var(--color-warning-700);font-weight:500}html.dark .featured-limit-warning{color:var(--color-warning-400)}.time-picker-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.time-picker-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.time-picker-container{position:relative}.time-picker-input{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast);font-size:var(--text-sm);color:var(--text-primary);min-width:100px}.time-picker-input:hover{border-color:var(--color-primary-300);background:var(--bg-secondary)}.time-picker-input.active{border-color:var(--color-primary-500);background:var(--bg-primary)}.time-picker-input:disabled{opacity:.5;cursor:not-allowed}.time-icon{font-size:var(--icon-sm);opacity:.7}.time-value{flex:1;font-weight:var(--font-medium);font-variant-numeric:tabular-nums}.time-arrow{font-size:10px;color:var(--text-tertiary);transition:transform var(--transition-fast)}.time-picker-input.active .time-arrow{transform:rotate(180deg)}.time-picker-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000014,0 0 0 1px #00000005;z-index:1000;overflow:hidden}.time-picker-columns{display:flex;align-items:stretch}.time-column{flex:1;display:flex;flex-direction:column;min-width:70px}.time-column-header{padding:var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-secondary);text-align:center;border-bottom:1px solid var(--border-light);background:var(--bg-secondary);text-transform:uppercase;letter-spacing:.5px}.time-column-scroll{max-height:240px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--border-medium) transparent}.time-column-scroll::-webkit-scrollbar{width:4px}.time-column-scroll::-webkit-scrollbar-track{background:transparent}.time-column-scroll::-webkit-scrollbar-thumb{background-color:var(--border-medium);border-radius:var(--radius-full)}.time-column-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--border-dark)}.time-option{width:100%;padding:var(--space-3);border:none;background:transparent;color:var(--text-primary);font-size:var(--text-base);font-variant-numeric:tabular-nums;text-align:center;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);position:relative}.time-option:hover{background:var(--bg-tertiary)}.time-option.selected{background:var(--color-primary-50);color:var(--color-primary-700);font-weight:var(--font-semibold)}.time-option.selected:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:60%;background:var(--color-primary-500);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.time-column-separator{display:flex;align-items:center;justify-content:center;padding:0 var(--space-2);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-tertiary);background:var(--bg-secondary);border-left:1px solid var(--border-light);border-right:1px solid var(--border-light);margin-top:36px}html.dark .time-picker-input{background:var(--bg-primary);border-color:var(--border-light)}html.dark .time-picker-input:hover{background:var(--bg-secondary);border-color:var(--color-primary-400)}html.dark .time-picker-dropdown{background:var(--bg-elevated);border-color:var(--border-medium);box-shadow:0 4px 16px #0000003d,0 0 0 1px #00000014}html.dark .time-option.selected{background:#3b82f626;color:var(--color-primary-300)}html.dark .time-column-separator{background:var(--bg-primary)}.date-picker-wrapper{display:flex;flex-direction:column;gap:var(--space-2)}.date-picker-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.date-picker-container{position:relative}.date-picker-input{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);font-size:var(--text-xs);color:var(--text-primary);min-width:150px;width:100%}.date-picker-input:hover{border-color:var(--color-primary-300);background:var(--bg-secondary)}.date-picker-input.active{border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}.date-picker-input:disabled{opacity:.5;cursor:not-allowed}.date-icon{font-size:var(--text-sm);flex-shrink:0}.date-value{flex:1;text-align:left}.date-value.placeholder{color:var(--text-tertiary)}.date-arrow{font-size:var(--text-xs);color:var(--text-tertiary);transition:transform var(--transition-fast);flex-shrink:0}.date-picker-input.active .date-arrow{transform:rotate(180deg)}.date-picker-dropdown{position:absolute;top:calc(100% + var(--space-2));left:0;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:1000;min-width:240px}.date-picker-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);gap:var(--space-1)}.date-nav-button{background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-1) var(--space-2);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);color:var(--text-primary);font-size:var(--text-xs)}.date-nav-button:hover{background:var(--bg-secondary);border-color:var(--color-primary-300)}.date-current-month{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center;flex:1}.date-picker-calendar{margin-bottom:var(--space-2)}.date-weekdays{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1);margin-bottom:var(--space-2)}.date-weekday{text-align:center;font-size:10px;font-weight:var(--font-semibold);color:var(--text-tertiary);padding:var(--space-1)}.date-days-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:var(--space-1)}.date-day{aspect-ratio:1;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:11px;color:var(--text-primary);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);padding:var(--space-1);display:flex;align-items:center;justify-content:center}.date-day:hover:not(:disabled){background:var(--bg-secondary);border-color:var(--color-primary-300)}.date-day.other-month{color:var(--text-tertiary);opacity:.4}.date-day.today{font-weight:var(--font-bold);color:var(--color-primary-500);border-color:var(--color-primary-300)}.date-day.selected{background:var(--color-primary-500);color:#fff;font-weight:var(--font-semibold)}.date-day.selected:hover{background:var(--color-primary-600)}.date-day:disabled,.date-day.disabled{opacity:.3;cursor:not-allowed;background:transparent}.date-picker-footer{display:flex;justify-content:center;padding-top:var(--space-2);border-top:1px solid var(--border-light)}.date-today-button{background:transparent;border:1px solid var(--border-light);border-radius:var(--radius-md);padding:var(--space-1) var(--space-3);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);color:var(--text-primary);font-size:var(--text-xs);font-weight:var(--font-medium)}.date-today-button:hover{background:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}html.dark .date-picker-input{background:var(--bg-primary);border-color:var(--border-light)}html.dark .date-picker-input:hover{background:var(--bg-secondary);border-color:var(--color-primary-400)}html.dark .date-picker-dropdown{background:var(--bg-elevated);border-color:var(--border-medium);box-shadow:0 4px 16px #0000003d,0 0 0 1px #00000014}html.dark .date-day.selected{background:var(--color-primary-600)}html.dark .date-day.today{color:var(--color-primary-400);border-color:var(--color-primary-400)}.opening-hours{margin-top:var(--space-6);max-width:720px;margin-left:auto;margin-right:auto;grid-column:1 / -1}.opening-hours h4{text-align:center;margin-bottom:var(--space-4)}.day-schedule{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-3);background:var(--bg-primary);border:1px solid var(--border-light);border-radius:var(--radius-md);margin-bottom:var(--space-2)}.day-checkbox{display:flex;align-items:center;gap:var(--space-2);min-width:120px;cursor:pointer}.day-checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:20px;height:20px;border:2px solid var(--border-medium);border-radius:var(--radius-sm);background-color:var(--bg-elevated);cursor:pointer;position:relative;transition:background-color var(--transition-fast),border-color var(--transition-fast);flex-shrink:0}.day-checkbox input[type=checkbox]:hover{border-color:var(--color-primary-500)}.day-checkbox input[type=checkbox]:checked{background-color:var(--color-primary-500);border-color:var(--color-primary-500)}.day-checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:5px;top:2px;width:6px;height:10px;border:solid white;border-width:0 2px 2px 0;transform:rotate(45deg)}.day-checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}html.dark .day-checkbox input[type=checkbox]{background-color:var(--color-neutral-800);border-color:var(--color-neutral-600)}html.dark .day-checkbox input[type=checkbox]:checked{background-color:var(--color-primary-600);border-color:var(--color-primary-600)}.day-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.time-inputs{display:flex;align-items:center;gap:var(--space-2);flex:1}.time-separator{font-size:var(--text-sm);color:var(--text-secondary);padding:0 var(--space-2)}.closed-label{flex:1;font-size:var(--text-sm);color:var(--text-tertiary);font-style:italic;text-align:center}.image-upload-container{position:relative;display:flex;justify-content:center;align-items:center}.image-preview{position:relative;width:150px;height:150px;border-radius:var(--radius-lg);overflow:hidden;border:2px solid var(--border-light)}.image-preview.banner-preview{width:100%;height:120px;max-width:500px}.image-preview img{width:100%;height:100%;object-fit:cover}.btn-remove-image{position:absolute;top:var(--space-2);right:var(--space-2);width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#ef4444e6;color:#fff;border:none;border-radius:var(--radius-full);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast)}.btn-remove-image:hover{background:#dc2626;transform:scale(1.1)}.upload-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);width:150px;height:150px;background:var(--bg-secondary);border:2px dashed var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast)}.upload-placeholder.banner-placeholder{width:100%;height:120px;max-width:500px}.upload-placeholder:hover{border-color:var(--color-primary-500);background:var(--bg-tertiary)}.upload-icon{font-size:2rem}.upload-text{text-align:center}.upload-text p{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.upload-text span{font-size:var(--text-xs);color:var(--text-tertiary)}.upload-placeholder input[type=file]{display:none}.danger-zone-container{margin-top:var(--space-8);margin-left:auto;padding:var(--space-6);background:var(--bg-secondary);border:2px solid var(--color-error-200);border-radius:var(--radius-lg);max-width:500px}[data-theme=dark] .danger-zone-container{background:#ef44440d;border-color:var(--color-error-500)}.danger-zone-title{margin:0 0 var(--space-2) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-error-600)}[data-theme=dark] .danger-zone-title{color:var(--color-error-400)}.danger-zone-description{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media(max-width:768px){.settings-section{padding:var(--space-6)}.form{grid-template-columns:1fr}.cnpj-field{flex-direction:column}.form-checkboxes--inline{flex-direction:column;align-items:stretch}.status-toggle-container{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.day-schedule{flex-direction:column;align-items:flex-start}.time-inputs,.image-upload-container{width:100%}.image-preview,.upload-placeholder{width:100%;max-width:100%}.image-preview.banner-preview,.upload-placeholder.banner-placeholder{height:100px}.form>button[type=submit]{justify-self:stretch;width:100%}}.settings-section__header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-6);text-align:left}.settings-section__header>div{flex:1}.list-items{display:flex;flex-direction:column;gap:var(--space-4)}.list-item{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-lg);text-align:left;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.list-item:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}[data-theme=dark] .list-item{background:var(--bg-tertiary);border-color:var(--border-medium)}[data-theme=dark] .list-item:hover{border-color:var(--border-light)}.list-item__content{flex:1;min-width:0}.list-item__title{margin:0 0 var(--space-1) 0;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.list-item__subtitle{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);color:var(--text-secondary)}.list-item__meta{margin:0;font-size:var(--text-xs);color:var(--text-tertiary)}.list-item__actions{display:flex;gap:var(--space-2);flex-shrink:0}.empty-message{text-align:center;padding:var(--space-8);color:var(--text-tertiary);font-size:var(--text-sm)}@media(max-width:640px){.settings-section__header{flex-direction:column;align-items:stretch}.list-item{flex-direction:column}.list-item__actions{width:100%;justify-content:flex-end}}.card,.section-card{display:flex;flex-direction:column;background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow var(--transition-base),transform var(--transition-base);overflow:hidden}.card:hover,.section-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-bordered{border:1px solid var(--border-light);box-shadow:none}.card-bordered:hover{border-color:var(--border-medium);box-shadow:var(--shadow-sm)}.card-header{padding:var(--space-6);border-bottom:1px solid var(--border-light)}.card-header-title{margin:0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary)}.card-header-subtitle{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--text-secondary)}.card-body{flex:1;padding:var(--space-6)}.card-body-compact{padding:var(--space-4)}.card-footer{padding:var(--space-6);border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.card-image{width:100%;height:auto;object-fit:cover}.card-image-top{border-top-left-radius:var(--radius-xl);border-top-right-radius:var(--radius-xl)}.card-image-container{position:relative;width:100%;padding-bottom:66.67%;overflow:hidden;background-color:var(--bg-tertiary)}.card-image-container img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.product-card{position:relative;display:flex;flex-direction:column;background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);overflow:hidden;cursor:pointer;max-width:320px}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.product-card-image{position:relative;width:100%;height:200px;overflow:hidden;background-color:var(--bg-tertiary)}.product-card-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-card-image img{transform:scale(1.05)}.card-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-tertiary)}.product-card-badge{position:absolute;top:var(--space-3);right:var(--space-3);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;background-color:var(--color-primary-500);color:var(--text-inverse);border-radius:var(--radius-md);box-shadow:var(--shadow-md)}.product-card-body{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.product-card-title{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-description{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-card-price{margin-top:auto;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.product-card-price-old{margin-left:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-tertiary);text-decoration:line-through}.business-card{position:relative;display:flex;flex-direction:column;background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base),transform var(--transition-base);overflow:hidden;cursor:pointer}.business-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.business-card-cover{position:relative;width:100%;height:150px;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);overflow:hidden}.business-card-cover img{width:100%;height:100%;object-fit:cover}.business-card-logo{position:absolute;bottom:-30px;left:var(--space-4);width:80px;height:80px;border-radius:var(--radius-xl);border:4px solid var(--bg-elevated);background-color:var(--bg-elevated);box-shadow:var(--shadow-md);overflow:hidden}.business-card-logo img{width:100%;height:100%;object-fit:cover}.business-card-body{padding:calc(var(--space-6) + 30px) var(--space-4) var(--space-4)}.business-card-name{margin:0 0 var(--space-1) 0;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.business-card-category{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);color:var(--text-tertiary)}.business-card-info{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary)}.business-card-rating{display:flex;align-items:center;gap:var(--space-1)}.business-card-rating-star{color:var(--color-warning-500)}.order-card{background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);overflow:hidden;transition:box-shadow var(--transition-base),border-color var(--transition-base)}.order-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-medium)}.order-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light)}.order-card-id{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.order-card-status{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;border-radius:var(--radius-md)}.order-card-status.pending{background-color:var(--color-warning-50);color:var(--color-warning-700)}.order-card-status.confirmed{background-color:var(--color-info-50);color:var(--color-info-700)}.order-card-status.preparing{background-color:var(--color-secondary-50);color:var(--color-secondary-700)}.order-card-status.ready,.order-card-status.delivered{background-color:var(--color-success-50);color:var(--color-success-700)}.order-card-status.cancelled{background-color:var(--color-error-50);color:var(--color-error-700)}.order-card-body{padding:var(--space-4)}.order-card-items{margin-bottom:var(--space-4)}.order-card-item{display:flex;gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--border-light)}.order-card-item:last-child{border-bottom:none}.order-card-item-image{width:60px;height:60px;border-radius:var(--radius-lg);object-fit:cover;background-color:var(--bg-tertiary)}.order-card-item-info{flex:1}.order-card-item-name{margin:0 0 var(--space-1) 0;font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.order-card-item-quantity{font-size:var(--text-sm);color:var(--text-secondary)}.order-card-item-price{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.order-card-footer{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--bg-secondary);border-top:1px solid var(--border-light)}.order-card-total{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.stat-card,.metric-card{display:flex;align-items:center;gap:var(--space-4);background-color:var(--bg-elevated);border-radius:var(--radius-xl);padding:var(--space-5);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base)}.stat-card:hover,.metric-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-primary-200)}.stat-card-icon,.metric-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:var(--radius-xl);background-color:var(--color-primary-50);color:var(--color-primary-600);font-size:var(--text-2xl);flex-shrink:0}.stat-card-content,.metric-content{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1}.stat-card-label,.metric-label{display:block;font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px}.stat-card-value,.metric-value{display:block;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);line-height:var(--leading-tight)}@media(min-width:768px){.stat-card-value,.metric-value{font-size:var(--text-2xl)}}.stat-card-subtitle,.metric-subtitle{font-size:var(--text-xs);color:var(--text-tertiary)}.stat-card-change{display:inline-flex;align-items:center;gap:var(--space-1);margin-top:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium)}.stat-card-change.positive{color:var(--color-success-600)}.stat-card-change.negative{color:var(--color-error-600)}.stat-card.stat-card--primary,.metric-card.orders .metric-icon{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-50))}.stat-card.stat-card--primary .stat-card-icon,.stat-card.stat-card--primary .metric-icon,.metric-card.orders .metric-icon{background:linear-gradient(135deg,var(--color-primary-100),var(--color-primary-50));color:var(--color-primary-600)}.stat-card.stat-card--success,.metric-card.savings,.metric-card.revenue{background:linear-gradient(135deg,#dcfce7,#fff 70%)}.stat-card.stat-card--success .stat-card-icon,.stat-card.stat-card--success .metric-icon,.metric-card.savings .metric-icon,.metric-card.revenue .metric-icon{background:linear-gradient(135deg,var(--color-success-100),var(--color-success-50));color:var(--color-success-600)}.stat-card.stat-card--warning,.metric-card.reviews,.metric-card.rating{background:linear-gradient(135deg,#fef3c7,#fff 70%)}.stat-card.stat-card--warning .stat-card-icon,.stat-card.stat-card--warning .metric-icon,.metric-card.reviews .metric-icon,.metric-card.rating .metric-icon{background:linear-gradient(135deg,var(--color-warning-100),var(--color-warning-50));color:var(--color-warning-600)}.stat-card.stat-card--info,.metric-card.spent{background:linear-gradient(135deg,#dbeafe,#fff 70%)}.stat-card.stat-card--info .stat-card-icon,.stat-card.stat-card--info .metric-icon,.metric-card.spent .metric-icon{background:linear-gradient(135deg,var(--color-info-100),var(--color-info-50));color:var(--color-info-600)}.stat-card.stat-card--error{background:linear-gradient(135deg,#fee2e2,#fff 70%)}.stat-card.stat-card--error .stat-card-icon,.stat-card.stat-card--error .metric-icon{background-color:var(--color-error-500);color:#fff}.stat-card.stat-card--secondary,.metric-card.ticket{background:linear-gradient(135deg,#f5f5f5,#fff 70%)}.stat-card.stat-card--secondary .stat-card-icon,.stat-card.stat-card--secondary .metric-icon,.metric-card.ticket .metric-icon{background:linear-gradient(135deg,var(--color-purple-100),var(--color-purple-50));color:var(--color-purple-600)}@media(prefers-reduced-motion:reduce){.card,.product-card,.business-card,.order-card,.stat-card{transition:none}.card:hover,.product-card:hover,.business-card:hover,.order-card:hover,.stat-card:hover{transform:none}}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn var(--transition-base)}.modal-content{position:relative;width:100%;max-width:600px;max-height:90vh;background-color:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden;animation:scaleIn var(--transition-base)}.modal{position:relative;width:100%;max-width:500px;max-height:90vh;background-color:var(--bg-elevated);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);z-index:var(--z-modal);overflow:hidden;animation:scaleIn var(--transition-base)}.modal-lg{max-width:800px}.modal-xl{max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-6);background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-200) 100%);border-bottom:1px solid var(--border-light);border-top:3px solid var(--color-primary-500)}html.dark .modal-header{background:linear-gradient(135deg,var(--color-primary-700) 0%,var(--color-primary-800) 100%);border-top-color:var(--color-primary-600)}.modal-title{margin:0;font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary)}.modal-close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:none;background:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-base),color var(--transition-base),transform var(--transition-base)}.modal-close:hover{background-color:#0000000d;color:var(--text-primary);transform:rotate(90deg)}html.dark .modal-close:hover{background-color:#ffffff1a}.modal-body{padding:var(--space-5);overflow-y:auto;max-height:calc(90vh - 150px)}.modal-form{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.modal-form>.form-group,.modal-form>.form-row{margin-bottom:0}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-6);border-top:1px solid var(--border-light);background-color:var(--bg-secondary)}.modal-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-6);padding-top:var(--space-6);border-top:1px solid var(--border-light)}.modal-actions .btn{min-width:120px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);line-height:1;text-transform:uppercase;letter-spacing:.025em;border-radius:var(--radius-md);white-space:nowrap}.badge-primary{background-color:var(--color-primary-100);color:var(--color-primary-700)}.badge-secondary{background-color:var(--color-neutral-100);color:var(--color-neutral-700)}.badge-success{background-color:var(--color-success-50);color:var(--color-success-700)}.badge-error,.badge-danger{background-color:var(--color-error-50);color:var(--color-error-700)}.badge-warning{background-color:var(--color-warning-50);color:var(--color-warning-700)}.badge-info{background-color:var(--color-info-50);color:var(--color-info-700)}.badge-dot{position:relative;padding-left:calc(var(--space-3) + 8px)}.badge-dot:before{content:"";position:absolute;left:var(--space-2);top:50%;transform:translateY(-50%);width:6px;height:6px;border-radius:50%;background-color:currentColor}.alert{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);border:1px solid;border-left:4px solid;box-shadow:var(--shadow-sm);animation:fadeInDown var(--transition-base);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert-icon{flex-shrink:0;width:20px;height:20px;font-size:var(--text-2xl)}.alert-content{flex:1}.alert-title{margin:0 0 var(--space-1) 0;font-size:var(--text-base);font-weight:var(--font-semibold)}.alert-message{margin:0;font-size:var(--text-sm);line-height:var(--leading-relaxed)}.alert-close{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:none;cursor:pointer;opacity:.7;transition:opacity var(--transition-fast)}.alert-close:hover{opacity:1}.alert-success{background-color:var(--color-success-50);border-color:var(--color-success-500);color:var(--color-success-700)}.alert-error,.alert-danger{background-color:var(--color-error-50);border-color:var(--color-error-500);color:var(--color-error-700)}.alert-warning{background-color:#fffbeb;border-color:#f59e0b;color:#92400e}.alert-warning strong{color:#b45309;font-weight:var(--font-semibold);display:inline-flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.alert-info{background-color:var(--color-info-50);border-color:var(--color-info-500);color:var(--color-info-700)}.alert--spacing-bottom{margin-bottom:var(--space-4)}.alert--spacing-top{margin-top:var(--space-4)}.toast-container{position:fixed;top:var(--space-6);right:var(--space-6);z-index:var(--z-tooltip);display:flex;flex-direction:column;gap:var(--space-3);max-width:420px;pointer-events:none}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4) var(--space-5);background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);pointer-events:auto;animation:slideInRight var(--transition-base)}.toast-icon{flex-shrink:0;width:20px;height:20px}.toast-content{flex:1;min-width:0}.toast-title{margin:0 0 var(--space-1) 0;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.toast-message{margin:0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.toast-close{flex-shrink:0;width:20px;height:20px;padding:0;border:none;background:none;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast)}.toast-close:hover{color:var(--text-primary)}.toast-success{background-color:var(--success-50);border-left:4px solid var(--success-600)}.toast-success .toast-icon{color:var(--success-600);font-weight:var(--font-bold)}.toast-success .toast-message{color:var(--success-700)}.toast-error{background-color:var(--error-50);border-left:4px solid var(--error-600)}.toast-error .toast-icon{color:var(--error-600);font-weight:var(--font-bold)}.toast-error .toast-message{color:var(--error-700)}.toast-warning{background-color:var(--warning-50);border-left:4px solid var(--warning-600)}.toast-warning .toast-icon{color:var(--warning-600);font-weight:var(--font-bold)}.toast-warning .toast-message{color:var(--warning-700)}.toast-info{background-color:var(--primary-50);border-left:4px solid var(--primary-600)}.toast-info .toast-icon{color:var(--primary-600);font-weight:var(--font-bold)}.toast-info .toast-message{color:var(--primary-700)}@media(max-width:640px){.toast-container{top:auto;bottom:var(--space-6);left:var(--space-4);right:var(--space-4);max-width:none}}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:100%;left:0;min-width:200px;margin-top:var(--space-2);padding:var(--space-2);background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:fadeInDown var(--transition-fast)}.dropdown-menu-right{left:auto;right:0}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-sm);color:var(--text-primary);text-align:left;text-decoration:none;border:none;border-radius:var(--radius-lg);background:none;cursor:pointer;transition:background-color var(--transition-fast)}.dropdown-item:hover{background-color:var(--bg-tertiary)}.dropdown-divider{height:1px;margin:var(--space-2) 0;background-color:var(--border-light)}.tooltip{position:relative;display:inline-block}.tooltip-content{position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-8px);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-inverse);background-color:var(--color-neutral-900);border-radius:var(--radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:opacity var(--transition-fast),visibility var(--transition-fast),transform var(--transition-fast);z-index:var(--z-tooltip);pointer-events:none}.tooltip-content:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--color-neutral-900)}.tooltip:hover .tooltip-content{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.tabs{display:flex;justify-content:center;gap:var(--space-1);border-bottom:2px solid var(--border-light);overflow-x:auto;scrollbar-width:none;flex-wrap:wrap}.tabs::-webkit-scrollbar{display:none}.tab{padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;white-space:nowrap;transition:color var(--transition-fast),border-bottom-color var(--transition-fast);position:relative;bottom:-2px}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--color-primary-600);border-bottom-color:var(--color-primary-500)}.tab-panel{padding:var(--space-6) 0;animation:fadeIn var(--transition-base)}.spinner{display:inline-block;width:40px;height:40px;border:4px solid var(--border-light);border-top-color:var(--color-primary-500);border-radius:50%;animation:var(--animation-spin)}.spinner-sm{width:20px;height:20px;border-width:2px}.spinner-lg{width:60px;height:60px;border-width:6px}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:var(--space-4);background-color:var(--bg-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-modal)}.loading-text{font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-primary)}.skeleton{background:linear-gradient(90deg,var(--bg-tertiary) 0%,var(--border-light) 50%,var(--bg-tertiary) 100%);background-size:200% 100%;animation:shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:.5em}.skeleton-title{height:1.5em;width:60%;margin-bottom:1em}.skeleton-avatar{width:40px;height:40px;border-radius:var(--radius-full)}.skeleton-card{height:200px}.divider{height:1px;background-color:var(--border-light);margin:var(--space-6) 0}.divider-vertical{width:1px;height:100%;background-color:var(--border-light);margin:0 var(--space-4)}.avatar{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-full);background-color:var(--bg-tertiary);color:var(--text-secondary);font-weight:var(--font-medium);overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-sm{width:32px;height:32px;font-size:var(--text-xs)}.avatar-lg{width:56px;height:56px;font-size:var(--text-lg)}.avatar-xl{width:80px;height:80px;font-size:var(--text-2xl)}.progress{width:100%;height:8px;background-color:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.progress-bar{height:100%;background-color:var(--color-primary-500);border-radius:var(--radius-full);transition:width var(--transition-base)}.progress-bar-success{background-color:var(--color-success-500)}.progress-bar-error{background-color:var(--color-error-500)}.progress-bar-warning{background-color:var(--color-warning-500)}.tab-header{margin-bottom:var(--space-6);padding:var(--space-6);background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border-light);border-top:3px solid var(--color-neutral-300)}.tab-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-4)}.tab-header--primary{border-top-color:var(--color-primary-500);background:linear-gradient(to bottom,var(--color-primary-50),var(--bg-elevated) 60px)}.tab-header--success{border-top-color:var(--color-success-500);background:linear-gradient(to bottom,#dcfce7,var(--bg-elevated) 60px)}.tab-header--warning{border-top-color:var(--color-warning-500);background:linear-gradient(to bottom,#fef3c7,var(--bg-elevated) 60px)}.tab-header--info{border-top-color:var(--color-info-500);background:linear-gradient(to bottom,#dbeafe,var(--bg-elevated) 60px)}.tab-header--error{border-top-color:var(--color-error-500);background:linear-gradient(to bottom,#fee2e2,var(--bg-elevated) 60px)}.tab-header--secondary{border-top-color:var(--color-neutral-500);background:linear-gradient(to bottom,#f5f5f5,var(--bg-elevated) 60px)}.tab-header--with-actions{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--space-6)}.tab-header--with-actions .action-buttons{flex-shrink:0}.tab-header--with-actions .search-box{max-width:400px;flex-shrink:0}.search-box{position:relative;max-width:500px}.search-input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid var(--border-medium);border-radius:var(--radius-lg);background-color:var(--bg-elevated);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.clear-search{position:absolute;right:var(--space-3);top:50%;transform:translateY(-50%);padding:var(--space-1);background:none;border:none;color:var(--text-tertiary);cursor:pointer;font-size:var(--text-lg);line-height:1;transition:color var(--transition-fast)}.clear-search:hover{color:var(--text-primary)}.filter-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.filter-select{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-elevated);color:var(--text-primary);cursor:pointer;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);min-width:200px}.filter-select:hover{border-color:var(--color-primary-500)}.filter-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #3b82f61a}html.dark .filter-select{background-color:var(--bg-elevated);border-color:var(--border-medium);color:var(--text-primary)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);border:1px solid var(--border-medium);border-radius:var(--radius-md);background-color:var(--bg-elevated);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.filter-btn:hover{border-color:var(--color-primary-500);color:var(--text-primary)}.filter-btn.active{background-color:var(--color-primary-500);border-color:var(--color-primary-500);color:#fff}.filter-btn-warning.active{background-color:var(--color-warning-500);border-color:var(--color-warning-500)}.filter-btn-success.active{background-color:var(--color-success-500);border-color:var(--color-success-500)}.filter-btn-danger.active{background-color:var(--color-error-500);border-color:var(--color-error-500)}.table-container{overflow-x:auto;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);background-color:var(--bg-elevated)}.data-table{width:100%;border-collapse:collapse;font-size:var(--text-sm)}.data-table thead{background-color:var(--bg-secondary);border-bottom:2px solid var(--border-medium)}.data-table th{padding:var(--space-4);text-align:left;font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:var(--text-xs)}.data-table td{padding:var(--space-4);border-bottom:1px solid var(--border-light);color:var(--text-primary)}.data-table tbody tr:hover{background-color:var(--bg-secondary)}.data-table tbody tr:last-child td{border-bottom:none}.business-info{display:flex;flex-direction:column;gap:var(--space-1)}.business-info strong{color:var(--text-primary);font-weight:var(--font-semibold)}.business-info small{color:var(--text-tertiary);font-size:var(--text-xs)}.action-buttons{display:flex;gap:var(--space-2);flex-wrap:wrap}.btn-action{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);border:none;border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast);white-space:nowrap}.btn-action.btn-success{background-color:var(--color-success-500);color:#fff}.btn-action.btn-success:hover{background-color:var(--color-success-600)}.btn-action.btn-danger{background-color:var(--color-error-500);color:#fff}.btn-action.btn-danger:hover{background-color:var(--color-error-600)}.btn-action.btn-warning{background-color:var(--color-warning-500);color:#fff}.btn-action.btn-warning:hover{background-color:var(--color-warning-600)}.empty-state{padding:var(--space-12) var(--space-6);text-align:center;color:var(--text-tertiary);background-color:var(--bg-secondary);border-radius:var(--radius-lg)}.empty-state p{font-size:var(--text-base);margin:0}.user-profile{display:flex;align-items:center;gap:var(--space-3)}.user-avatar{width:40px;height:40px;border-radius:50%;background:linear-gradient(135deg,var(--color-primary-500),var(--color-primary-600));color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:1rem;flex-shrink:0}.user-info{display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.user-info strong{color:var(--text-primary);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-info small{color:var(--text-secondary);font-size:.875rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}html.dark .user-info strong{color:var(--text-primary)}html.dark .user-info small{color:var(--text-secondary)}.badge-dot{display:inline-flex;align-items:center;gap:var(--space-2)}.badge-dot:before{content:"";width:8px;height:8px;border-radius:50%;background-color:currentColor}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tag{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);background-color:var(--color-neutral-100);color:var(--text-secondary);border-radius:var(--radius-md);font-size:.8125rem;font-weight:500;white-space:nowrap}.tag-more{background-color:var(--color-primary-100);color:var(--color-primary-700);font-weight:600}html.dark .tag{background-color:var(--color-neutral-700);color:var(--text-secondary)}html.dark .tag-more{background-color:var(--color-primary-700);color:var(--color-primary-100)}.data-table tbody tr.row-inactive{opacity:.5}.data-table tbody tr.row-inactive:hover{opacity:.7}.business-type-selector{width:100%}.type-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:768px){.type-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-5)}}.type-card-wrapper{position:relative}.type-card{position:relative;width:100%;height:140px;padding:var(--space-5);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3);background:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-base),background-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base);box-shadow:var(--shadow-xs);outline:none}.type-card:hover:not(.disabled){border-color:var(--color-primary-400);background:var(--color-primary-50);transform:translateY(-4px);box-shadow:var(--shadow-lg)}.type-card:focus-visible{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.type-card.selected{border-color:var(--color-primary-500);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);box-shadow:var(--shadow-md)}.type-card.disabled{opacity:.5;cursor:not-allowed;background:var(--bg-tertiary)}.type-emoji{font-size:var(--icon-lg);line-height:1;transition:transform var(--transition-base)}.type-card:hover:not(.disabled) .type-emoji{transform:scale(1.15)}.type-card.selected .type-emoji{transform:scale(1.1)}.type-name{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);text-align:center;line-height:var(--leading-tight);transition:color var(--transition-base);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;max-width:100%}.type-card:hover:not(.disabled) .type-name{color:var(--color-primary-700)}.type-card.selected .type-name{color:var(--color-primary-700)}.type-check{position:absolute;top:var(--space-2);right:var(--space-2);width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--color-primary-500);color:var(--text-inverse);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);box-shadow:var(--shadow-md);animation:scaleIn var(--transition-base)}.type-details{position:absolute;top:calc(100% + var(--space-2));left:50%;transform:translate(-50%);z-index:var(--z-tooltip);width:max-content;max-width:320px;padding:var(--space-4);background:var(--bg-elevated);border:1px solid var(--border-medium);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);animation:fadeInUp var(--transition-base);pointer-events:none}.type-details:before{content:"";position:absolute;bottom:100%;left:50%;transform:translate(-50%);border:8px solid transparent;border-bottom-color:var(--bg-elevated)}.type-details h4{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.type-description{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal)}.type-features{padding-top:var(--space-3);border-top:1px solid var(--border-light)}.type-features strong{display:block;margin-bottom:var(--space-2);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary-600);text-transform:uppercase;letter-spacing:.05em}.type-features ul{margin:0;padding-left:var(--space-5);font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}.type-features li{margin-bottom:var(--space-1)}.type-features li::marker{color:var(--color-primary-500)}.selected-type-info{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);border:2px solid var(--color-primary-500);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);animation:slideInUp var(--transition-base)}.info-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.info-value{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--color-primary-700)}html.dark .type-card{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}html.dark .type-card:hover:not(.disabled){background:var(--color-neutral-700);border-color:var(--color-primary-500)}html.dark .type-card.selected{background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-800) 100%);border-color:var(--color-primary-600)}html.dark .type-name{color:var(--color-neutral-100)}html.dark .type-card:hover:not(.disabled) .type-name{color:var(--color-primary-300)}html.dark .type-card.selected .type-name{color:var(--color-primary-300)}html.dark .type-details{background:var(--color-neutral-800);border-color:var(--color-neutral-700)}html.dark .type-details:before{border-bottom-color:var(--color-neutral-800)}html.dark .selected-type-info{background:linear-gradient(135deg,var(--color-primary-900) 0%,var(--color-primary-800) 100%);border-color:var(--color-primary-600)}html.dark .info-value{color:var(--color-primary-300)}@keyframes scaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeInUp{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:640px){.type-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:var(--space-3)}.type-card{padding:var(--space-4)}.type-emoji{font-size:2rem}.type-name{font-size:.8125rem}.type-details{position:fixed;left:var(--space-4);right:var(--space-4);top:50%;transform:translateY(-50%);max-width:none}.type-details:before{display:none}}@media(prefers-reduced-motion:reduce){.type-card,.type-emoji,.type-name,.type-check,.type-details,.selected-type-info{transition:none;animation:none}.type-card:hover:not(.disabled){transform:none}.type-card:hover:not(.disabled) .type-emoji{transform:none}}@media(prefers-contrast:high){.type-card{border-width:3px}.type-card.selected{border-width:4px}}.reports-tab{width:100%}.period-info{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-2)}.period-selector{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-bottom:var(--space-4)}.period-selector button{padding:var(--space-2) var(--space-4);border:2px solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.period-selector button:hover{border-color:var(--color-primary-300);color:var(--text-primary)}.period-selector button.active{border-color:var(--color-primary-500);background:var(--color-primary-50);color:var(--color-primary-700)}.custom-date-range{display:flex;gap:var(--space-4);align-items:center;margin-bottom:var(--space-4);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg)}.custom-date-range>div{display:flex;flex-direction:column;gap:var(--space-2)}.custom-date-range label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.custom-date-range input[type=date]{padding:var(--space-2) var(--space-3);border:2px solid var(--border-light);border-radius:var(--radius-md);font-size:var(--text-sm);transition:border-color var(--transition-fast)}.custom-date-range input[type=date]:focus{outline:none;border-color:var(--color-primary-500)}.metrics-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-4);margin-bottom:var(--space-6)}.metric-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);transition:border-color var(--transition-base),box-shadow var(--transition-base)}.metric-card:hover{border-color:var(--color-primary-200);box-shadow:var(--shadow-sm)}.metric-icon{font-size:2.5rem;flex-shrink:0}.metric-content{flex:1;min-width:0}.metric-content h3{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);margin:0 0 var(--space-1) 0}.metric-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0;line-height:1.2}.metric-label{font-size:var(--text-xs);color:var(--text-tertiary)}.metric-card.revenue{border-left:4px solid var(--color-success-500)}.metric-card.profit{border-left:4px solid var(--color-primary-500)}.metric-card.ticket{border-left:4px solid var(--color-warning-500)}.metric-card.delivery{border-left:4px solid var(--color-info-500)}.report-section{background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-lg);padding:var(--space-6);margin-bottom:var(--space-4)}.report-section h3{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.report-section.summary{border-color:var(--color-primary-200);background:linear-gradient(to bottom,var(--bg-primary),var(--color-primary-50))}.no-data{text-align:center;padding:var(--space-8);color:var(--text-secondary);font-size:var(--text-base)}.fees-breakdown{display:flex;flex-direction:column;gap:var(--space-3)}.fee-item{display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md)}.fee-item.total{background:var(--color-error-50);border:2px solid var(--color-error-200);margin-top:var(--space-2)}.fee-item.profit-line{background:var(--color-success-50);border:2px solid var(--color-success-200);margin-top:var(--space-2)}.fee-label{font-size:var(--text-base);color:var(--text-primary)}.fee-value{font-size:var(--text-lg);font-weight:var(--font-semibold)}.fee-value.negative{color:var(--color-error-600)}.fee-value.positive{color:var(--color-success-600)}.top-products{display:flex;flex-direction:column;gap:var(--space-3)}.product-rank-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-md);transition:background-color var(--transition-fast),transform var(--transition-fast)}.product-rank-item:hover{background:var(--color-primary-50);transform:translate(4px)}.rank-badge{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--color-primary-500);color:#fff;border-radius:var(--radius-full);font-weight:var(--font-bold);font-size:var(--text-sm);flex-shrink:0}.product-rank-item:nth-child(1) .rank-badge{background:linear-gradient(135deg,gold,#ffed4e);color:#000}.product-rank-item:nth-child(2) .rank-badge{background:linear-gradient(135deg,silver,#e8e8e8);color:#000}.product-rank-item:nth-child(3) .rank-badge{background:linear-gradient(135deg,#cd7f32,#e6a067);color:#fff}.product-info{display:flex;flex-direction:column;gap:var(--space-1);flex:1}.product-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.product-stats{font-size:var(--text-sm);color:var(--text-secondary)}.payment-methods{display:flex;flex-direction:column;gap:var(--space-4)}.payment-method-item{display:flex;flex-direction:column;gap:var(--space-2)}.payment-method-header{display:flex;justify-content:space-between;align-items:center}.payment-method-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary)}.payment-percentage{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-primary-600)}.payment-bar{position:relative;width:100%;height:12px;background:var(--bg-tertiary);border-radius:var(--radius-full);overflow:hidden}.payment-bar-fill{height:100%;width:var(--bar-width, 0%);background:linear-gradient(90deg,var(--color-primary-400),var(--color-primary-600));border-radius:var(--radius-full);transition:width var(--transition-base)}.payment-stats{display:flex;justify-content:space-between;font-size:var(--text-sm);color:var(--text-secondary)}.summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.summary-item{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--bg-primary);border:2px solid var(--border-light);border-radius:var(--radius-md)}.summary-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.summary-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary)}@media(max-width:768px){.metrics-grid{grid-template-columns:1fr}.period-selector{flex-direction:column}.period-selector button{width:100%}.custom-date-range{flex-direction:column;align-items:stretch}.summary-grid{grid-template-columns:1fr}.metric-card{padding:var(--space-4)}.metric-value{font-size:var(--text-xl)}.report-section{padding:var(--space-4)}}.dashboard{min-height:100vh;padding:var(--space-6) 0;background-color:var(--bg-primary)}.dashboard__header{margin-bottom:var(--space-8)}.dashboard__header h1{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-2)}.dashboard__header p{font-size:var(--text-base);color:var(--text-secondary)}.dashboard__header-info{display:flex;align-items:center;gap:var(--space-3)}.dashboard__tabs{margin-bottom:var(--space-4);display:flex;gap:var(--space-2);border-bottom:1px solid var(--border-color)}.dashboard__tabs--secondary{margin-bottom:var(--space-6);padding-top:var(--space-2);border-top:1px solid var(--border-light);border-bottom:none}.dashboard__tabs button{padding:var(--space-3) var(--space-4);border:none;background:transparent;color:var(--text-secondary);font-weight:var(--font-medium);cursor:pointer;white-space:nowrap;transition:color .2s,background-color .2s,border-bottom-color .2s;border-bottom:2px solid transparent;position:relative}.dashboard__tabs button:hover{color:var(--text-primary);background:var(--bg-hover)}.dashboard__tabs button.active{color:var(--primary);background:var(--primary-light);border-bottom-color:var(--primary);font-weight:var(--font-bold)}.dashboard__tabs button.active:after{content:"";position:absolute;bottom:-2px;left:0;right:0;height:3px;background:var(--primary);box-shadow:0 2px 8px rgba(var(--primary-rgb),.3)}.dashboard__content{margin-bottom:var(--space-6)}.dashboard__suspended-banner{background-color:var(--color-error-600);color:var(--color-white);padding:var(--space-4);text-align:center;font-weight:var(--font-bold);font-size:var(--text-lg);position:sticky;top:0;z-index:var(--z-sticky);box-shadow:var(--shadow-lg);animation:fadeInDown var(--transition-base)}.dashboard__suspended-banner:before{content:"🚨 ";margin-right:var(--space-2)}.tab-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-color)}.tab-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.tab-header--primary{border-bottom-color:var(--primary)}.tab-header--success{border-bottom-color:var(--success)}.tab-header--warning{border-bottom-color:var(--warning)}.tab-header--info{border-bottom-color:var(--info)}.tab-header--error{border-bottom-color:var(--error)}.tab-header--secondary{border-bottom-color:var(--text-secondary)}.tab-header--with-actions{flex-wrap:wrap;gap:var(--space-4)}.overview-tab{width:100%}.overview-tab__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6);margin-bottom:var(--space-6)}.stat-card{background:var(--bg-secondary);padding:var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.stat-card__icon{font-size:var(--text-4xl);margin-bottom:var(--space-3);display:block}.stat-card__label{display:block;font-size:var(--text-sm);color:var(--text-secondary);margin-bottom:var(--space-2);font-weight:var(--font-medium)}.stat-card__value{display:block;font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary)}.stat-card__subtitle{display:block;font-size:var(--text-xs);color:var(--text-tertiary);margin-top:var(--space-1)}.stat-card--primary{border-left:4px solid var(--primary)}.stat-card--success{border-left:4px solid var(--success)}.stat-card--warning{border-left:4px solid var(--warning)}.stat-card--info{border-left:4px solid var(--info)}.stat-card--secondary{border-left:4px solid var(--secondary)}.dashboard--loading,.dashboard--error{min-height:50vh;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--text-secondary)}.dashboard--error{flex-direction:column;gap:var(--space-4)}.notification{position:fixed;top:var(--space-4);right:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:1000;display:flex;align-items:center;gap:var(--space-3);min-width:300px;animation:slideIn .3s ease-out}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.notification--success{background-color:var(--success-50, #d1fae5);color:var(--success-700, #065f46);border-left:4px solid var(--success-500, #10b981)}.notification--error{background-color:var(--error-50, #fee2e2);color:var(--error-700, #991b1b);border-left:4px solid var(--error-500, #ef4444)}.notification--info{background-color:var(--info-50, #dbeafe);color:var(--info-700, #1e40af);border-left:4px solid var(--info-500, #3b82f6)}.notification--warning{background-color:var(--warning-50, #fef3c7);color:var(--warning-700, #92400e);border-left:4px solid var(--warning-500, #f59e0b)}.notification__close{margin-left:auto;background:transparent;border:none;cursor:pointer;font-size:var(--text-xl);padding:0;color:inherit}.status-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold)}.status-badge--pending,.status-pending{background-color:var(--warning-50, #fef3c7);color:var(--warning-700, #92400e)}.status-badge--approved,.status-badge--active,.status-approved,.status-active{background-color:var(--success-50, #d1fae5);color:var(--success-700, #065f46)}.status-badge--rejected,.status-badge--inactive,.status-rejected,.status-inactive{background-color:var(--error-50, #fee2e2);color:var(--error-700, #991b1b)}.status-badge--suspended,.status-suspended{background-color:var(--neutral-100, #f3f4f6);color:var(--neutral-700, #374151);border:1px solid var(--neutral-300, #d1d5db)}@media(max-width:768px){.dashboard{padding:var(--space-4) 0}.dashboard__header h1{font-size:var(--text-2xl)}.dashboard__tabs{gap:var(--space-1)}.dashboard__tabs button{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.notification{right:var(--space-2);left:var(--space-2);min-width:auto}}.admin-dashboard,.business-dashboard,.deliverer-dashboard,.customer-dashboard{min-height:100vh;padding:var(--space-6) 0;background-color:var(--bg-primary)}.dashboard-header{margin-bottom:var(--space-8)}.dashboard-tabs{margin-bottom:var(--space-6);display:flex;gap:var(--space-2);border-bottom:1px solid var(--border-color);overflow-x:auto}.dashboard-content{margin-bottom:var(--space-6)}.dashboard-loading,.dashboard-error{min-height:50vh;display:flex;align-items:center;justify-content:center;font-size:var(--text-lg);color:var(--text-secondary)}.notification-close{margin-left:auto;background:transparent;border:none;cursor:pointer;font-size:var(--text-xl);padding:0;color:inherit}.notification-success{background-color:var(--success-50, #d1fae5);color:var(--success-700, #065f46)}.notification-error{background-color:var(--error-50, #fee2e2);color:var(--error-700, #991b1b)}.notification-info{background-color:var(--info-50, #dbeafe);color:var(--info-700, #1e40af)}.notification-warning,.status-pending{background-color:var(--warning-50, #fef3c7);color:var(--warning-700, #92400e)}.status-approved,.status-active{background-color:var(--success-50, #d1fae5);color:var(--success-700, #065f46)}.status-rejected,.status-inactive{background-color:var(--error-50, #fee2e2);color:var(--error-700, #991b1b)}.order-item{display:flex;flex-direction:column;gap:4px;padding:var(--space-2, 8px) 0;border-bottom:1px dashed var(--border-light, #e5e7eb)}.order-item:last-child{border-bottom:none}.order-item-header{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-sm, .875rem)}.order-item-customizations{display:flex;flex-direction:column;gap:4px;margin-left:var(--space-4, 16px);padding:var(--space-2, 8px);background:var(--bg-secondary, #f9fafb);border-radius:var(--radius-md, 6px);border-left:3px solid var(--color-primary-300, #7dd3fc);font-size:var(--text-xs, .75rem)}.custom-detail{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.custom-detail-label{font-weight:600;color:var(--text-tertiary, #9ca3af);text-transform:uppercase;font-size:10px;letter-spacing:.04em}.custom-tag{display:inline-flex;padding:1px 6px;border-radius:100px;font-size:11px;font-weight:500}.custom-tag.option{background:var(--color-primary-50, #e0f2fe);color:var(--color-primary-700, #0369a1)}.custom-tag.added{background:var(--color-success-50, #d1fae5);color:var(--color-success-700, #065f46)}.custom-tag.removed{background:var(--color-error-50, #fee2e2);color:var(--color-error-700, #991b1b);text-decoration:line-through}.custom-observations{margin:2px 0 0;font-style:italic;color:var(--text-secondary, #6b7280)}[data-theme=dark] .order-item-customizations{background:var(--bg-tertiary, #1f2937);border-left-color:var(--color-primary-500, #0ea5e9)}[data-theme=dark] .custom-tag.option{background:#0ea5e926;color:var(--color-primary-400, #38bdf8)}[data-theme=dark] .custom-tag.added{background:#22c55e26;color:var(--color-success-400, #4ade80)}[data-theme=dark] .custom-tag.removed{background:#ef444426;color:var(--color-error-400, #f87171)}.orders-section{width:100%}.orders-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:2px solid var(--border-color);flex-wrap:wrap;gap:var(--space-3)}.orders-header h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.orders-actions{display:flex;gap:var(--space-2);flex-wrap:wrap}.orders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:var(--space-4);align-items:start}@media(max-width:768px){.orders-list{grid-template-columns:1fr}}.orders-summary{margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-secondary);border-radius:var(--radius-lg);text-align:center;color:var(--text-secondary);font-size:var(--text-sm)}.orders-summary p{margin:0}.order-card .order-header{display:flex;justify-content:space-between;align-items:flex-start;padding:var(--space-4) var(--space-5);background-color:var(--bg-secondary);border-bottom:1px solid var(--border-light);gap:var(--space-3)}.order-card .order-header h3{margin:0 0 var(--space-1) 0;font-size:var(--text-base);font-weight:var(--font-bold);color:var(--text-primary)}.order-date{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.order-card .order-items{padding:var(--space-3) var(--space-5)}.order-card .order-summary{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-light);background:var(--bg-secondary)}.order-summary-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-1) 0;font-size:var(--text-sm);color:var(--text-secondary)}.order-summary-row.discount{color:var(--color-success-600)}.order-summary-row.total{padding-top:var(--space-2);margin-top:var(--space-2);border-top:1px solid var(--border-light);font-size:var(--text-base);color:var(--text-primary)}.order-card .order-info{padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-light);font-size:var(--text-sm);color:var(--text-secondary)}.order-card .order-info p{margin:var(--space-1) 0}.cancellation-info{color:var(--color-warning-600);font-weight:var(--font-medium)}.tracking-link{margin-top:var(--space-2)}.order-card .order-actions{display:flex;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border-light);background:var(--bg-secondary);flex-wrap:wrap}@media(max-width:640px){.orders-header{flex-direction:column;align-items:flex-start}.orders-actions{width:100%}.orders-actions .btn{flex:1;text-align:center}.order-card .order-header{flex-direction:column;gap:var(--space-2)}.order-card .order-actions{flex-direction:column}}.bg-primary{background-color:var(--color-primary-500)}.bg-secondary{background-color:var(--bg-secondary)}.bg-success{background-color:var(--color-success-500)}.bg-error{background-color:var(--color-error-500)}.bg-warning{background-color:var(--color-warning-500)}.bg-info{background-color:var(--color-info-500)}.bg-white{background-color:var(--bg-primary)}.bg-transparent{background-color:transparent}.border{border:1px solid var(--border-medium)}.border-0{border:0}.border-top{border-top:1px solid var(--border-medium)}.border-bottom{border-bottom:1px solid var(--border-medium)}.border-left{border-left:1px solid var(--border-medium)}.border-right{border-right:1px solid var(--border-medium)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.d-none{display:none!important}.d-block{display:block}.d-inline-block{display:inline-block}.d-flex{display:flex}.icon-sm{width:16px;height:16px}.icon-md{width:20px;height:20px}.icon-lg{width:24px;height:24px}.rounded-none{border-radius:var(--radius-none)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-xs{box-shadow:var(--shadow-xs)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}.shadow-2xl{box-shadow:var(--shadow-2xl)}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.cursor-default{cursor:default}.select-none{-webkit-user-select:none;user-select:none}.select-text{-webkit-user-select:text;user-select:text}.select-all{-webkit-user-select:all;user-select:all}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.transition-none{transition:none}.transition-fast{transition:all var(--transition-fast)}.transition{transition:all var(--transition-base)}.transition-slow{transition:all var(--transition-slow)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.hover\\:scale-105:hover{transform:scale(1.05)}.hover\\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\\:opacity-80:hover{opacity:.8}.bg-dots{background-image:radial-gradient(circle,var(--border-light) 1px,transparent 1px);background-size:20px 20px}.bg-grid{background-image:linear-gradient(var(--border-light) 1px,transparent 1px),linear-gradient(90deg,var(--border-light) 1px,transparent 1px);background-size:20px 20px}.gradient-primary{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%)}.gradient-secondary{background:linear-gradient(135deg,var(--color-secondary-400) 0%,var(--color-secondary-600) 100%)}.gradient-success{background:linear-gradient(135deg,var(--color-success-500) 0%,var(--color-success-700) 100%)}.scroll-smooth{scroll-behavior:smooth}.scroll-snap-x{scroll-snap-type:x mandatory}.scroll-snap-y{scroll-snap-type:y mandatory}.snap-start{scroll-snap-align:start}.snap-center{scroll-snap-align:center}.scrollbar-none{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-none::-webkit-scrollbar{display:none}@media(min-width:640px){.sm\\:block{display:block}.sm\\:flex{display:flex}.sm\\:hidden{display:none}}@media(min-width:768px){.md\\:block{display:block}.md\\:flex{display:flex}.md\\:hidden{display:none}}@media(min-width:1024px){.lg\\:block{display:block}.lg\\:flex{display:flex}.lg\\:hidden{display:none}}.space-y-2>*+*{margin-top:var(--space-2)}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-x-2>*+*{margin-left:var(--space-2)}.space-x-4>*+*{margin-left:var(--space-4)}.space-x-6>*+*{margin-left:var(--space-6)}.space-x-8>*+*{margin-left:var(--space-8)}.visible{visibility:visible}.invisible{visibility:hidden}.float-left{float:left}.float-right{float:right}.float-none{float:none}.clear-both{clear:both}@media(max-width:767px){.mobile\\:text-center{text-align:center}.mobile\\:text-sm{font-size:var(--text-sm)}}.break-words{word-wrap:break-word;word-break:break-word}.break-all{word-break:break-all}.whitespace-nowrap{white-space:nowrap}.whitespace-normal{white-space:normal}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}.backdrop-blur-sm{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-lg{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.isolate{isolation:isolate}.mix-blend-multiply{mix-blend-mode:multiply}.mix-blend-screen{mix-blend-mode:screen}.mix-blend-overlay{mix-blend-mode:overlay}.blur-sm{filter:blur(4px)}.blur{filter:blur(8px)}.grayscale{filter:grayscale(100%)}.brightness-50{filter:brightness(.5)}.brightness-75{filter:brightness(.75)}.brightness-100{filter:brightness(1)}.brightness-125{filter:brightness(1.25)}@supports not (aspect-ratio: 1 / 1){.aspect-square:before{content:"";display:block;padding-top:100%}.aspect-video:before{content:"";display:block;padding-top:56.25%}}@media print{.print\\:hidden{display:none}.print\\:block{display:block}}[data-theme=dark] .dark\\:bg-primary{background-color:var(--bg-primary)}[data-theme=dark] .dark\\:text-primary{color:var(--text-primary)}[data-theme=dark] .dark\\:border-light{border-color:var(--border-light)}.header{position:sticky;top:0;z-index:var(--z-header);background-color:var(--bg-primary);border-bottom:1px solid var(--border-light);box-shadow:var(--shadow-sm);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.header-top{padding:var(--space-2) 0;background-color:var(--color-primary-600);color:var(--text-inverse)}.header-top__content{display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs)}.header-top__promo{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--font-medium)}.header-top__links{display:flex;gap:var(--space-4)}.header-top__links a{color:var(--text-inverse);text-decoration:none;transition:opacity var(--transition-fast)}.header-top__links a:hover{opacity:.8}.header-main{padding:var(--space-4) 0}.header-main__content{display:flex;align-items:center;gap:var(--space-6)}.header-logo{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-primary-600);text-decoration:none;transition:transform var(--transition-fast)}.header-logo:hover{transform:scale(1.05)}.header-logo__icon{width:40px;height:40px}.header-search{flex:1;max-width:600px;position:relative}.header-search__input{width:100%;padding:var(--space-3) var(--space-10) var(--space-3) var(--space-4);font-size:var(--text-sm);border:1px solid var(--border-medium);border-radius:var(--radius-full);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.header-search__input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100)}.header-search__button{position:absolute;right:var(--space-1);top:50%;transform:translateY(-50%);width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--color-primary-500);color:var(--text-inverse);border:none;border-radius:var(--radius-full);cursor:pointer;transition:background-color var(--transition-fast)}.header-search__button:hover{background-color:var(--color-primary-600)}.header-actions{display:flex;align-items:center;gap:var(--space-2)}.header-action-btn{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-3);font-size:var(--text-xs);color:var(--text-primary);background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.header-action-btn:hover{background-color:var(--bg-secondary)}.header-action-btn__icon{font-size:var(--text-xl)}.header-action-btn__badge{position:absolute;top:0;right:0;min-width:18px;height:18px;padding:0 var(--space-1);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--text-inverse);background-color:var(--color-error-500);border-radius:var(--radius-full)}.header-nav{padding:var(--space-3) 0;border-top:1px solid var(--border-light)}.header-nav__list{display:flex;gap:var(--space-1);list-style:none}.header-nav__item{position:relative}.header-nav__link{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:color var(--transition-fast),background-color var(--transition-fast)}.header-nav__link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.header-nav__link.active{color:var(--color-primary-600);background-color:var(--color-primary-50);font-weight:var(--font-semibold)}.header-mobile-toggle{display:none;padding:var(--space-2);font-size:var(--text-xl);color:var(--text-primary);background:none;border:none;cursor:pointer}@media(max-width:1024px){.header-top,.header-search{display:none}.header-nav{display:none;position:fixed;top:0;left:0;right:0;bottom:0;background-color:var(--bg-elevated);padding:var(--space-6);z-index:var(--z-modal);overflow-y:auto}.header-nav.open{display:block;animation:slideInLeft var(--transition-base)}.header-nav__list{flex-direction:column}.header-mobile-toggle{display:flex}.header-action-btn__label{display:none}}@media(max-width:640px){.header-logo__text{display:none}.header-actions{gap:0}}.header-user-menu{position:relative}.header-user-menu__toggle{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-full);cursor:pointer;transition:border-color var(--transition-fast)}.header-user-menu__toggle:hover{border-color:var(--border-medium)}.header-user-menu__avatar{width:32px;height:32px;border-radius:var(--radius-full);object-fit:cover}.header-user-menu__dropdown{position:absolute;top:calc(100% + var(--space-2));right:0;min-width:200px;background-color:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);padding:var(--space-2);z-index:var(--z-dropdown);animation:fadeInDown var(--transition-fast)}.header-user-menu__item{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3);font-size:var(--text-sm);color:var(--text-primary);text-align:left;text-decoration:none;background:none;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast)}.header-user-menu__item:hover{background-color:var(--bg-secondary)}.header-user-menu__divider{height:1px;margin:var(--space-2) 0;background-color:var(--border-light)}.header__content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) 0}.header__logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;transition:transform var(--transition-fast)}.header__logo:hover{transform:scale(1.05)}.header__logo-text{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--color-primary-600)}.header__nav{display:flex;align-items:center;gap:var(--space-1)}.header__nav-link{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-decoration:none;border-radius:var(--radius-lg);transition:color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.header__nav-link:hover{color:var(--text-primary);background-color:var(--bg-secondary)}.header__nav-link--login{color:var(--text-inverse);background-color:var(--color-primary-600);font-weight:var(--font-semibold)}.header__nav-link--login:hover{color:var(--text-inverse);background-color:var(--color-primary-700);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header__cart-badge,.header__notification-badge{position:absolute;top:-4px;right:-4px;min-width:20px;height:20px;padding:0 var(--space-1);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xs);font-weight:var(--font-bold);color:var(--text-inverse);background-color:var(--color-error-500);border-radius:var(--radius-full);border:2px solid var(--bg-elevated)}.header__active-badge{margin-left:var(--space-1);font-size:var(--text-lg);color:var(--color-success-500);animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.header__user{display:flex;align-items:center;gap:var(--space-3)}.header__user-name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.user-badge{padding:var(--space-1) var(--space-2);font-size:var(--text-2xs);font-weight:var(--font-semibold);color:var(--text-inverse);background-color:var(--color-primary-600);border-radius:var(--radius-md);text-transform:uppercase;letter-spacing:.025em}.user-badge.admin{background-color:var(--color-error-600)}.header__logout-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-inverse);background-color:var(--color-error-500);border:none;border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.header__logout-btn:hover{background-color:var(--color-error-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.header__section-title{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);padding:var(--space-2) var(--space-4);margin-right:auto}.header__user-section{display:flex;align-items:center;gap:var(--space-3);margin-left:auto}.header__user-info{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.header__role-badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px}.header__role-badge--admin{background-color:var(--color-error-50);color:var(--color-error-700);border:1px solid var(--color-error-200)}.header__role-badge--business{background-color:var(--color-primary-50);color:var(--color-primary-700);border:1px solid var(--color-primary-200)}:root[data-theme=dark] .header__role-badge--admin{background-color:#dc26261a;color:var(--color-error-400);border-color:#dc26264d}:root[data-theme=dark] .header__role-badge--business{background-color:#3b82f61a;color:var(--color-primary-400);border-color:#3b82f64d}@media(max-width:1024px){.header__nav{gap:var(--space-1)}.header__nav-link{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.header__section-title{display:none}}@media(max-width:768px){.header__content{gap:var(--space-4)}.header__logo-text{font-size:var(--text-xl)}.header__nav{gap:var(--space-1)}.header__nav-link{padding:var(--space-2);font-size:var(--text-xs)}.header__user-info,.header__section-title{display:none}}@media(max-width:640px){.header__content{gap:var(--space-2)}.header__logo-text{font-size:var(--text-lg)}.header__user-section{gap:var(--space-2)}.header__role-badge{padding:var(--space-1) var(--space-2);font-size:10px}}.footer{background-color:var(--color-neutral-900);color:var(--text-inverse);padding-top:var(--space-12);padding-bottom:var(--space-6);margin-top:var(--space-16)}.footer__content{display:grid;gap:var(--space-8);grid-template-columns:1fr;padding-bottom:var(--space-8);border-bottom:1px solid rgba(255,255,255,.1)}@media(min-width:640px){.footer__content{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.footer__content{grid-template-columns:2fr repeat(3,1fr)}}.footer__section{display:flex;flex-direction:column;gap:var(--space-4)}.footer__section-title{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-inverse);margin-bottom:var(--space-2)}.footer__section-text{font-size:var(--text-sm);line-height:var(--leading-relaxed);color:#ffffffb3}.footer__link-list{display:flex;flex-direction:column;gap:var(--space-3);list-style:none}.footer__link-item{display:flex}.footer__link{font-size:var(--text-sm);color:#ffffffb3;text-decoration:none;transition:color var(--transition-fast)}.footer__link:hover{color:var(--color-primary-400)}.footer__contact-list{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.footer__contact-item{font-size:var(--text-sm);color:#ffffffb3}.footer__bottom{padding-top:var(--space-6);text-align:center}.footer__copyright{font-size:var(--text-sm);color:#ffffff80}@media(max-width:640px){.footer{padding-top:var(--space-8)}.footer__content{gap:var(--space-6)}.footer__section-title{font-size:var(--text-base)}}.home-page{min-height:100vh}.hero{background:linear-gradient(135deg,var(--primary-600) 0%,var(--primary-700) 100%);color:var(--neutral-white);padding:var(--space-20) 0}.hero__content{text-align:center;max-width:800px;margin:0 auto}.hero__title{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);line-height:var(--leading-tight);color:var(--neutral-white)}.hero__slogan{font-size:var(--text-2xl);font-weight:var(--font-medium);margin-bottom:var(--space-4);opacity:.95}.hero__description{font-size:var(--text-lg);margin-bottom:var(--space-8);opacity:.9;line-height:var(--leading-relaxed)}.hero__actions{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.hero__btn{padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);text-decoration:none;transition:background-color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);display:inline-block}.hero__btn--primary{background:var(--neutral-white);color:var(--primary-600)}.hero__btn--primary:hover{background:var(--neutral-50);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.businesses-section{padding:var(--space-16) 0;background:var(--neutral-50)}.businesses-section__title{font-size:var(--text-3xl);font-weight:var(--font-bold);margin-bottom:var(--space-8);text-align:center;color:var(--neutral-900)}.businesses-section__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.features{padding:var(--space-20) 0;background:var(--neutral-white)}.features__title{font-size:var(--text-3xl);font-weight:var(--font-bold);text-align:center;margin-bottom:var(--space-12);color:var(--neutral-900)}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-8)}.feature-card{text-align:center;padding:var(--space-6)}.feature-card:hover{background:var(--neutral-50)}.feature-card__icon{font-size:3rem;margin-bottom:var(--space-4)}.feature-card__title{font-size:var(--text-xl);font-weight:var(--font-semibold);margin-bottom:var(--space-3);color:var(--neutral-900)}.feature-card__description{font-size:var(--text-base);color:var(--neutral-600);line-height:var(--leading-relaxed)}.signup-section{padding:var(--space-20) 0;background:linear-gradient(135deg,var(--primary-50) 0%,var(--primary-100) 100%)}.signup-section__content{text-align:center;max-width:800px;margin:0 auto}.signup-section__title{font-size:var(--text-4xl);font-weight:var(--font-bold);margin-bottom:var(--space-4);color:var(--neutral-900)}.signup-section__description{font-size:var(--text-lg);color:var(--neutral-700);margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.signup-section__buttons{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap}.action-button{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-4) var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);text-decoration:none;transition:background-color var(--transition-normal),border-color var(--transition-normal),color var(--transition-normal),transform var(--transition-normal),box-shadow var(--transition-normal);background:var(--primary-600);color:var(--neutral-white);border:2px solid var(--primary-600);cursor:pointer}.action-button:hover{background:var(--primary-700);border-color:var(--primary-700);color:var(--neutral-white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.action-button--secondary{background:var(--neutral-white);color:var(--primary-600);border-color:var(--primary-600)}.action-button--secondary:hover{background:var(--primary-50);color:var(--primary-700)}@media(max-width:768px){.hero{padding:var(--space-12) 0}.hero__title{font-size:var(--text-3xl)}.hero__slogan{font-size:var(--text-xl)}.businesses-section__grid,.features__grid{grid-template-columns:1fr}.signup-section__title{font-size:var(--text-2xl)}.signup-section__buttons{flex-direction:column}.action-button{width:100%}}.register-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-primary-100) 100%);padding:var(--space-4)}.register-container{width:100%;max-width:600px;background-color:#fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-2xl);overflow:hidden}.register-header{padding:var(--space-8) var(--space-6);text-align:center;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-600) 100%);color:#fff}.register-header h1{margin:0 0 var(--space-2) 0;font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:#fff}.register-header p{margin:0;font-size:var(--text-base);color:#fffffff2;font-weight:var(--font-medium)}.register-logo{width:64px;height:64px;margin:0 auto var(--space-3);display:flex;align-items:center;justify-content:center;background-color:#fff3;border-radius:var(--radius-full);font-size:var(--text-3xl);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.register-title{margin-bottom:var(--space-2);font-size:var(--text-2xl);font-weight:var(--font-extrabold)}.register-subtitle{font-size:var(--text-sm);opacity:.9}.register-body{padding:var(--space-8) var(--space-6)}.register-steps{display:flex;justify-content:space-between;margin-bottom:var(--space-8);position:relative}.register-steps:before{content:"";position:absolute;top:16px;left:10%;right:10%;height:2px;background-color:var(--border-light);z-index:0}.register-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);flex:1;z-index:1}.register-step__circle{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-elevated);border:2px solid var(--border-light);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--text-secondary);transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast)}.register-step.active .register-step__circle{background-color:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--text-inverse);transform:scale(1.1)}.register-step.completed .register-step__circle{background-color:var(--color-success-500);border-color:var(--color-success-500);color:var(--text-inverse)}.register-step__label{font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);text-align:center}.register-step.active .register-step__label{color:var(--color-primary-600);font-weight:var(--font-semibold)}.register-form{display:flex;flex-direction:column;gap:var(--space-5);padding:var(--space-8) var(--space-6)}.register-form__row{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.register-form__row{grid-template-columns:repeat(2,1fr)}}.register-form__actions{display:flex;gap:var(--space-3);margin-top:var(--space-4)}.register-form__actions .btn{flex:1}.register-terms{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-4);background-color:var(--bg-secondary);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary)}.register-terms input[type=checkbox]{margin-top:2px;cursor:pointer}.form-checkbox{margin-bottom:var(--space-4)}.checkbox-label{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:16px;height:16px;cursor:pointer;accent-color:var(--color-primary-600)}.register-terms a{color:var(--color-primary-600);text-decoration:none;font-weight:var(--font-medium)}.register-terms a:hover{text-decoration:underline}.register-footer{padding:var(--space-6);text-align:center;font-size:var(--text-sm);color:var(--text-secondary);background-color:var(--bg-secondary);border-top:1px solid var(--border-light)}.register-footer p{margin:0 0 var(--space-2) 0}.register-footer p:last-child{margin-bottom:0}.register-footer a{color:var(--color-primary-600);font-weight:var(--font-semibold);text-decoration:none;transition:color var(--transition-fast)}.register-footer a:hover{color:var(--color-primary-700);text-decoration:underline}.register-error{padding:var(--space-3) var(--space-4);background-color:var(--color-error-50);border-left:4px solid var(--color-error-500);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-error-700);animation:shake var(--transition-base)}.register-success{padding:var(--space-3) var(--space-4);background-color:var(--color-success-50);border-left:4px solid var(--color-success-500);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-success-700);animation:fadeInDown var(--transition-base)}.register-role-selector{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media(min-width:640px){.register-role-selector{grid-template-columns:repeat(3,1fr)}}.register-role-card{padding:var(--space-6);text-align:center;background-color:var(--bg-secondary);border:2px solid var(--border-light);border-radius:var(--radius-xl);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.register-role-card:hover{border-color:var(--color-primary-300);background-color:var(--color-primary-50);transform:translateY(-2px);box-shadow:var(--shadow-md)}.register-role-card.selected{border-color:var(--color-primary-500);background-color:var(--color-primary-50);box-shadow:var(--shadow-lg)}.register-role-card__icon{font-size:var(--text-4xl);margin-bottom:var(--space-3)}.register-role-card__title{margin-bottom:var(--space-2);font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.register-role-card__description{font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-relaxed)}@media(max-width:640px){.register-container{border-radius:0;box-shadow:none}.register-page{padding:0}.register-header{padding:var(--space-4)}.register-body{padding:var(--space-6) var(--space-4)}.register-steps{margin-bottom:var(--space-6)}.register-step__label{display:none}}.error-message{padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);background-color:var(--color-error-50);border-left:4px solid var(--color-error-500);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--color-error-700);animation:shake var(--transition-base)}.form-section{margin-bottom:var(--space-8)}.section-title{margin:0 0 var(--space-4) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);padding-bottom:var(--space-3);border-bottom:2px solid var(--border-light)}.step-indicator{display:flex;justify-content:center;align-items:center;gap:var(--space-4);padding:var(--space-6) var(--space-4);background-color:var(--color-neutral-50);border-bottom:1px solid var(--border-light)}.step{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary)}.step.active{color:var(--color-primary-600);font-weight:var(--font-semibold)}.step.completed{color:var(--color-success-600)}.step-number{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background-color:var(--color-neutral-200);border-radius:var(--radius-full);font-weight:var(--font-bold);color:var(--text-secondary)}.step.active .step-number{background-color:var(--color-primary-600);color:#fff}.step.completed .step-number{background-color:var(--color-success-600);color:#fff}.step-divider{width:40px;height:2px;background-color:var(--border-medium)}.step-label{display:inline-block}.register-container{max-width:800px}@media(max-width:640px){.step-label{display:none}}.business-profile-page{min-height:calc(100vh - 200px);background-color:var(--bg-secondary);padding-bottom:var(--space-8)}.business-banner{width:100%;height:220px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.business-banner:after{content:"";position:absolute;bottom:0;left:0;right:0;height:60px;background:linear-gradient(transparent,#0000004d)}.business-banner-placeholder{width:100%;height:220px;background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-primary-300) 100%);position:relative;overflow:hidden}.business-banner-placeholder .placeholder-pattern{width:100%;height:100%;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(255,255,255,.1) 10px,rgba(255,255,255,.1) 20px)}@media(max-width:768px){.business-banner,.business-banner-placeholder{height:160px}}.business-header{max-width:1200px;margin:-35px auto 0;padding:var(--space-5) var(--space-6);background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);position:relative;z-index:10;border:1px solid var(--border-light);transition:background-color .5s ease,border-color .5s ease}.business-header.has-accent{background:linear-gradient(135deg,rgba(var(--h-r, 14),var(--h-g, 165),var(--h-b, 233),.07) 0%,rgba(var(--h-r, 14),var(--h-g, 165),var(--h-b, 233),.02) 40%,var(--bg-elevated) 70%);border-color:rgba(var(--h-r, 14),var(--h-g, 165),var(--h-b, 233),.18)}.business-header.has-accent:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:rgb(var(--h-r, 14),var(--h-g, 165),var(--h-b, 233));border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.business-info-main{position:relative;min-height:100px;display:flex;align-items:center}.business-logo-group{position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.business-logo-container{flex-shrink:0}.business-logo{width:72px;height:72px;border-radius:var(--radius-xl);object-fit:cover;border:3px solid var(--bg-elevated);box-shadow:var(--shadow-lg)}.business-logo-placeholder{width:72px;height:72px;border-radius:var(--radius-xl);background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-primary-700) 100%);display:flex;align-items:center;justify-content:center;font-size:var(--text-2xl);color:var(--text-inverse);font-weight:var(--font-bold);box-shadow:var(--shadow-lg)}.business-status{display:inline-flex;align-items:center;gap:4px;padding:2px var(--space-2);border-radius:var(--radius-full);font-size:10px;font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.status-dot{width:6px;height:6px;border-radius:50%}.business-status.open{background:var(--color-success-50);color:var(--color-success-700)}.business-status.open .status-dot{background:var(--color-success-500);box-shadow:0 0 5px var(--color-success-400);animation:pulse-dot 2s ease-in-out infinite}.business-status.closed{background:var(--color-error-50);color:var(--color-error-700)}.business-status.closed .status-dot{background:var(--color-error-500)}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.5}}[data-theme=dark] .business-status.open{background:#22c55e26;color:var(--color-success-400)}[data-theme=dark] .business-status.closed{background:#ef444426;color:var(--color-error-400)}.business-info-content{text-align:center;width:100%}.business-name{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-1) 0;line-height:var(--leading-tight)}.business-meta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center;margin-top:var(--space-1)}.business-rating{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.rating-star{font-size:var(--text-sm)}.rating-value{color:var(--color-warning-500);font-weight:var(--font-bold)}.rating-count{color:var(--text-tertiary);font-size:var(--text-xs)}.business-category{padding:var(--space-1) var(--space-3);background-color:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold)}.business-header.has-accent .business-category{background-color:rgba(var(--h-r, 14),var(--h-g, 165),var(--h-b, 233),.1);color:rgb(var(--h-r, 14),var(--h-g, 165),var(--h-b, 233))}.business-contact-row{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center;justify-content:center;margin-top:var(--space-2)}.contact-link{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm);font-weight:var(--font-medium);text-decoration:none;transition:color var(--transition-fast),background-color var(--transition-fast);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md)}.whatsapp-link{color:#25d366}.whatsapp-link:hover{background:#25d3661a}.whatsapp-icon{width:16px;height:16px;flex-shrink:0}.email-link{color:var(--text-secondary)}.email-link:hover{color:var(--color-primary-600);background:var(--color-primary-50)}.business-rating-inline{display:flex;align-items:center;gap:var(--space-1);font-size:var(--text-sm)}.business-details-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid rgba(var(--h-r, 200),var(--h-g, 200),var(--h-b, 200),.12)}.business-header:not(.has-accent) .business-details-grid{border-top-color:var(--border-light)}.detail-card{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--bg-secondary);transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);min-width:0}.detail-card:hover{background:var(--bg-tertiary);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.business-header.has-accent .detail-card:hover{background:rgba(var(--h-r, 14),var(--h-g, 165),var(--h-b, 233),.06)}.detail-card-icon{font-size:var(--text-lg);flex-shrink:0;width:28px;height:28px;display:flex;align-items:center;justify-content:center}.detail-card-content{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.detail-card-label{font-size:10px;font-weight:var(--font-bold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;line-height:1}.detail-card-value{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);line-height:var(--leading-snug);word-break:break-word}.detail-card-wide{grid-column:span 2}.business-rating-detail{display:flex;flex-direction:column;gap:2px}.rating-value-large{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-warning-500);line-height:1}.rating-count-small{font-size:var(--text-xs);color:var(--text-tertiary)}.hours-schedule{display:flex;flex-direction:column;gap:2px}.hours-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);padding:2px 0}.hours-row.closed{opacity:.5}.hours-days{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);min-width:80px}.hours-time{font-size:var(--text-sm);color:var(--text-secondary)}.hours-row.closed .hours-time{color:var(--color-error-500);font-style:italic}.detail-card-link{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-600);text-decoration:none;line-height:var(--leading-snug);word-break:break-word;transition:color var(--transition-fast);display:flex;flex-direction:column;gap:2px}.detail-card-link:hover{color:var(--color-primary-700)}.map-hint{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-normal)}.detail-card-link:hover .map-hint{color:var(--color-primary-500)}.delivery-options-list{display:flex;flex-direction:column;gap:2px}.pickup-text{color:var(--text-secondary);font-style:italic}.business-about-section{max-width:1200px;margin:var(--space-5) auto 0;padding:var(--space-4) var(--space-5);background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.business-about-section h2{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-3) 0}.business-about-text{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary);margin:0 0 var(--space-3) 0}.business-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.business-tag{padding:var(--space-1) var(--space-3);background:var(--color-primary-50);color:var(--color-primary-700);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium)}[data-theme=dark] .business-tag{background:#0ea5e91a;color:var(--color-primary-400)}.business-filters{max-width:1200px;margin:var(--space-6) auto 0;padding:0 var(--space-4)}.filters-top-bar{display:flex;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap}.business-filters .search-container{flex:1;min-width:250px}.business-filters .search-input{width:100%;padding:var(--space-4);font-size:var(--text-base);border:1px solid var(--border-medium);border-radius:var(--radius-lg);background-color:var(--bg-primary);color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.business-filters .search-input:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0ea5e91a}.business-filters .search-input::placeholder{color:var(--text-disabled)}.sort-container{display:flex;align-items:center;gap:var(--space-2)}.sort-container label{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap}.sort-select{min-width:160px;padding:var(--space-3) var(--space-8) var(--space-3) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);background:var(--bg-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23666' d='M6 9L1 4h10z'/%3E%3C/svg%3E") no-repeat right var(--space-3) center;border:1px solid var(--border-medium);border-radius:var(--radius-lg);cursor:pointer;transition:border-color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast);-moz-appearance:none;appearance:none;-webkit-appearance:none}.sort-select:hover{border-color:var(--border-dark);background-color:var(--bg-tertiary)}.sort-select:focus{outline:none;border-color:var(--color-primary-500);box-shadow:0 0 0 3px #0ea5e91a}[data-theme=dark] .sort-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23aaa' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.filters-container{display:flex;flex-wrap:wrap;gap:var(--space-2)}.category-chip{padding:var(--space-2) var(--space-4);border:1px solid var(--border-light);border-radius:var(--radius-full);background-color:var(--bg-primary);color:var(--text-secondary);font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);white-space:nowrap}.category-chip:hover{background-color:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.category-chip.active{background-color:var(--color-primary-500);border-color:var(--color-primary-500);color:var(--text-inverse)}.filters-status{display:flex;align-items:center;justify-content:space-between;padding-top:var(--space-3);margin-top:var(--space-3);gap:var(--space-4)}.filters-status .results-count{margin:0;font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.filters-status .clear-filters-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);background:var(--bg-tertiary);border:1px solid var(--border-medium);border-radius:var(--radius-md);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);display:inline-flex;align-items:center;gap:var(--space-2)}.filters-status .clear-filters-btn:hover{background:var(--color-error-50);border-color:var(--color-error-200);color:var(--color-error-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}[data-theme=dark] .filters-status .clear-filters-btn:hover{background:#ef44441a;border-color:var(--color-error-500);color:var(--color-error-400)}.search-results-info{max-width:1200px;margin:var(--space-4) auto 0;padding:0 var(--space-4)}.search-results-info p{margin:0;color:var(--text-secondary);font-size:var(--text-sm)}.link-button{background:none;border:none;color:var(--color-primary-600);cursor:pointer;text-decoration:underline;padding:0;font-size:inherit;font-weight:var(--font-medium)}.link-button:hover{color:var(--color-primary-700)}.products-catalog{max-width:1200px;margin:var(--space-6) auto 0;padding:0 var(--space-4)}.category-section{margin-bottom:var(--space-8)}.category-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4) 0;padding-bottom:var(--space-2);border-bottom:2px solid var(--color-primary-500)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.product-card{position:relative;display:flex;flex-direction:column;background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light);transition:box-shadow var(--transition-base),transform var(--transition-base),border-color var(--transition-base);overflow:hidden;cursor:pointer}.product-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary-300)}[data-theme=dark] .product-card{background:var(--bg-secondary);border-color:var(--border-medium)}[data-theme=dark] .product-card:hover{border-color:var(--color-primary-500)}.product-image-container{position:relative;width:100%;height:200px;overflow:hidden;background-color:var(--bg-tertiary)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,var(--bg-tertiary) 0%,var(--bg-secondary) 100%);color:var(--text-tertiary)}.product-badges{position:absolute;top:var(--space-3);right:var(--space-3);display:flex;flex-direction:column;gap:var(--space-2);z-index:5}.product-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 4px #0000001a;background:#000000bf;color:#fff}.product-badge.customizable{background:#3b82f6e6}.product-badge.featured{background:#f58f00e6}.product-info{padding:var(--space-4);flex:1;display:flex;flex-direction:column}.product-name{margin:0 0 var(--space-2) 0;font-size:var(--text-base);font-weight:var(--font-semibold);line-height:var(--leading-tight);color:var(--text-primary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-description{margin:0 0 var(--space-3) 0;font-size:var(--text-sm);color:var(--text-secondary);line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.product-ingredients{margin:0 0 var(--space-2) 0;font-size:var(--text-xs);color:var(--text-tertiary, var(--text-secondary));line-height:var(--leading-normal);display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.product-rating .stars{color:var(--color-warning-500);font-size:var(--text-sm)}.product-rating .rating-text{font-size:var(--text-xs);color:var(--text-tertiary)}.product-tags{display:flex;flex-wrap:wrap;gap:var(--space-1);margin-bottom:var(--space-3)}.product-tags .tag{padding:var(--space-1) var(--space-2);background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-md);font-size:var(--text-xs);font-weight:var(--font-medium)}.product-footer{display:flex;flex-direction:column;gap:var(--space-3);margin-top:auto;padding-top:var(--space-3);border-top:1px solid var(--border-light)}.product-price-area{display:flex;align-items:baseline;gap:var(--space-2)}.current-price{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary-600)}.current-price.discounted{color:var(--color-success-600)}.product-price{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--color-primary-600)}.old-price{font-size:var(--text-sm);font-weight:var(--font-normal);color:var(--text-tertiary);text-decoration:line-through}.product-actions{display:flex;gap:var(--space-2)}.btn-add-to-cart{flex:1;padding:var(--space-2) var(--space-3);background-color:var(--color-primary-500);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast);text-align:center}.btn-add-to-cart:hover:not(:disabled){background-color:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn-add-to-cart:disabled{opacity:.5;cursor:not-allowed}.btn-customize{flex:1;padding:var(--space-2) var(--space-3);background:none;color:var(--color-primary-600);border:1.5px solid var(--color-primary-300);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast);text-align:center}.btn-customize:hover{background:var(--color-primary-50);border-color:var(--color-primary-500)}.product-rating{display:flex;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3)}.product-stars{color:var(--color-warning-500);font-size:var(--text-sm);letter-spacing:1px}.product-rating-value{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-warning-600)}.product-rating-count{font-size:var(--text-xs);color:var(--text-tertiary)}.reviews-section{max-width:1200px;margin:var(--space-8) auto 0;padding:0 var(--space-4)}.reviews-section .section-header,.reviews-section .reviews-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-4)}.reviews-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0}.toggle-reviews-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-primary-700);background:var(--color-primary-50);border:1px solid var(--color-primary-200);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast)}.toggle-reviews-btn:hover{background:var(--color-primary-100);border-color:var(--color-primary-300)}.load-more-reviews-btn{width:100%;margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-primary);border:1px solid var(--border-medium);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.load-more-reviews-btn:hover:not(:disabled){background:var(--color-primary-50);border-color:var(--color-primary-300);color:var(--color-primary-700)}.load-more-reviews-btn:disabled{opacity:.5;cursor:not-allowed}.no-reviews{text-align:center;padding:var(--space-6);color:var(--text-tertiary);font-size:var(--text-sm)}.related-products-section{max-width:1200px;margin:var(--space-8) auto 0;padding:var(--space-6);background:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);border:1px solid var(--border-light)}.related-products-section h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--text-primary);margin:0 0 var(--space-4) 0}.empty-state{text-align:center;padding:var(--space-12) var(--space-4)}.empty-state-icon{font-size:4rem;margin-bottom:var(--space-4)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin:0 0 var(--space-2) 0}.empty-state-message{font-size:var(--text-base);color:var(--text-secondary);margin:0}.business-profile-error{max-width:600px;margin:var(--space-12) auto;padding:var(--space-8);background-color:var(--bg-elevated);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-align:center;border:1px solid var(--border-light)}.business-profile-error h2{color:var(--color-error-600);margin:0 0 var(--space-3) 0;font-size:var(--text-2xl);font-weight:var(--font-bold)}.business-profile-error p{color:var(--text-secondary);margin:0 0 var(--space-6) 0}.business-profile-error button{padding:var(--space-3) var(--space-6);background-color:var(--color-primary-500);color:var(--text-inverse);border:none;border-radius:var(--radius-lg);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background-color var(--transition-fast),transform var(--transition-fast),box-shadow var(--transition-fast)}.business-profile-error button:hover{background-color:var(--color-primary-600);transform:translateY(-1px);box-shadow:var(--shadow-sm)}@media(max-width:1024px){.business-header{margin-left:var(--space-4);margin-right:var(--space-4)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}}@media(max-width:768px){.business-info-main{flex-direction:column;text-align:center;padding-top:100px}.business-logo-group{position:absolute;top:0;left:50%;transform:translate(-50%)}.business-info-content{width:100%}.business-name{font-size:var(--text-xl)}.business-details-grid{grid-template-columns:1fr 1fr}.detail-card-wide{grid-column:1 / -1}.filters-top-bar{flex-direction:column}.sort-container{width:100%}.sort-select{flex:1}.business-filters .search-container{min-width:auto}.filters-container{justify-content:center}.products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:var(--space-4)}.business-header{margin-top:-30px;margin-left:var(--space-3);margin-right:var(--space-3);padding:var(--space-4)}.business-logo,.business-logo-placeholder{width:64px;height:64px}.business-logo-placeholder{font-size:var(--text-2xl)}.business-about-section,.related-products-section{margin-left:var(--space-3);margin-right:var(--space-3)}}@media(max-width:480px){.business-profile-page{padding-bottom:var(--space-4)}.business-header{padding:var(--space-4) var(--space-3);margin-top:-20px;margin-left:var(--space-2);margin-right:var(--space-2)}.products-catalog,.reviews-section{padding-left:var(--space-2);padding-right:var(--space-2)}.business-about-section,.related-products-section{padding:var(--space-4) var(--space-3);margin-left:var(--space-2);margin-right:var(--space-2)}.product-info{padding:var(--space-3)}.product-image-container{height:150px}.product-name{font-size:var(--text-sm)}.current-price{font-size:var(--text-base)}.btn-add-to-cart,.btn-customize{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.business-details-grid{grid-template-columns:1fr}.detail-card-wide{grid-column:1}.category-title{font-size:var(--text-xl)}}.chat-message{display:flex;margin-bottom:16px;max-width:70%;animation:slideIn .2s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-message.own-message{margin-left:auto;flex-direction:row-reverse}.chat-message.other-message{margin-right:auto}.chat-message.bot-message .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.chat-message.chat-message-system{max-width:100%;justify-content:center;margin:8px 0}.chat-message-system .message-content{background:#f0f0f0;color:#666;padding:8px 16px;border-radius:16px;font-size:.85rem;display:flex;align-items:center;gap:8px}.chat-message-system .system-icon{font-size:1rem}.message-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;margin:0 8px}.message-wrapper{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.message-header{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#666;padding:0 12px}.sender-name{font-weight:600;color:#333}.sender-role{padding:2px 8px;background:#e0e7ff;border-radius:10px;font-size:.75rem}.message-bubble{background:#f0f0f0;border-radius:16px;padding:10px 14px;word-wrap:break-word;transition:background-color .2s,color .2s}.own-message .message-bubble{background:var(--primary-color, #3b82f6);color:#fff}.message-content{line-height:1.5;white-space:pre-wrap}.message-attachment{margin-top:8px;padding:8px;background:#ffffff1a;border-radius:8px;font-size:.85rem}.message-suggestions{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.suggestion-btn{padding:6px 12px;background:#fff;border:1px solid #ddd;border-radius:16px;font-size:.85rem;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.suggestion-btn:hover{background:var(--primary-color, #3b82f6);color:#fff;border-color:var(--primary-color, #3b82f6)}.message-footer{display:flex;align-items:center;gap:6px;font-size:.7rem;color:#999;padding:0 12px}.own-message .message-footer{justify-content:flex-end}.message-status{color:var(--success-color, #10b981);font-weight:600}@media(max-width:768px){.chat-message{max-width:85%}.message-bubble{padding:8px 12px}.message-avatar{width:32px;height:32px;font-size:14px}}.chat-input-container{background:#fff;border-top:1px solid #e5e7eb;padding:12px}.attachment-preview{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#f3f4f6;border-radius:8px;margin-bottom:8px}.attachment-info{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#374151}.attachment-icon{font-size:1.2rem}.attachment-name{font-weight:500}.attachment-size{color:#6b7280}.attachment-remove{background:transparent;border:none;color:#ef4444;font-size:1.2rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.attachment-remove:hover{background:#fee2e2}.chat-input-wrapper{display:flex;align-items:flex-end;gap:8px}.chat-file-input{display:none}.chat-attachment-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:#f3f4f6;border:none;border-radius:8px;cursor:pointer;font-size:1.2rem;transition:background-color .2s,transform .2s}.chat-attachment-btn:hover{background:#e5e7eb;transform:scale(1.05)}.chat-input{flex:1;min-height:36px;max-height:120px;padding:8px 12px;border:1px solid #e5e7eb;border-radius:8px;font-size:.95rem;font-family:inherit;resize:none;overflow-y:auto;transition:border-color .2s}.chat-input:focus{outline:none;border-color:var(--primary-color, #3b82f6);box-shadow:0 0 0 3px #3b82f61a}.chat-input:disabled{background:#f9fafb;cursor:not-allowed}.chat-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:var(--primary-color, #3b82f6);color:#fff;border:none;border-radius:8px;cursor:pointer;transition:background-color .2s,transform .2s}.chat-send-btn:hover:not(:disabled){background:var(--primary-color-dark, #2563eb);transform:scale(1.05)}.chat-send-btn:disabled{background:#d1d5db;cursor:not-allowed}.chat-send-btn svg{transform:rotate(45deg)}@media(max-width:768px){.chat-input-container{padding:8px}.chat-input-wrapper{gap:6px}.chat-attachment-btn,.chat-send-btn{width:32px;height:32px;font-size:1rem}.chat-input{font-size:.9rem}}.typing-indicator-container{display:flex;align-items:flex-start;margin-bottom:16px;animation:fadeIn .3s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.typing-avatar{width:36px;height:36px;border-radius:50%;background:var(--primary-color, #3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:16px;flex-shrink:0;margin-right:8px}.typing-bubble{background:#f0f0f0;border-radius:16px;padding:10px 14px;display:flex;flex-direction:column;gap:4px}.typing-name{font-size:.75rem;color:#666;font-weight:500}.typing-dots{display:flex;align-items:center;gap:4px;height:20px}.typing-dot{width:8px;height:8px;background:#999;border-radius:50%;animation:typingAnimation 1.4s infinite}.typing-dot:nth-child(2){animation-delay:.2s}.typing-dot:nth-child(3){animation-delay:.4s}@keyframes typingAnimation{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}@media(max-width:768px){.typing-avatar{width:32px;height:32px;font-size:14px}.typing-bubble{padding:8px 12px}.typing-dot{width:6px;height:6px}}.bot-chat-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.bot-chat-header{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.bot-avatar-large{width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-size:28px;flex-shrink:0}.bot-info h3{margin:0;font-size:1.1rem;font-weight:600}.bot-info p{margin:4px 0 0;font-size:.85rem;opacity:.9}.bot-chat-messages{flex:1;overflow-y:auto;padding:16px;background:#f9fafb}.bot-typing-indicator{display:flex;align-items:center;gap:4px;padding:12px 16px;background:#f0f0f0;border-radius:16px;width:fit-content;margin-bottom:16px}.bot-typing-indicator .dot{width:8px;height:8px;background:#999;border-radius:50%;animation:botTyping 1.4s infinite}.bot-typing-indicator .dot:nth-child(2){animation-delay:.2s}.bot-typing-indicator .dot:nth-child(3){animation-delay:.4s}@keyframes botTyping{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-10px)}}@media(max-width:768px){.bot-chat-header{padding:12px}.bot-avatar-large{width:40px;height:40px;font-size:24px}.bot-info h3{font-size:1rem}.bot-info p{font-size:.8rem}.bot-chat-messages{padding:12px}}.support-chat-container{display:flex;flex-direction:column;height:100%;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 2px 8px #0000001a}.support-chat-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;color:#666}.spinner{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:var(--primary-color, #3b82f6);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.support-chat-header{display:flex;align-items:center;justify-content:space-between;padding:16px;background:var(--primary-color, #3b82f6);color:#fff}.ticket-info h3{margin:0 0 8px;font-size:1.1rem;font-weight:600}.ticket-meta{display:flex;align-items:center;gap:12px;font-size:.85rem}.status-badge{padding:4px 12px;border-radius:12px;font-weight:500;font-size:.75rem}.status-open{background:#fff3}.status-in-progress{background:#3b82f6e6}.status-waiting{background:#fbbf24e6}.status-resolved{background:#10b981e6}.status-closed{background:#6b7280e6}.assigned-to{opacity:.9}.close-chat-btn{background:transparent;border:none;color:#fff;font-size:1.5rem;cursor:pointer;padding:4px 8px;border-radius:4px;transition:background .2s}.close-chat-btn:hover{background:#fff3}.support-chat-messages{flex:1;overflow-y:auto;padding:16px;background:#f9fafb}.empty-chat{display:flex;align-items:center;justify-content:center;height:100%;color:#9ca3af;text-align:center}@media(max-width:768px){.support-chat-header{padding:12px}.ticket-info h3{font-size:1rem}.ticket-meta{flex-wrap:wrap;gap:6px}.support-chat-messages{padding:12px}}.queue-dashboard{padding:24px;background:#f9fafb;min-height:100vh}.queue-loading,.queue-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:400px;gap:16px;color:#666}.queue-header{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.queue-header h2{margin:0 0 16px;font-size:1.5rem;color:#1f2937}.queue-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px}.stat-card{display:flex;flex-direction:column;align-items:center;padding:16px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:8px;text-align:center}.stat-value{font-size:2rem;font-weight:700;margin-bottom:4px}.stat-label{font-size:.85rem;opacity:.9}.queue-actions{background:#fff;padding:24px;border-radius:12px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a;display:flex;flex-direction:column;gap:16px}.active-ticket-info{display:flex;align-items:center;justify-content:space-between;padding:16px;background:#f0fdf4;border:2px solid #10b981;border-radius:8px;flex-wrap:wrap;gap:12px}.active-ticket-info p{margin:0;color:#047857}.queue-content{display:grid;grid-template-columns:1fr 1fr;gap:24px}.queue-list,.agents-status{background:#fff;padding:24px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.queue-list h3,.agents-status h3{margin:0 0 16px;font-size:1.2rem;color:#1f2937}.empty-queue{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:#6b7280}.empty-icon{font-size:3rem;margin-bottom:12px}.tickets-grid{display:flex;flex-direction:column;gap:12px}.ticket-preview{display:flex;align-items:center;gap:12px;padding:12px;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;transition:background-color .2s,border-color .2s}.ticket-preview:hover{background:#f3f4f6;border-color:var(--primary-color, #3b82f6)}.ticket-position{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:var(--primary-color, #3b82f6);color:#fff;border-radius:50%;font-weight:700;font-size:1.1rem;flex-shrink:0}.ticket-info{display:flex;flex-direction:column;gap:4px;flex:1}.priority{padding:2px 8px;border-radius:12px;font-size:.75rem;font-weight:500;width:fit-content}.priority-1{background:#dbeafe;color:#1e40af}.priority-2,.priority-3{background:#fef3c7;color:#92400e}.priority-4,.priority-5{background:#fee2e2;color:#991b1b}.wait-time{font-size:.85rem;color:#6b7280}.status-selector{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.status-btn{flex:1;min-width:120px;padding:8px 16px;border:2px solid #e5e7eb;background:#fff;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:500;transition:background-color .2s}.status-btn:hover{background:#f9fafb}.status-available{border-color:#10b981;color:#10b981}.status-available:hover{background:#d1fae5}.status-away{border-color:#f59e0b;color:#f59e0b}.status-away:hover{background:#fef3c7}.status-offline{border-color:#ef4444;color:#ef4444}.status-offline:hover{background:#fee2e2}.agents-grid{display:flex;flex-direction:column;gap:12px}.agent-card{padding:16px;border:2px solid #e5e7eb;border-radius:8px;transition:border-color .2s,background-color .2s}.agent-available{border-color:#10b981;background:#f0fdf4}.agent-busy{border-color:#3b82f6;background:#eff6ff}.agent-away{border-color:#f59e0b;background:#fffbeb}.agent-offline{border-color:#9ca3af;background:#f9fafb}.agent-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.agent-name{font-weight:600;color:#1f2937}.agent-status-badge{padding:4px 8px;border-radius:12px;font-size:.75rem;font-weight:500;text-transform:uppercase}.status-available{background:#10b981;color:#fff}.status-busy{background:#3b82f6;color:#fff}.status-away{background:#f59e0b;color:#fff}.status-offline{background:#9ca3af;color:#fff}.agent-stats{display:flex;gap:16px;font-size:.85rem;color:#6b7280}@media(max-width:1024px){.queue-content{grid-template-columns:1fr}}@media(max-width:768px){.queue-dashboard,.queue-header,.queue-actions,.queue-list,.agents-status{padding:16px}.queue-stats{grid-template-columns:1fr}.active-ticket-info{flex-direction:column;align-items:flex-start}.status-selector{flex-direction:column}.status-btn{min-width:100%}}.theme-toggle{display:flex;align-items:center;justify-content:center;padding:var(--space-2);background:transparent;border:2px solid var(--border-light);border-radius:var(--radius-lg);cursor:pointer;transition:background-color var(--transition-fast),border-color var(--transition-fast),transform var(--transition-fast);color:var(--text-primary)}.theme-toggle:hover{background-color:var(--bg-secondary);border-color:var(--color-primary-500);transform:scale(1.05)}.theme-toggle:active{transform:scale(.95)}.theme-icon{width:20px;height:20px;stroke-width:2}.theme-toggle.small{padding:var(--space-1)}.theme-toggle.small .theme-icon{width:16px;height:16px}.theme-toggle.medium{padding:var(--space-2)}.theme-toggle.medium .theme-icon{width:20px;height:20px}.theme-toggle.large{padding:var(--space-3)}.theme-toggle.large .theme-icon{width:24px;height:24px}.theme-toggle:focus{outline:none;box-shadow:0 0 0 3px #0ea5e94d}.theme-toggle:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:2px}.error-boundary{display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-4);background:var(--neutral-50, #f9fafb)}.error-boundary-content{max-width:600px;padding:var(--space-8);background:var(--white, #ffffff);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);text-align:center}.error-boundary-icon{font-size:4rem;margin-bottom:var(--space-4)}.error-boundary-title{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--neutral-900, #111827);margin-bottom:var(--space-3)}.error-boundary-message{font-size:var(--text-base);color:var(--neutral-600, #4b5563);margin-bottom:var(--space-6);line-height:1.6}.error-boundary-details{margin:var(--space-6) 0;text-align:left;background:var(--neutral-100, #f3f4f6);border-radius:var(--radius-md);padding:var(--space-4)}.error-boundary-details summary{cursor:pointer;font-weight:var(--font-semibold);color:var(--neutral-700, #374151);padding:var(--space-2);-webkit-user-select:none;user-select:none}.error-boundary-details summary:hover{color:var(--primary-600, #dc2626)}.error-boundary-stack{margin-top:var(--space-3);padding:var(--space-3);background:var(--neutral-900, #111827);color:var(--neutral-100, #f3f4f6);border-radius:var(--radius-sm);font-family:Courier New,monospace;font-size:var(--text-sm);overflow-x:auto;white-space:pre-wrap;word-break:break-word}.error-boundary-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.error-boundary-button{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-semibold);cursor:pointer;transition:background-color .2s,transform .2s,box-shadow .2s;border:none;min-width:140px}.error-boundary-button-primary{background:var(--primary-600, #dc2626);color:var(--white, #ffffff)}.error-boundary-button-primary:hover{background:var(--primary-700, #b91c1c);transform:translateY(-1px);box-shadow:var(--shadow-md)}.error-boundary-button-secondary{background:var(--neutral-200, #e5e7eb);color:var(--neutral-700, #374151)}.error-boundary-button-secondary:hover{background:var(--neutral-300, #d1d5db);transform:translateY(-1px)}@media(max-width:640px){.error-boundary-content{padding:var(--space-6)}.error-boundary-title{font-size:var(--text-xl)}.error-boundary-actions{flex-direction:column}.error-boundary-button{width:100%}}