@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Outfit:wght@400;500;600;700;800&display=swap";:root{--color-primary-50: #fffbeb;--color-primary-100: #fef3c7;--color-primary-200: #fde68a;--color-primary-300: #fcd34d;--color-primary-400: #fbbf24;--color-primary-500: #f59e0b;--color-primary-600: #d97706;--color-primary-700: #b45309;--color-primary-800: #92400e;--color-primary-900: #78350f;--color-secondary-50: #fdf8f6;--color-secondary-100: #f2e8e5;--color-secondary-200: #eaddd7;--color-secondary-300: #e0cec7;--color-secondary-400: #d2bab0;--color-secondary-500: #bfa094;--color-secondary-600: #a18072;--color-secondary-700: #977669;--color-secondary-800: #846358;--color-secondary-900: #43302b;--color-neutral-0: #ffffff;--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-neutral-950: #0a0a0a;--color-success-light: #dcfce7;--color-success: #22c55e;--color-success-dark: #16a34a;--color-warning-light: #fef9c3;--color-warning: #eab308;--color-warning-dark: #ca8a04;--color-error-light: #fee2e2;--color-error: #ef4444;--color-error-dark: #dc2626;--color-info-light: #dbeafe;--color-info: #3b82f6;--color-info-dark: #2563eb;--font-family-primary: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Outfit", var(--font-family-primary);--font-family-mono: "JetBrains Mono", "Fira Code", monospace;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-size-7xl: 4.5rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--font-weight-extrabold: 800;--line-height-none: 1;--line-height-tight: 1.25;--line-height-snug: 1.375;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tighter: -.05em;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--letter-spacing-widest: .1em;--spacing-0: 0;--spacing-px: 1px;--spacing-0-5: .125rem;--spacing-1: .25rem;--spacing-1-5: .375rem;--spacing-2: .5rem;--spacing-2-5: .625rem;--spacing-3: .75rem;--spacing-3-5: .875rem;--spacing-4: 1rem;--spacing-5: 1.25rem;--spacing-6: 1.5rem;--spacing-7: 1.75rem;--spacing-8: 2rem;--spacing-9: 2.25rem;--spacing-10: 2.5rem;--spacing-11: 2.75rem;--spacing-12: 3rem;--spacing-14: 3.5rem;--spacing-16: 4rem;--spacing-20: 5rem;--spacing-24: 6rem;--spacing-28: 7rem;--spacing-32: 8rem;--spacing-36: 9rem;--spacing-40: 10rem;--spacing-44: 11rem;--spacing-48: 12rem;--spacing-52: 13rem;--spacing-56: 14rem;--spacing-60: 15rem;--spacing-64: 16rem;--spacing-72: 18rem;--spacing-80: 20rem;--spacing-96: 24rem;--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-2xl: 1rem;--border-radius-3xl: 1.5rem;--border-radius-full: 9999px;--border-width-0: 0;--border-width-1: 1px;--border-width-2: 2px;--border-width-4: 4px;--border-width-8: 8px;--shadow-xs: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .25);--shadow-inner: inset 0 2px 4px 0 rgb(0 0 0 / .05);--shadow-none: 0 0 #0000;--shadow-primary: 0 10px 40px -10px rgb(245 158 11 / .3);--shadow-secondary: 0 10px 40px -10px rgb(67 48 43 / .2);--transition-none: none;--transition-all: all .15s cubic-bezier(.4, 0, .2, 1);--transition-default: all .2s cubic-bezier(.4, 0, .2, 1);--transition-fast: all .1s cubic-bezier(.4, 0, .2, 1);--transition-normal: all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow: all .5s cubic-bezier(.4, 0, .2, 1);--transition-slower: all .7s cubic-bezier(.4, 0, .2, 1);--transition-colors: color, background-color, border-color, text-decoration-color, fill, stroke .2s cubic-bezier(.4, 0, .2, 1);--transition-opacity: opacity .2s cubic-bezier(.4, 0, .2, 1);--transition-shadow: box-shadow .2s cubic-bezier(.4, 0, .2, 1);--transition-transform: transform .2s cubic-bezier(.4, 0, .2, 1);--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;--animation-fade-in: fadeIn .3s ease-out;--animation-fade-out: fadeOut .3s ease-in;--animation-slide-up: slideUp .4s ease-out;--animation-slide-down: slideDown .4s ease-out;--animation-scale-in: scaleIn .2s ease-out;--z-auto: auto;--z-0: 0;--z-10: 10;--z-20: 20;--z-30: 30;--z-40: 40;--z-50: 50;--z-dropdown: 100;--z-sticky: 200;--z-fixed: 300;--z-drawer: 400;--z-modal-backdrop: 500;--z-modal: 600;--z-popover: 700;--z-tooltip: 800;--z-notification: 900;--z-max: 9999;--container-xs: 20rem;--container-sm: 24rem;--container-md: 28rem;--container-lg: 32rem;--container-xl: 36rem;--container-2xl: 42rem;--container-3xl: 48rem;--container-4xl: 56rem;--container-5xl: 64rem;--container-6xl: 72rem;--container-7xl: 80rem;--container-full: 100%;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px;--aspect-auto: auto;--aspect-square: 1 / 1;--aspect-video: 16 / 9;--aspect-photo: 4 / 3;--aspect-portrait: 3 / 4}@keyframes spin{to{transform:rotate(360deg)}}@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 fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}:root,[data-theme=light]{--bg-primary: var(--color-neutral-50);--bg-secondary: var(--color-neutral-0);--bg-tertiary: var(--color-neutral-100);--bg-inverse: var(--color-neutral-900);--bg-muted: var(--color-neutral-100);--bg-hero: linear-gradient(135deg, var(--color-primary-50) 0%, var(--color-neutral-0) 50%, var(--color-secondary-50) 100%);--bg-header: rgba(255, 255, 255, .8);--bg-header-scrolled: rgba(255, 255, 255, .95);--bg-card: var(--color-neutral-0);--bg-card-hover: var(--color-neutral-50);--bg-card-elevated: var(--color-neutral-0);--bg-input: var(--color-neutral-0);--bg-input-focus: var(--color-neutral-0);--bg-input-disabled: var(--color-neutral-100);--text-primary: var(--color-neutral-900);--text-secondary: var(--color-neutral-600);--text-tertiary: var(--color-neutral-500);--text-muted: var(--color-neutral-400);--text-inverse: var(--color-neutral-0);--text-on-primary: var(--color-neutral-900);--text-on-secondary: var(--color-neutral-0);--text-link: var(--color-primary-600);--text-link-hover: var(--color-primary-700);--border-default: var(--color-neutral-200);--border-strong: var(--color-neutral-300);--border-muted: var(--color-neutral-100);--border-focus: var(--color-primary-500);--border-error: var(--color-error);--border-success: var(--color-success);--accent-primary: var(--color-primary-500);--accent-primary-hover: var(--color-primary-600);--accent-primary-active: var(--color-primary-700);--accent-primary-light: var(--color-primary-50);--accent-primary-muted: var(--color-primary-100);--accent-secondary: var(--color-secondary-700);--accent-secondary-hover: var(--color-secondary-800);--accent-secondary-active: var(--color-secondary-900);--btn-primary-bg: var(--color-primary-500);--btn-primary-bg-hover: var(--color-primary-600);--btn-primary-text: var(--color-neutral-900);--btn-secondary-bg: var(--color-secondary-800);--btn-secondary-bg-hover: var(--color-secondary-900);--btn-secondary-text: var(--color-neutral-0);--btn-outline-border: var(--color-neutral-300);--btn-outline-border-hover: var(--color-primary-500);--btn-outline-text: var(--color-neutral-700);--btn-outline-text-hover: var(--color-primary-600);--btn-ghost-text: var(--color-neutral-600);--btn-ghost-text-hover: var(--color-neutral-900);--btn-ghost-bg-hover: var(--color-neutral-100);--status-success-bg: var(--color-success-light);--status-success-text: var(--color-success-dark);--status-success-border: var(--color-success);--status-warning-bg: var(--color-warning-light);--status-warning-text: var(--color-warning-dark);--status-warning-border: var(--color-warning);--status-error-bg: var(--color-error-light);--status-error-text: var(--color-error-dark);--status-error-border: var(--color-error);--status-info-bg: var(--color-info-light);--status-info-text: var(--color-info-dark);--status-info-border: var(--color-info);--overlay-light: rgba(255, 255, 255, .8);--overlay-dark: rgba(0, 0, 0, .5);--overlay-backdrop: rgba(0, 0, 0, .4);--scrollbar-track: var(--color-neutral-100);--scrollbar-thumb: var(--color-neutral-300);--scrollbar-thumb-hover: var(--color-neutral-400);--skeleton-base: var(--color-neutral-200);--skeleton-shine: var(--color-neutral-100)}[data-theme=dark]{--bg-primary: var(--color-neutral-950);--bg-secondary: var(--color-neutral-900);--bg-tertiary: var(--color-neutral-800);--bg-inverse: var(--color-neutral-50);--bg-muted: var(--color-neutral-800);--bg-hero: linear-gradient(135deg, var(--color-neutral-900) 0%, var(--color-neutral-950) 50%, #1a1308 100%);--bg-header: rgba(10, 10, 10, .8);--bg-header-scrolled: rgba(10, 10, 10, .95);--bg-card: var(--color-neutral-900);--bg-card-hover: var(--color-neutral-800);--bg-card-elevated: var(--color-neutral-800);--bg-input: var(--color-neutral-800);--bg-input-focus: var(--color-neutral-800);--bg-input-disabled: var(--color-neutral-900);--text-primary: var(--color-neutral-50);--text-secondary: var(--color-neutral-300);--text-tertiary: var(--color-neutral-400);--text-muted: var(--color-neutral-500);--text-inverse: var(--color-neutral-900);--text-on-primary: var(--color-neutral-900);--text-on-secondary: var(--color-neutral-0);--text-link: var(--color-primary-400);--text-link-hover: var(--color-primary-300);--border-default: var(--color-neutral-700);--border-strong: var(--color-neutral-600);--border-muted: var(--color-neutral-800);--border-focus: var(--color-primary-400);--border-error: var(--color-error);--border-success: var(--color-success);--accent-primary: var(--color-primary-400);--accent-primary-hover: var(--color-primary-300);--accent-primary-active: var(--color-primary-500);--accent-primary-light: rgba(251, 191, 36, .1);--accent-primary-muted: rgba(251, 191, 36, .2);--accent-secondary: var(--color-secondary-400);--accent-secondary-hover: var(--color-secondary-300);--accent-secondary-active: var(--color-secondary-500);--btn-primary-bg: var(--color-primary-500);--btn-primary-bg-hover: var(--color-primary-400);--btn-primary-text: var(--color-neutral-900);--btn-secondary-bg: var(--color-neutral-700);--btn-secondary-bg-hover: var(--color-neutral-600);--btn-secondary-text: var(--color-neutral-50);--btn-outline-border: var(--color-neutral-600);--btn-outline-border-hover: var(--color-primary-400);--btn-outline-text: var(--color-neutral-300);--btn-outline-text-hover: var(--color-primary-400);--btn-ghost-text: var(--color-neutral-400);--btn-ghost-text-hover: var(--color-neutral-100);--btn-ghost-bg-hover: var(--color-neutral-800);--status-success-bg: rgba(34, 197, 94, .15);--status-success-text: #4ade80;--status-success-border: var(--color-success);--status-warning-bg: rgba(234, 179, 8, .15);--status-warning-text: #fde047;--status-warning-border: var(--color-warning);--status-error-bg: rgba(239, 68, 68, .15);--status-error-text: #f87171;--status-error-border: var(--color-error);--status-info-bg: rgba(59, 130, 246, .15);--status-info-text: #60a5fa;--status-info-border: var(--color-info);--overlay-light: rgba(255, 255, 255, .1);--overlay-dark: rgba(0, 0, 0, .7);--overlay-backdrop: rgba(0, 0, 0, .6);--scrollbar-track: var(--color-neutral-800);--scrollbar-thumb: var(--color-neutral-600);--scrollbar-thumb-hover: var(--color-neutral-500);--skeleton-base: var(--color-neutral-800);--skeleton-shine: var(--color-neutral-700);--shadow-sm: 0 1px 3px 0 rgb(0 0 0 / .3), 0 1px 2px -1px rgb(0 0 0 / .3);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .3), 0 2px 4px -2px rgb(0 0 0 / .3);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .3), 0 4px 6px -4px rgb(0 0 0 / .3);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .4), 0 8px 10px -6px rgb(0 0 0 / .4);--shadow-2xl: 0 25px 50px -12px rgb(0 0 0 / .5);--shadow-primary: 0 10px 40px -10px rgb(251 191 36 / .2)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--text-primary);background-color:var(--bg-primary);min-height:100vh;transition:background-color .3s ease,color .3s ease}h1,h2,h3,h4,h5,h6{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--text-primary);margin-bottom:var(--spacing-4)}h1{font-size:var(--font-size-5xl)}h2{font-size:var(--font-size-4xl)}h3{font-size:var(--font-size-3xl)}h4{font-size:var(--font-size-2xl)}h5{font-size:var(--font-size-xl)}h6{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-4);color:var(--text-secondary)}a{color:var(--text-link);text-decoration:none;transition:var(--transition-colors)}a:hover{color:var(--text-link-hover)}strong,b{font-weight:var(--font-weight-semibold)}small{font-size:var(--font-size-sm)}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%;height:auto}img{object-fit:cover}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}input,textarea,select{background-color:var(--bg-input);border:var(--border-width-1) solid var(--border-default);border-radius:var(--border-radius-lg);padding:var(--spacing-3) var(--spacing-4);transition:var(--transition-default);width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px var(--accent-primary-muted);background-color:var(--bg-input-focus)}input:disabled,textarea:disabled,select:disabled{background-color:var(--bg-input-disabled);cursor:not-allowed;opacity:.6}input::placeholder,textarea::placeholder{color:var(--text-muted)}textarea{resize:vertical;min-height:120px}label{display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);margin-bottom:var(--spacing-2)}table{border-collapse:collapse;width:100%}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--border-radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}*{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track)}::selection{background-color:var(--accent-primary);color:var(--text-on-primary)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.container{width:100%;max-width:var(--container-7xl);margin-left:auto;margin-right:auto;padding-left:var(--spacing-4);padding-right:var(--spacing-4)}@media(min-width:640px){.container{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}}@media(min-width:1024px){.container{padding-left:var(--spacing-8);padding-right:var(--spacing-8)}}.section{padding-top:var(--spacing-16);padding-bottom:var(--spacing-16)}@media(min-width:768px){.section{padding-top:var(--spacing-24);padding-bottom:var(--spacing-24)}}.flex{display:flex}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.flex-1{flex:1}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}.gap-5{gap:var(--spacing-5)}.gap-6{gap:var(--spacing-6)}.gap-8{gap:var(--spacing-8)}.grid{display:grid}.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))}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-xs{font-size:var(--font-size-xs)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-light{font-weight:var(--font-weight-light)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.text-primary{color:var(--text-primary)}.text-secondary{color:var(--text-secondary)}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent-primary)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.text-warning{color:var(--color-warning)}.bg-primary{background-color:var(--bg-primary)}.bg-secondary{background-color:var(--bg-secondary)}.bg-card{background-color:var(--bg-card)}.bg-accent{background-color:var(--accent-primary)}.m-0{margin:0}.m-auto{margin:auto}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.mb-8{margin-bottom:var(--spacing-8)}.my-4{margin-top:var(--spacing-4);margin-bottom:var(--spacing-4)}.my-8{margin-top:var(--spacing-8);margin-bottom:var(--spacing-8)}.mx-auto{margin-left:auto;margin-right:auto}.p-0{padding:0}.p-4{padding:var(--spacing-4)}.p-6{padding:var(--spacing-6)}.p-8{padding:var(--spacing-8)}.px-4{padding-left:var(--spacing-4);padding-right:var(--spacing-4)}.px-6{padding-left:var(--spacing-6);padding-right:var(--spacing-6)}.py-4{padding-top:var(--spacing-4);padding-bottom:var(--spacing-4)}.py-8{padding-top:var(--spacing-8);padding-bottom:var(--spacing-8)}.hidden{display:none}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.sticky{position:sticky}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100vh}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.rounded{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.rounded-2xl{border-radius:var(--border-radius-2xl)}.rounded-full{border-radius:var(--border-radius-full)}.border{border:var(--border-width-1) solid var(--border-default)}.border-2{border-width:var(--border-width-2)}.border-none{border:none}.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)}.shadow-none{box-shadow:none}.transition{transition:var(--transition-default)}.transition-fast{transition:var(--transition-fast)}.transition-slow{transition:var(--transition-slow)}.animate-fade-in{animation:var(--animation-fade-in)}.animate-slide-up{animation:var(--animation-slide-up)}.animate-spin{animation:var(--animation-spin)}.animate-pulse{animation:var(--animation-pulse)}.animate-bounce{animation:var(--animation-bounce)}.hover\:scale-105:hover{transform:scale(1.05)}.hover\:shadow-lg:hover{box-shadow:var(--shadow-lg)}.hover\:-translate-y-1:hover{transform:translateY(-4px)}.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}@media(min-width:640px){.sm\:hidden{display:none}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px){.md\:hidden{display:none}.md\:block{display:block}.md\:flex{display:flex}.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\:flex-row{flex-direction:row}.md\:text-left{text-align:left}}@media(min-width:1024px){.lg\:hidden{display:none}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(min-width:1280px){.xl\:hidden{display:none}.xl\:block{display:block}.xl\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}}.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 50%,var(--skeleton-base) 100%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--border-radius-md)}.glass{background:var(--overlay-light);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}[data-theme=dark] .glass{background:#0000004d;border:1px solid rgba(255,255,255,.1)}.gradient-text{background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-2);font-family:var(--font-family-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);line-height:1;padding:var(--spacing-3) var(--spacing-6);border-radius:var(--border-radius-lg);border:var(--border-width-2) solid transparent;cursor:pointer;transition:var(--transition-default);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.btn-sm{font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4)}.btn-lg{font-size:var(--font-size-lg);padding:var(--spacing-4) var(--spacing-8)}.btn-xl{font-size:var(--font-size-xl);padding:var(--spacing-5) var(--spacing-10)}.btn-primary{background-color:var(--btn-primary-bg);color:var(--btn-primary-text)}.btn-primary:hover:not(:disabled){background-color:var(--btn-primary-bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-primary)}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background-color:var(--btn-secondary-bg);color:var(--btn-secondary-text)}.btn-secondary:hover:not(:disabled){background-color:var(--btn-secondary-bg-hover);transform:translateY(-2px);box-shadow:var(--shadow-secondary)}.btn-outline{background-color:transparent;border-color:var(--btn-outline-border);color:var(--btn-outline-text)}.btn-outline:hover:not(:disabled){border-color:var(--btn-outline-border-hover);color:var(--btn-outline-text-hover);background-color:var(--accent-primary-light)}.btn-ghost{background-color:transparent;color:var(--btn-ghost-text)}.btn-ghost:hover:not(:disabled){background-color:var(--btn-ghost-bg-hover);color:var(--btn-ghost-text-hover)}.btn-link{background-color:transparent;color:var(--text-link);padding:0;border-radius:0}.btn-link:hover:not(:disabled){color:var(--text-link-hover);text-decoration:underline}.btn-icon{padding:var(--spacing-3);border-radius:var(--border-radius-lg)}.btn-icon.btn-sm{padding:var(--spacing-2)}.btn-icon.btn-lg{padding:var(--spacing-4)}.btn-full{width:100%}.card{background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:var(--border-width-1) solid var(--border-default);overflow:hidden;transition:var(--transition-default)}.card-hover:hover{border-color:var(--border-strong);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.card-elevated{background-color:var(--bg-card-elevated);box-shadow:var(--shadow-md);border:none}.card-body{padding:var(--spacing-6)}.card-header{padding:var(--spacing-4) var(--spacing-6);border-bottom:var(--border-width-1) solid var(--border-default)}.card-footer{padding:var(--spacing-4) var(--spacing-6);border-top:var(--border-width-1) solid var(--border-default);background-color:var(--bg-muted)}.card-image{width:100%;aspect-ratio:16 / 10;object-fit:cover}.badge{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2-5);border-radius:var(--border-radius-full);white-space:nowrap}.badge-primary{background-color:var(--accent-primary-muted);color:var(--accent-primary)}.badge-success{background-color:var(--status-success-bg);color:var(--status-success-text)}.badge-warning{background-color:var(--status-warning-bg);color:var(--status-warning-text)}.badge-error{background-color:var(--status-error-bg);color:var(--status-error-text)}.badge-info{background-color:var(--status-info-bg);color:var(--status-info-text)}.badge-neutral{background-color:var(--bg-muted);color:var(--text-secondary)}.form-group{margin-bottom:var(--spacing-5)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--text-primary)}.form-helper{font-size:var(--font-size-sm);color:var(--text-muted);margin-top:var(--spacing-1)}.form-error{font-size:var(--font-size-sm);color:var(--color-error);margin-top:var(--spacing-1)}.input-error{border-color:var(--border-error)!important}.input-error:focus{box-shadow:0 0 0 3px var(--color-error-light)!important}.alert{display:flex;align-items:flex-start;gap:var(--spacing-3);padding:var(--spacing-4);border-radius:var(--border-radius-lg);border-left:var(--border-width-4) solid}.alert-success{background-color:var(--status-success-bg);border-color:var(--status-success-border);color:var(--status-success-text)}.alert-warning{background-color:var(--status-warning-bg);border-color:var(--status-warning-border);color:var(--status-warning-text)}.alert-error{background-color:var(--status-error-bg);border-color:var(--status-error-border);color:var(--status-error-text)}.alert-info{background-color:var(--status-info-bg);border-color:var(--status-info-border);color:var(--status-info-text)}.modal-backdrop{position:fixed;inset:0;background-color:var(--overlay-backdrop);z-index:var(--z-modal-backdrop);display:flex;align-items:center;justify-content:center;padding:var(--spacing-4);animation:fadeIn .2s ease-out}.modal{background-color:var(--bg-card);border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-2xl);max-width:32rem;width:100%;max-height:90vh;overflow:auto;z-index:var(--z-modal);animation:scaleIn .2s ease-out}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-4) var(--spacing-6);border-bottom:var(--border-width-1) solid var(--border-default)}.modal-body{padding:var(--spacing-6)}.modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-3);padding:var(--spacing-4) var(--spacing-6);border-top:var(--border-width-1) solid var(--border-default)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:var(--border-radius-full);background-color:var(--accent-primary-muted);color:var(--accent-primary);font-weight:var(--font-weight-semibold);overflow:hidden}.avatar-sm{width:32px;height:32px;font-size:var(--font-size-sm)}.avatar-md{width:40px;height:40px;font-size:var(--font-size-base)}.avatar-lg{width:56px;height:56px;font-size:var(--font-size-xl)}.avatar-xl{width:80px;height:80px;font-size:var(--font-size-3xl)}.avatar img{width:100%;height:100%;object-fit:cover}.divider{height:1px;background-color:var(--border-default);margin:var(--spacing-6) 0}.divider-vertical{width:1px;height:auto;background-color:var(--border-default);margin:0 var(--spacing-4)}.spinner{width:24px;height:24px;border:3px solid var(--border-default);border-top-color:var(--accent-primary);border-radius:var(--border-radius-full);animation:spin .8s linear infinite}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}.tooltip{position:relative}.tooltip:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%);padding:var(--spacing-2) var(--spacing-3);background-color:var(--bg-inverse);color:var(--text-inverse);font-size:var(--font-size-sm);border-radius:var(--border-radius-md);white-space:nowrap;opacity:0;visibility:hidden;transition:var(--transition-fast);z-index:var(--z-tooltip)}.tooltip:hover:after{opacity:1;visibility:visible;transform:translate(-50%) translateY(-4px)}.tabs{display:flex;border-bottom:var(--border-width-1) solid var(--border-default)}.tab{padding:var(--spacing-3) var(--spacing-4);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-bottom:2px solid transparent;margin-bottom:-1px;transition:var(--transition-fast);cursor:pointer}.tab:hover{color:var(--text-primary)}.tab.active{color:var(--accent-primary);border-bottom-color:var(--accent-primary)}.breadcrumbs{display:flex;align-items:center;gap:var(--spacing-2);font-size:var(--font-size-sm)}.breadcrumbs a{color:var(--text-secondary)}.breadcrumbs a:hover{color:var(--accent-primary)}.breadcrumbs span,.breadcrumbs-separator{color:var(--text-muted)}.price{font-family:var(--font-family-display);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.price-sm{font-size:var(--font-size-lg)}.price-lg{font-size:var(--font-size-2xl)}.price-xl{font-size:var(--font-size-3xl)}.price-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-muted)}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-12);text-align:center}.empty-state-icon{width:80px;height:80px;margin-bottom:var(--spacing-4);color:var(--text-muted)}.empty-state-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-2)}.empty-state-description{color:var(--text-secondary);max-width:400px}.header{position:sticky;top:0;z-index:var(--z-sticky);background-color:var(--bg-card);border-bottom:1px solid var(--border-default);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.header-inner{display:flex;align-items:center;justify-content:space-between;height:72px}.header-logo{display:flex;align-items:center;text-decoration:none}.header-logo img{height:40px;width:auto}.logo-text{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:flex;gap:var(--spacing-1)}.logo-gold{background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-primary-600) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.logo-sut{color:var(--text-primary)}.header-nav{display:none;align-items:center;gap:var(--spacing-1)}@media(min-width:768px){.header-nav{display:flex}}.nav-link{padding:var(--spacing-2) var(--spacing-4);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--border-radius-lg);transition:var(--transition-fast);position:relative}.nav-link:hover{color:var(--text-primary);background-color:var(--bg-muted)}.nav-link.active{color:var(--accent-primary);background-color:var(--accent-primary-muted)}.nav-link.active:after{content:"";position:absolute;bottom:-1px;left:50%;transform:translate(-50%);width:24px;height:2px;background-color:var(--accent-primary);border-radius:var(--border-radius-full)}.header-actions{display:flex;align-items:center;gap:var(--spacing-2)}.theme-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-lg);color:var(--text-secondary);transition:var(--transition-fast)}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-lg);color:var(--text-secondary);transition:var(--transition-fast)}.mobile-menu-toggle:hover{background-color:var(--bg-muted);color:var(--text-primary)}@media(min-width:768px){.mobile-menu-toggle{display:none}}.mobile-nav{display:none;flex-direction:column;padding:var(--spacing-4) 0;border-top:1px solid var(--border-default)}.mobile-nav.open{display:flex}@media(min-width:768px){.mobile-nav{display:none!important}}.mobile-nav-link{padding:var(--spacing-3) var(--spacing-4);font-weight:var(--font-weight-medium);color:var(--text-secondary);border-radius:var(--border-radius-lg);transition:var(--transition-fast)}.mobile-nav-link:hover{color:var(--text-primary);background-color:var(--bg-muted)}.mobile-nav-link.active{color:var(--accent-primary);background-color:var(--accent-primary-muted)}.footer{background-color:var(--bg-secondary);border-top:1px solid var(--border-default);padding:var(--spacing-16) 0 var(--spacing-8);margin-top:auto}.footer-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-10)}@media(min-width:768px){.footer-grid{grid-template-columns:2fr 1fr 1fr}}.footer-brand{max-width:320px}.footer-logo{display:inline-flex;font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);gap:var(--spacing-1);margin-bottom:var(--spacing-4);text-decoration:none}.footer-description{color:var(--text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.social-links{display:flex;gap:var(--spacing-2)}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--border-radius-lg);background-color:var(--bg-muted);color:var(--text-secondary);transition:var(--transition-fast)}.social-links a:hover{background-color:var(--accent-primary);color:var(--text-on-primary);transform:translateY(-2px)}.footer-section h4{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);color:var(--text-primary)}.footer-links{list-style:none;padding:0;margin:0}.footer-links li{margin-bottom:var(--spacing-2)}.footer-links a{color:var(--text-secondary);font-size:var(--font-size-sm);transition:var(--transition-fast)}.footer-links a:hover{color:var(--accent-primary)}.footer-contact{list-style:none;padding:0;margin:0}.footer-contact li{display:flex;align-items:flex-start;gap:var(--spacing-3);margin-bottom:var(--spacing-3);font-size:var(--font-size-sm);color:var(--text-secondary)}.footer-contact li svg{flex-shrink:0;margin-top:2px;color:var(--accent-primary)}.footer-contact a{color:var(--text-secondary);transition:var(--transition-fast)}.footer-contact a:hover{color:var(--accent-primary)}.footer-bottom{margin-top:var(--spacing-10);padding-top:var(--spacing-6);border-top:1px solid var(--border-default);text-align:center}.footer-bottom p{font-size:var(--font-size-sm);color:var(--text-muted);margin:0}.layout{display:flex;flex-direction:column;min-height:100vh}.main-content{flex:1}.hero{position:relative;padding:var(--spacing-16) 0 var(--spacing-24);overflow:hidden;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%)}[data-theme=dark] .hero{background:linear-gradient(135deg,#d4af371a,#5c40331a)}.hero-bg{position:absolute;inset:0;pointer-events:none}.hero-shape{position:absolute;border-radius:50%;opacity:.3;animation:float 8s ease-in-out infinite}.hero-shape-1{width:300px;height:300px;top:-100px;right:-50px;background:linear-gradient(135deg,var(--color-primary-300) 0%,var(--color-primary-500) 100%)}.hero-shape-2{width:200px;height:200px;bottom:-50px;left:10%;background:linear-gradient(135deg,var(--color-secondary-300) 0%,var(--color-secondary-500) 100%);animation-delay:-2s}.hero-shape-3{width:150px;height:150px;top:30%;left:5%;background:linear-gradient(135deg,var(--color-primary-400) 0%,var(--color-secondary-400) 100%);animation-delay:-4s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.hero .container{display:grid;grid-template-columns:1fr;gap:var(--spacing-12);align-items:center;position:relative;z-index:1}@media(min-width:1024px){.hero .container{grid-template-columns:1fr 1fr}}.hero-content{text-align:center}@media(min-width:1024px){.hero-content{text-align:left}}.hero-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background-color:var(--accent-primary-muted);color:var(--accent-primary);border-radius:var(--border-radius-full);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-6)}.hero-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:var(--font-weight-extrabold);line-height:1.1;margin-bottom:var(--spacing-6)}.hero-description{font-size:var(--font-size-lg);color:var(--text-secondary);max-width:540px;margin-bottom:var(--spacing-8)}@media(min-width:1024px){.hero-description{margin-left:0;margin-right:auto}}.hero-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:center}@media(min-width:1024px){.hero-buttons{justify-content:flex-start}}.hero-image{display:none}@media(min-width:1024px){.hero-image{display:flex;justify-content:center;align-items:center}}.hero-image-container{position:relative;width:400px;height:400px;display:flex;align-items:center;justify-content:center}.hero-milk-splash{width:280px;height:280px;display:flex;align-items:center;justify-content:center;font-size:10rem;background:linear-gradient(135deg,var(--bg-card) 0%,var(--bg-secondary) 100%);border-radius:50%;box-shadow:var(--shadow-2xl);animation:pulse 4s ease-in-out infinite}.features{background-color:var(--bg-primary)}.features-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.features-grid{grid-template-columns:repeat(5,1fr)}}.feature-card{padding:var(--spacing-8);text-align:center;background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default);transition:var(--transition-default)}.feature-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--border-strong)}.feature-icon{width:64px;height:64px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,var(--accent-primary-light) 0%,var(--accent-primary-muted) 100%);border-radius:var(--border-radius-xl)}.wp-icon{color:#25d366;width:40px;height:40px}.feature-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.feature-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:0}.section-header{text-align:center;margin-bottom:var(--spacing-12)}.section-header h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2)}.section-header p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:0}.section-footer{text-align:center;margin-top:var(--spacing-12)}.categories{background-color:var(--bg-secondary)}.categories-grid,.loading-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){.categories-grid,.loading-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.categories-grid,.loading-grid{grid-template-columns:repeat(4,1fr)}}.category-card{position:relative;display:flex;flex-direction:column;aspect-ratio:1;background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default);overflow:hidden;transition:var(--transition-default);text-decoration:none}.category-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.category-image{flex:1;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--bg-muted) 0%,var(--bg-secondary) 100%)}.category-image img{width:100%;height:100%;object-fit:cover}.category-icon{font-size:4rem}.category-info{padding:var(--spacing-4);text-align:center}.category-info h3{font-size:var(--font-size-lg);color:var(--text-primary);margin-bottom:var(--spacing-1)}.category-count{font-size:var(--font-size-sm);color:var(--text-muted)}.featured-products{background-color:var(--bg-primary)}.products-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){.products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.products-grid{grid-template-columns:repeat(4,1fr)}}.product-card{background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default);overflow:hidden;text-decoration:none;transition:var(--transition-default)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.product-image{position:relative;aspect-ratio:4/3;background:linear-gradient(135deg,var(--bg-muted) 0%,var(--bg-secondary) 100%);overflow:hidden}.product-image img{width:100%;height:100%;object-fit:cover;transition:var(--transition-slow)}.product-card:hover .product-image img{transform:scale(1.05)}.product-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-size:4rem}.product-badge{position:absolute;top:var(--spacing-3);left:var(--spacing-3);padding:var(--spacing-1) var(--spacing-3);background-color:var(--accent-primary);color:var(--text-on-primary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);border-radius:var(--border-radius-full)}.product-info{padding:var(--spacing-5)}.product-category{font-size:var(--font-size-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--accent-primary);font-weight:var(--font-weight-semibold)}.product-name{font-size:var(--font-size-lg);color:var(--text-primary);margin:var(--spacing-2) 0}.product-description{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-4)}.product-footer{display:flex;align-items:center;justify-content:space-between}.product-price{font-family:var(--font-family-display);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.product-unit{font-size:var(--font-size-sm);font-weight:var(--font-weight-normal);color:var(--text-muted)}.product-link{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--accent-primary);transition:var(--transition-fast)}.product-card:hover .product-link{transform:translate(4px)}.cta{padding:var(--spacing-20) 0;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-600) 100%);text-align:center}.cta-content h2{font-size:var(--font-size-3xl);color:#fff;margin-bottom:var(--spacing-4)}.cta-content p{font-size:var(--font-size-lg);color:#ffffffe6;margin-bottom:var(--spacing-8)}.cta .btn-primary{background-color:#fff;color:var(--color-primary-600)}.cta .btn-primary:hover{background-color:#ffffffe6}.page-header{padding:var(--spacing-12) 0;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%);text-align:center}[data-theme=dark] .page-header{background:linear-gradient(135deg,#d4af371a,#5c40331a)}.page-header h1{font-size:var(--font-size-4xl);margin-bottom:var(--spacing-2)}.page-header p{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:0}.page-header .breadcrumbs{margin-bottom:var(--spacing-4);justify-content:center}.products-page .container{padding-top:var(--spacing-10);padding-bottom:var(--spacing-16)}.products-layout{display:grid;grid-template-columns:1fr;gap:var(--spacing-8)}.product-description{padding-left:15px}.product-footer{padding:15px}@media(min-width:1024px){.products-layout{grid-template-columns:280px 1fr}}.products-sidebar{position:sticky;top:100px;height:fit-content}@media(max-width:1023px){.products-sidebar{position:static}}.filter-section{background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default);padding:var(--spacing-6)}.filter-section h3{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-4);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-default)}.category-filter{list-style:none;padding:0;margin:0}.category-filter li{margin-bottom:var(--spacing-1)}.filter-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-3) var(--spacing-4);background-color:transparent;border:none;border-radius:var(--border-radius-lg);font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;transition:var(--transition-fast)}.filter-btn:hover{background-color:var(--bg-muted);color:var(--text-primary)}.filter-btn.active{background-color:var(--accent-primary-muted);color:var(--accent-primary);font-weight:var(--font-weight-medium)}.filter-count{padding:var(--spacing-1) var(--spacing-2);background-color:var(--bg-muted);border-radius:var(--border-radius-full);font-size:var(--font-size-xs)}.filter-btn.active .filter-count{background-color:var(--accent-primary);color:var(--text-on-primary)}.products-main .products-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){.products-main .products-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1280px){.products-main .products-grid{grid-template-columns:repeat(3,1fr)}}.products-main .empty-state{padding:var(--spacing-16);background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default)}.product-detail-page{padding:var(--spacing-12) 0;min-height:60vh}.back-button{background:none;border:none;color:var(--text-secondary);font-size:var(--font-size-base);cursor:pointer;padding:var(--spacing-2) 0;margin-bottom:var(--spacing-8);transition:var(--transition-fast)}.back-button:hover{color:var(--text-primary)}.product-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-12);margin-bottom:var(--spacing-16)}.product-gallery{display:flex;flex-direction:column;gap:var(--spacing-4)}.main-image{width:100%;aspect-ratio:1;border-radius:var(--border-radius-xl);overflow:hidden;background-color:var(--bg-muted);display:flex;align-items:center;justify-content:center}.main-image img{width:100%;height:100%;object-fit:cover}.placeholder-image{font-size:8rem}.thumbnail-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-3)}.thumbnail{aspect-ratio:1;border-radius:var(--border-radius-lg);overflow:hidden;border:2px solid transparent;cursor:pointer;transition:var(--transition-fast);background-color:var(--bg-muted)}.thumbnail img{width:100%;height:100%;object-fit:cover}.thumbnail:hover{border-color:var(--border-strong)}.thumbnail.active{border-color:var(--accent-primary)}.product-info{display:flex;flex-direction:column;gap:var(--spacing-6)}.category-badge{display:inline-block;padding:var(--spacing-2) var(--spacing-4);background-color:var(--bg-muted);color:var(--text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--border-radius-full);width:fit-content}.product-info h1{font-size:var(--font-size-4xl);margin:0}.price-section{display:flex;align-items:baseline;gap:var(--spacing-2)}.price-section .price{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--accent-primary)}.price-section .unit{font-size:var(--font-size-lg);color:var(--text-secondary)}.description h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-3)}.description p{color:var(--text-secondary);line-height:1.7}.contact-cta{background-color:var(--bg-muted);padding:var(--spacing-6);border-radius:var(--border-radius-lg);margin-top:var(--spacing-6)}.contact-cta h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-2)}.contact-cta p{color:var(--text-secondary);margin-bottom:var(--spacing-4)}.related-products{margin-top:var(--spacing-16)}.related-products h2{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-8)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:var(--spacing-6)}.product-card{background-color:var(--bg-card);border-radius:var(--border-radius-lg);overflow:hidden;cursor:pointer;transition:var(--transition-base)}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.product-card img,.product-card .placeholder{width:100%;aspect-ratio:1;object-fit:cover;background-color:var(--bg-muted);display:flex;align-items:center;justify-content:center;font-size:4rem}.product-card h3{padding:var(--spacing-4) var(--spacing-4) var(--spacing-2);font-size:var(--font-size-lg);margin:0}.product-card .price{padding:0 var(--spacing-4) var(--spacing-4);color:var(--accent-primary);font-weight:var(--font-weight-semibold);margin:0}@media(max-width:768px){.product-detail-grid{grid-template-columns:1fr;gap:var(--spacing-8)}.product-info h1{font-size:var(--font-size-3xl)}.products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}.about-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-12);align-items:center}@media(min-width:1024px){.about-grid{grid-template-columns:1fr 1fr}}.about-image{order:2}.about-image img{width:100%;height:auto;max-height:500px;object-fit:cover;border-radius:var(--border-radius-2xl);box-shadow:var(--shadow-md)}@media(min-width:1024px){.about-image{order:1}}.image-placeholder{aspect-ratio:4/3;background:linear-gradient(135deg,var(--color-primary-100) 0%,var(--color-secondary-100) 100%);border-radius:var(--border-radius-2xl);display:flex;align-items:center;justify-content:center;font-size:8rem}[data-theme=dark] .image-placeholder{background:linear-gradient(135deg,#d4af3733,#5c403333)}.about-content{order:1}@media(min-width:1024px){.about-content{order:2}}.section-label{display:inline-block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.1em;color:var(--accent-primary);margin-bottom:var(--spacing-4)}.section-title{color:var(--accent-primary)}.about-content h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-6)}.about-content p{font-size:var(--font-size-lg);color:var(--text-secondary);line-height:var(--line-height-relaxed);margin-bottom:var(--spacing-6)}.about-content p:last-of-type{margin-bottom:0}.values-section{background-color:var(--bg-secondary)}.values-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-6)}@media(min-width:640px){.values-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.values-grid{grid-template-columns:repeat(4,1fr)}}.value-card{padding:var(--spacing-8);background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default);text-align:center;transition:var(--transition-default)}.value-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg);border-color:var(--accent-primary)}.value-icon{width:72px;height:72px;margin:0 auto var(--spacing-5);display:flex;align-items:center;justify-content:center;font-size:2.5rem;background:linear-gradient(135deg,var(--accent-primary-light) 0%,var(--accent-primary-muted) 100%);border-radius:var(--border-radius-2xl)}.value-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-3)}.value-card p{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:0}.stats-section{padding:var(--spacing-16) 0;background:linear-gradient(135deg,var(--color-primary-500) 0%,var(--color-secondary-600) 100%)}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-8)}@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}.stat-item{text-align:center}.stat-number{display:block;font-family:var(--font-family-display);font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);color:#fff;line-height:1;margin-bottom:var(--spacing-2)}.stat-label{font-size:var(--font-size-sm);color:#fffc}.team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-6)}@media(min-width:768px){.team-grid{grid-template-columns:repeat(4,1fr)}}.team-card{text-align:center;padding:var(--spacing-6);background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default);transition:var(--transition-default)}.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}.team-avatar{width:100px;height:100px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;font-size:3rem;background:linear-gradient(135deg,var(--bg-muted) 0%,var(--bg-secondary) 100%);border-radius:var(--border-radius-full);overflow:visible;position:relative;padding:5px;filter:drop-shadow(0 0 10px rgba(212,175,55,.3))}.team-avatar:before{content:"";position:absolute;inset:0;border-radius:var(--border-radius-full);padding:5px;background:linear-gradient(135deg,#d4af37,#f4d03f,#ffe066,#f4d03f,#d4af37);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;opacity:1;transition:all var(--transition-default)}.team-card:hover .team-avatar:before{background:linear-gradient(135deg,#f4d03f,#ffe066,#fff4a3,#ffe066,#f4d03f)}.team-card:hover .team-avatar{filter:drop-shadow(0 0 20px rgba(212,175,55,.6))}.team-avatar img{width:100%;height:100%;object-fit:cover;border-radius:var(--border-radius-full);position:relative;z-index:1}.team-card h3{font-size:var(--font-size-lg);margin-bottom:var(--spacing-1)}.team-role{font-size:var(--font-size-sm);color:var(--text-muted)}.empty-state{grid-column:1 / -1;text-align:center;padding:var(--spacing-12);color:var(--text-muted)}.loading{grid-column:1 / -1;text-align:center;padding:var(--spacing-12);color:var(--text-muted);font-size:var(--font-size-lg)}.contact-section{background-color:var(--bg-primary)}.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-12)}@media(min-width:1024px){.contact-grid{grid-template-columns:1fr 1fr;align-items:flex-start}}.contact-title{margin-bottom:var(--spacing-12)}.contact-info h2{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-4)}.contact-intro{font-size:var(--font-size-lg);color:var(--text-secondary);margin-bottom:var(--spacing-8)}.social-media{display:flex;gap:var(--spacing-3);margin-bottom:var(--spacing-8)}.social-media a{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);color:var(--text-secondary);transition:all var(--transition-default)}.social-media a:hover{background-color:var(--accent-primary);border-color:var(--accent-primary);color:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.social-media svg{width:24px;height:24px}.contact-cards{display:flex;flex-direction:column;gap:var(--spacing-4)}.contact-card{display:flex;align-items:flex-start;gap:var(--spacing-4);padding:var(--spacing-5);background-color:var(--bg-card);border-radius:var(--border-radius-xl);border:1px solid var(--border-default);transition:var(--transition-default)}.contact-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.contact-card-icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--accent-primary-light) 0%,var(--accent-primary-muted) 100%);border-radius:var(--border-radius-lg);color:var(--accent-primary)}.contact-card-content h3{font-size:var(--font-size-base);margin-bottom:var(--spacing-1)}.contact-card-content a,.contact-card-content span{font-size:var(--font-size-sm);color:var(--text-secondary)}.contact-card-content a:hover{color:var(--accent-primary)}.contact-form-card{background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default);padding:var(--spacing-8)}.contact-form-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-6)}.form-row{display:grid;grid-template-columns:1fr;gap:var(--spacing-4)}@media(min-width:640px){.form-row{grid-template-columns:repeat(2,1fr)}}.contact-form-card .form-group{margin-bottom:var(--spacing-4)}.contact-form-card select{appearance:none;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .75rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}.success-message{text-align:center;padding:var(--spacing-8)}.success-icon{width:72px;height:72px;margin:0 auto var(--spacing-4);display:flex;align-items:center;justify-content:center;font-size:2rem;background-color:var(--status-success-bg);color:var(--color-success);border-radius:var(--border-radius-full)}.success-message h4{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.success-message p{color:var(--text-secondary);margin-bottom:var(--spacing-6)}.map-section{width:100%;height:400px;background-color:var(--bg-primary);margin-bottom:var(--spacing-12)}.map-container{width:80%;height:100%;margin-left:10%;background-color:var(--bg-primary);border-radius:var(--border-radius-2xl)}.map-container iframe{width:100%;height:100%;border:none}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--color-primary-50) 0%,var(--color-secondary-50) 100%);padding:var(--spacing-4)}[data-theme=dark] .login-page{background:linear-gradient(135deg,#d4af371a,#5c40331a)}.login-container{width:100%;max-width:440px}.login-card{background-color:var(--bg-card);border-radius:var(--border-radius-2xl);border:1px solid var(--border-default);padding:var(--spacing-10);box-shadow:var(--shadow-2xl)}.login-header{text-align:center;margin-bottom:var(--spacing-8)}.login-logo{font-family:var(--font-family-display);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);display:flex;gap:var(--spacing-1);justify-content:center;margin-bottom:var(--spacing-4)}.login-header h1{font-size:var(--font-size-2xl);margin-bottom:var(--spacing-2)}.login-header p{color:var(--text-secondary);margin-bottom:0}.login-form{display:flex;flex-direction:column;gap:var(--spacing-5)}.login-form .form-group{margin-bottom:0}.login-form .alert{margin-bottom:var(--spacing-4)}.admin-layout{display:flex;min-height:100vh;background-color:var(--bg-primary)}.admin-sidebar{width:280px;background-color:var(--bg-card);border-right:1px solid var(--border-default);display:flex;flex-direction:column;position:fixed;left:0;top:0;bottom:0;z-index:var(--z-sticky)}.sidebar-header{padding:var(--spacing-6);border-bottom:1px solid var(--border-default)}.sidebar-logo{font-family:var(--font-family-display);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);display:flex;gap:var(--spacing-1);margin-bottom:var(--spacing-2)}.sidebar-badge{display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-1) var(--spacing-2-5);background-color:var(--accent-primary-muted);color:var(--accent-primary);border-radius:var(--border-radius-full)}.sidebar-nav{flex:1;padding:var(--spacing-4);overflow-y:auto}.sidebar-link{display:flex;align-items:center;gap:var(--spacing-3);padding:var(--spacing-3) var(--spacing-4);margin-bottom:var(--spacing-1);border-radius:var(--border-radius-lg);color:var(--text-secondary);text-decoration:none;transition:var(--transition-fast);font-weight:var(--font-weight-medium)}.sidebar-link:hover{background-color:var(--bg-muted);color:var(--text-primary)}.sidebar-link.active{background-color:var(--accent-primary-muted);color:var(--accent-primary)}.sidebar-link-icon{font-size:var(--font-size-xl)}.sidebar-link-text{font-size:var(--font-size-sm);flex:1}.sidebar-badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;font-size:11px;font-weight:var(--font-weight-bold);background-color:var(--status-error-bg);color:var(--status-error-text);border-radius:var(--border-radius-full);margin-left:auto}.sidebar-link.active .sidebar-badge-count{background-color:var(--accent-primary);color:#fff}.sidebar-footer{padding:var(--spacing-4);border-top:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-3)}.sidebar-user{display:flex;align-items:center;gap:var(--spacing-3);flex:1;min-width:0}.sidebar-user-info{display:flex;flex-direction:column;min-width:0}.sidebar-user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-user-email{font-size:var(--font-size-xs);color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-logout{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);background-color:transparent;color:var(--text-secondary);transition:var(--transition-fast);flex-shrink:0}.sidebar-logout:hover{background-color:var(--status-error-bg);color:var(--status-error-text)}.admin-main{flex:1;margin-left:280px;display:flex;flex-direction:column}.admin-topbar{height:64px;background-color:var(--bg-card);border-bottom:1px solid var(--border-default);display:flex;align-items:center;justify-content:space-between;padding:0 var(--spacing-6);position:sticky;top:0;z-index:var(--z-sticky)}.topbar-left{display:flex;align-items:center;gap:var(--spacing-4)}.topbar-right{display:flex;align-items:center;gap:var(--spacing-3)}.mobile-menu-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);color:var(--text-secondary);transition:var(--transition-fast)}.mobile-menu-toggle:hover{background-color:var(--bg-muted)}.theme-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);color:var(--text-secondary);transition:var(--transition-fast)}.theme-toggle:hover{background-color:var(--bg-muted);color:var(--text-primary)}.admin-content{flex:1;padding:var(--spacing-8)}@media(max-width:1023px){.admin-sidebar{transform:translate(-100%);transition:transform .3s ease}.admin-sidebar.open{transform:translate(0)}.admin-main{margin-left:0}.mobile-menu-toggle{display:flex}}.dashboard-page{max-width:var(--container-7xl);margin:0 auto}.page-header-simple{margin-bottom:var(--spacing-8)}.page-header-simple h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2)}.page-header-simple p{color:var(--text-secondary);margin-bottom:0}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--spacing-6);margin-bottom:var(--spacing-10)}.stat-card{display:flex;align-items:center;gap:var(--spacing-4);padding:var(--spacing-6);background-color:var(--bg-card);border-radius:var(--border-radius-xl);border:1px solid var(--border-default);transition:var(--transition-default)}.stat-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.stat-icon{width:56px;height:56px;display:flex;align-items:center;justify-content:center;font-size:2rem;background:linear-gradient(135deg,var(--accent-primary-light) 0%,var(--accent-primary-muted) 100%);border-radius:var(--border-radius-lg)}.stat-info{display:flex;flex-direction:column}.stat-label{font-size:var(--font-size-sm);color:var(--text-secondary);margin-bottom:var(--spacing-1)}.stat-value{font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--text-primary);line-height:1}.dashboard-section{margin-bottom:var(--spacing-10)}.dashboard-section h2{font-size:var(--font-size-xl);margin-bottom:var(--spacing-5)}.quick-links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--spacing-5)}.quick-link-card{display:flex;flex-direction:column;padding:var(--spacing-6);background-color:var(--bg-card);border-radius:var(--border-radius-xl);border:1px solid var(--border-default);text-decoration:none;transition:var(--transition-default)}.quick-link-card:hover{border-color:var(--accent-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.quick-link-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;background-color:var(--accent-primary-muted);color:var(--accent-primary);border-radius:var(--border-radius-lg);margin-bottom:var(--spacing-3)}.quick-link-title{font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);color:var(--text-primary);margin-bottom:var(--spacing-1)}.quick-link-desc{font-size:var(--font-size-sm);color:var(--text-secondary)}.modal-backdrop{position:fixed;inset:0;background-color:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fadeIn .2s ease}.modal{background-color:var(--bg-card);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s ease;margin:var(--spacing-4)}.modal-sm{width:100%;max-width:400px}.modal-md{width:100%;max-width:600px}.modal-lg{width:100%;max-width:800px}.modal-xl{width:100%;max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-6);border-bottom:1px solid var(--border-default)}.modal-header h2{margin:0;font-size:var(--font-size-xl)}.modal-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--border-radius-lg);font-size:var(--font-size-xl);color:var(--text-secondary);transition:var(--transition-fast)}.modal-close:hover{background-color:var(--bg-muted);color:var(--text-primary)}.modal-body{padding:var(--spacing-6);overflow-y:auto;flex:1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.pagination{display:flex;align-items:center;justify-content:center;gap:var(--spacing-2);margin-top:var(--spacing-6)}.pagination-btn{padding:var(--spacing-2) var(--spacing-4);background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.pagination-btn:hover:not(:disabled){background-color:var(--bg-muted);border-color:var(--accent-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:var(--spacing-1)}.pagination-number{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius-lg);color:var(--text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.pagination-number:hover{background-color:var(--bg-muted);border-color:var(--accent-primary)}.pagination-number.active{background-color:var(--accent-primary);border-color:var(--accent-primary);color:var(--text-on-primary)}.pagination-ellipsis{width:36px;height:36px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);font-size:var(--font-size-sm)}.admin-products-page{max-width:var(--container-7xl)}.page-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:var(--spacing-6);gap:var(--spacing-6)}.page-header h1{font-size:var(--font-size-3xl);margin-bottom:var(--spacing-2)}.page-header p{color:var(--text-secondary);margin-bottom:0}.page-controls{margin-bottom:var(--spacing-6)}.search-box{max-width:400px}.search-box input{width:100%}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-5)}.form-helper{display:block;margin-top:var(--spacing-1);font-size:var(--font-size-xs);color:var(--text-muted)}.checkbox-label{display:flex;align-items:center;gap:var(--spacing-2);cursor:pointer}.checkbox-label input[type=checkbox]{width:auto;margin:0}.modal-actions{display:flex;gap:var(--spacing-3);justify-content:flex-end;margin-top:var(--spacing-6);padding-top:var(--spacing-6);border-top:1px solid var(--border-default)}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:separate;border-spacing:0}.data-table thead{background-color:var(--bg-muted)}.data-table th{padding:var(--spacing-4) var(--spacing-6);text-align:left;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--text-secondary);border-bottom:1px solid var(--border-default)}.data-table tbody tr{border-bottom:1px solid var(--border-default);transition:var(--transition-fast)}.data-table tbody tr:hover{background-color:var(--bg-muted)}.data-table td{padding:var(--spacing-4) var(--spacing-6);font-size:var(--font-size-sm)}.product-image-cell{width:60px;height:60px;border-radius:var(--border-radius-lg);overflow:hidden}.product-image-cell img{width:100%;height:100%;object-fit:cover}.product-placeholder-sm{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-muted);font-size:1.5rem}.product-info-cell{display:flex;align-items:center;gap:var(--spacing-2)}.product-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.price-cell{font-weight:var(--font-weight-semibold);color:var(--accent-primary)}.action-buttons{display:flex;gap:var(--spacing-2)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-16);gap:var(--spacing-4)}.loading-container p{color:var(--text-secondary);margin:0}.empty-state-card{background-color:var(--bg-card);border:1px solid var(--border-default);border-radius:var(--border-radius-xl);padding:var(--spacing-16);text-align:center}.empty-state-icon{font-size:4rem;margin-bottom:var(--spacing-4)}.empty-state-card h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-2)}.empty-state-card p{color:var(--text-secondary);margin-bottom:var(--spacing-6)}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}.table-container{margin:0 calc(-1 * var(--spacing-4))}.data-table th,.data-table td{padding:var(--spacing-3) var(--spacing-4)}.form-grid{grid-template-columns:1fr}}.admin-categories-page{max-width:var(--container-7xl)}.category-image-cell{width:60px;height:60px;border-radius:var(--border-radius-lg);overflow:hidden}.category-image-cell img{width:100%;height:100%;object-fit:cover}.category-placeholder-sm{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background-color:var(--bg-muted);font-size:1.5rem}.category-name{font-weight:var(--font-weight-medium);color:var(--text-primary)}.slug-badge{font-size:var(--font-size-xs);padding:var(--spacing-1) var(--spacing-2);background-color:var(--bg-muted);color:var(--text-secondary);border-radius:var(--border-radius-md);font-family:monospace}.count-badge{color:var(--text-secondary);font-size:var(--font-size-sm)}.admin-messages-page{max-width:var(--container-7xl)}.messages-layout{display:grid;grid-template-columns:400px 1fr;gap:var(--spacing-6);min-height:600px}.messages-list{padding:0;overflow-y:auto;max-height:800px}.message-item{padding:var(--spacing-4);border-bottom:1px solid var(--border-default);cursor:pointer;transition:var(--transition-fast);position:relative}.message-item:hover{background-color:var(--bg-muted)}.message-item.active{background-color:var(--accent-primary-muted);border-left:3px solid var(--accent-primary)}.message-item.unread{background-color:var(--bg-secondary);font-weight:var(--font-weight-medium)}.message-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-2)}.message-name{font-weight:var(--font-weight-semibold);color:var(--text-primary)}.message-date{font-size:var(--font-size-xs);color:var(--text-muted)}.message-subject{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--spacing-1);color:var(--text-primary)}.message-preview{font-size:var(--font-size-sm);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{position:absolute;top:var(--spacing-4);right:var(--spacing-4);width:8px;height:8px;background-color:var(--accent-primary);border-radius:50%}.message-detail-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:var(--spacing-4);border-bottom:1px solid var(--border-default);margin-bottom:var(--spacing-6)}.message-detail-header h3{margin:0}.message-detail-body{display:flex;flex-direction:column;gap:var(--spacing-6)}.message-meta{display:flex;flex-direction:column;gap:var(--spacing-2)}.meta-item{font-size:var(--font-size-sm)}.meta-item strong{margin-right:var(--spacing-2)}.meta-item a{color:var(--accent-primary)}.message-content h4{font-size:var(--font-size-base);margin-bottom:var(--spacing-3)}.message-content p{white-space:pre-wrap;line-height:1.6}@media(max-width:1024px){.messages-layout{grid-template-columns:1fr}.message-detail{position:fixed;inset:0;z-index:var(--z-modal);border-radius:0}}.admin-settings-page{max-width:var(--container-5xl)}.settings-grid{display:flex;flex-direction:column;gap:var(--spacing-6)}.settings-group{padding:var(--spacing-6)}.settings-group-title{font-size:var(--font-size-lg);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-3);border-bottom:1px solid var(--border-default)}.settings-items{display:flex;flex-direction:column;gap:var(--spacing-5)}.setting-item{display:grid;grid-template-columns:200px 1fr auto;gap:var(--spacing-4);align-items:start}.setting-item label{padding-top:var(--spacing-3);font-weight:var(--font-weight-medium)}@media(max-width:768px){.setting-item{grid-template-columns:1fr;gap:var(--spacing-2)}.setting-item label{padding-top:0}}.admin-users-page{animation:fadeIn .3s ease-in-out}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-6)}.profile-card{max-width:600px;margin:0 auto;padding:var(--spacing-8)}.profile-header{display:flex;align-items:center;gap:var(--spacing-6);margin-bottom:var(--spacing-8);padding-bottom:var(--spacing-6);border-bottom:1px solid var(--border-default)}.profile-avatar{width:80px;height:80px;border-radius:var(--border-radius-full);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));color:#fff;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.profile-info h2{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--text-primary);margin-bottom:var(--spacing-2)}.modal-overlay{position:fixed;inset:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{background:var(--bg-card);padding:var(--spacing-6);border-radius:var(--border-radius-lg);width:100%;max-width:500px;box-shadow:var(--shadow-lg)}.modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-4);margin-top:var(--spacing-6)}.form-group{margin-bottom:var(--spacing-4)}.form-group label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium)}.form-group input{width:100%;padding:var(--spacing-2);border:1px solid var(--border-default);border-radius:var(--border-radius-md);background:var(--bg-input);color:var(--text-primary)}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-3);text-align:left;border-bottom:1px solid var(--border-default)}.badge{padding:4px 8px;border-radius:12px;font-size:12px;font-weight:700}.badge-success{background:#d1fae5;color:#065f46}.badge-error{background:#fee2e2;color:#991b1b}.badge-warning{background:#fef3c7;color:#92400e}.badge-info{background:#dbeafe;color:#1e40af}.btn-icon{background:none;border:none;cursor:pointer;font-size:16px;margin-right:8px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.border-b{border-bottom:1px solid var(--border-color);padding-bottom:var(--spacing-6);margin-bottom:var(--spacing-6)}.current-image{margin-bottom:var(--spacing-4)}.current-image img{display:block;border:2px solid var(--border-color);max-height:400px;width:auto;object-fit:contain}.story-preview{margin-bottom:var(--spacing-4)}.story-preview .story-preview-image,.current-image.story-preview img{display:block;width:100%!important;max-width:600px!important;height:auto!important;max-height:500px!important;object-fit:cover!important;border-radius:var(--border-radius-2xl, 12px)!important;box-shadow:0 4px 6px #0000001a;border:2px solid var(--border-color)}.current-image img[style*="border-radius: 50%"]{width:100px!important;height:100px!important;object-fit:cover!important}.mb-2{margin-bottom:var(--spacing-2)}.mb-4{margin-bottom:var(--spacing-4)}.mb-6{margin-bottom:var(--spacing-6)}