:root{--primary-gold: #b8956a;--secondary-gold: #d4af37;--accent-gold: #e8d5b7;--light-gold: #f5f1e8;--on-gold: #2c1810;--primary-brown: #1a1410;--secondary-brown: #2a2420;--tertiary-brown: #3d3530;--light-brown: #5a5450;--cream: #fefdfb;--light-cream: #f9f7f3;--warm-white: #faf8f5;--text-dark: #1a1410;--text-medium: #3d3530;--text-light: #5a5450;--text-muted: #6f6a63;--white: #ffffff;--light-gray: #f8f7f5;--medium-gray: #e9e6e1;--border-color: #e0dbd2;--error: #b3261e;--error-bg: #fdecea;--error-border: #ef4444;--success: #2e7d32;--success-bg: #e8f5e9;--font-primary: "Playfair Display", serif;--font-secondary: "Inter", sans-serif;--font-elegant: "Cormorant Garamond", serif;--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;--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;--header-height: 64px;--container-max-width: 1360px;--section-gap: 88px;--border-radius-sm: 8px;--border-radius-md: 12px;--border-radius: 12px;--border-radius-lg: 16px;--border-radius-xl: 20px;--touch-target: 44px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .04);--shadow: 0 2px 4px 0 rgba(0, 0, 0, .08);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 8px 16px -2px rgba(0, 0, 0, .12);--shadow-xl: 0 16px 32px -4px rgba(0, 0, 0, .15);--shadow-gold: 0 4px 20px rgba(184, 149, 106, .12);--transition-short: .15s ease;--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--z-base: 1;--z-header: 100;--z-dropdown: 150;--z-drawer: 200;--z-modal: 300;--z-toast: 400;--ink: #1a1410;--ink-2: #3d3530;--muted-2: #8a8378;--muted-3: #b3aca3;--on-dark: #c9c3ba;--on-dark-2: #a9a29a;--bronze: #b8956a;--bronze-dark: #8a6d3b;--paper-2: #fefdfb;--paper-3: #faf8f5;--sand: #f5f1e8;--surface-hover: #f7f5f1;--line: #ddd7cd;--line-2: #e0dbd2;--line-3: #ece8e1;--line-4: #f2efe9;--danger: #b3261e;--danger-ink: #8f2119;--danger-bg: #fdf7f6;--danger-badge-bg: #fdf1f0;--danger-line: #f0d9d6;--success-2: #1e7a3c;--success-circle: #eef6f0;--warning-ink: #8a5a12;--warning-bg: #fdf6e8;--placeholder: #6f6a63;--backdrop: rgba(26, 20, 16, .55);--shadow-popover: 0 14px 36px -10px rgba(26, 20, 16, .28);--shadow-toast: 0 10px 28px -10px rgba(26, 20, 16, .3);--shadow-dialog: 0 24px 64px -16px rgba(26, 20, 16, .5);--shadow-card-hover: 0 8px 24px -8px rgba(184, 149, 106, .35);--focus-ring-color: var(--bronze);--focus-ring-width: 2px;--focus-ring-offset: 2px;--focus-ring: var(--focus-ring-width) solid var(--focus-ring-color)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-secondary);font-size:var(--text-base);line-height:1.6;color:var(--text-dark);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:var(--font-primary);font-weight:600;line-height:1.2;color:var(--text-dark);margin-bottom:var(--space-4);letter-spacing:-.5px}h1{font-size:var(--text-5xl);font-weight:700;letter-spacing:-1px}h2{font-size:var(--text-4xl);font-weight:600;letter-spacing:-.5px}h3{font-size:var(--text-3xl);font-weight:600}h4{font-size:var(--text-2xl);font-weight:500}h5{font-size:var(--text-xl);font-weight:500}h6{font-size:var(--text-lg);font-weight:500}p{margin-bottom:var(--space-4);color:var(--text-medium);line-height:1.7}a{color:var(--primary-gold);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--secondary-gold)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-secondary);font-size:var(--text-base);font-weight:500;text-decoration:none;border:none;border-radius:var(--border-radius);cursor:pointer;transition:all var(--transition-normal);white-space:nowrap;-webkit-user-select:none;user-select:none;letter-spacing:.3px}.btn-primary{background:linear-gradient(135deg,var(--primary-gold) 0%,var(--secondary-gold) 100%);color:var(--on-gold);font-weight:600;box-shadow:var(--shadow-gold)}.btn-primary:hover{box-shadow:0 6px 24px #b8956a33;color:var(--on-gold)}.btn-secondary{background:var(--white);color:var(--text-dark);border:2px solid var(--border-color)}.btn-secondary:hover{border-color:var(--primary-gold);color:var(--primary-gold)}.btn-outline{background:transparent;color:var(--primary-gold);border:2px solid var(--primary-gold)}.btn-outline:hover{background:var(--primary-gold);color:var(--on-gold)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}@media (hover: hover){.btn-primary:hover{transform:translateY(-2px)}.btn-secondary:hover{transform:translateY(-1px)}}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-secondary);font-size:var(--text-base);color:var(--text-dark);background:var(--white);border:2px solid var(--border-color);border-radius:var(--border-radius);transition:all var(--transition-normal)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary-gold);box-shadow:0 0 0 3px #b8956a14}::placeholder{color:var(--placeholder);opacity:1}.form-input::placeholder,.form-textarea::placeholder{color:var(--placeholder)}.card{background:var(--white);border-radius:var(--border-radius-lg);box-shadow:var(--shadow);overflow:hidden;transition:all var(--transition-normal);border:1px solid var(--border-color)}@media (hover: hover) and (pointer: fine){.card:hover{border-color:var(--bronze);box-shadow:var(--shadow-card-hover)}}.card-body{padding:var(--space-6)}.container{max-width:var(--container-max-width);margin:0 auto;padding:0 var(--space-4)}.container-fluid{width:100%;padding:0 var(--space-4)}app-main-layout .page-header{background:linear-gradient(135deg,var(--primary-brown) 0%,var(--secondary-brown) 100%);color:var(--white);padding:var(--space-16) 0;border-bottom:1px solid rgba(184,149,106,.2)}app-main-layout .page-header .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-4);font-size:var(--text-sm)}app-main-layout .page-header .breadcrumb a{color:var(--primary-gold);text-decoration:none;transition:color var(--transition-normal)}app-main-layout .page-header .breadcrumb a:hover{color:var(--secondary-gold)}app-main-layout .page-header .breadcrumb .separator{color:var(--accent-gold);opacity:.7}app-main-layout .page-header .breadcrumb .current{color:var(--secondary-gold);font-weight:500}app-main-layout .page-header .page-title{font-family:var(--font-primary);font-size:var(--text-4xl);font-weight:700;margin-bottom:var(--space-4);background:linear-gradient(135deg,var(--accent-gold),var(--secondary-gold));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}app-main-layout .page-header .page-subtitle{font-family:var(--font-elegant);font-size:var(--text-lg);color:var(--accent-gold);margin:0;font-weight:300}@media (max-width: 768px){app-main-layout .page-header .page-title{font-size:var(--text-3xl)}}@media (max-width: 480px){app-main-layout .page-header{padding:var(--space-8) 0}app-main-layout .page-header .page-title{font-size:var(--text-2xl)}}.grid{display:grid;gap:var(--space-6)}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.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}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-3{margin-bottom:var(--space-3)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-3{margin-top:var(--space-3)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.p-0{padding: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)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.text-gold{color:var(--primary-gold)}.text-brown{color:var(--text-dark)}.text-muted{color:var(--text-muted)}.bg-white{background-color:var(--white)}.bg-cream{background-color:var(--cream)}.bg-light-cream{background-color:var(--light-cream)}.bg-light-gray{background-color:var(--light-gray)}.border{border:1px solid var(--border-color)}.border-t{border-top:1px solid var(--border-color)}.border-b{border-bottom:1px solid var(--border-color)}.border-l{border-left:1px solid var(--border-color)}.border-r{border-right:1px solid var(--border-color)}.rounded{border-radius:var(--border-radius)}.rounded-lg{border-radius:var(--border-radius-lg)}.rounded-xl{border-radius:var(--border-radius-xl)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.shadow-xl{box-shadow:var(--shadow-xl)}@media (max-width: 1200px){.container{padding:0 var(--space-6)}}@media (max-width: 1024px){.grid-cols-4{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){:root{--header-height: 60px;--section-gap: 44px;--text-5xl: 2.5rem;--text-4xl: 2rem;--text-3xl: 1.75rem}.container{padding:0 var(--space-4)}.grid-cols-4,.grid-cols-3{grid-template-columns:repeat(2,1fr)}.grid-cols-2{grid-template-columns:repeat(1,1fr)}}@media (max-width: 480px){:root{--header-height: 60px;--text-5xl: 2rem;--text-4xl: 1.75rem;--text-3xl: 1.5rem}.grid-cols-4,.grid-cols-3,.grid-cols-2{grid-template-columns:repeat(1,1fr)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideIn{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideDown{0%{transform:translateY(-10px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.animate-fade-in{animation:fadeInUp .6s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.animate-slide-in-right{animation:slideInRight .5s ease-out}.animate-pulse{animation:pulse 2s infinite}.animate-scale-in{animation:scaleIn .4s ease-out}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}button,a,input,select,textarea{transition:all var(--transition-normal)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible,summary:focus-visible{outline:2px solid var(--primary-gold);outline-offset:2px}.loading{opacity:.6;pointer-events:none}.skeleton{background:linear-gradient(90deg,var(--light-gray) 25%,var(--medium-gray) 50%,var(--light-gray) 75%);background-size:200% 100%;animation:loading 1.5s infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}::selection{background-color:var(--light-gold);color:var(--text-dark)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--light-gray)}::-webkit-scrollbar-thumb{background:var(--primary-gold);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--secondary-gold)}html,body{width:100%;max-width:100%}img,video,canvas,svg{max-width:100%}html.dark{--white: #1a1410;--light-gray: #2a2420;--medium-gray: #3d3530;--cream: #120e0c;--light-cream: #1f1915;--text-dark: #fefdfb;--text-medium: #e8d5b7;--text-light: #c9c3ba;--text-muted: #b3aca3;--border-color: #3d3530;--error: #f2b8b5;--error-bg: #3b1512;--error-border: #f2b8b5;--success: #a5d6a7;--success-bg: #16301a;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .5);--shadow: 0 2px 4px 0 rgba(0, 0, 0, .5);--shadow-md: 0 4px 8px -1px rgba(0, 0, 0, .5);--shadow-gold: 0 4px 20px rgba(184, 149, 106, .2);--ink: #fefdfb;--ink-2: #d5cec4;--muted-2: #a9a29a;--muted-3: #8a8378;--placeholder: #a9a29a;--bronze-dark: #c9a978;--paper-2: #1f1915;--paper-3: #120e0c;--sand: #2a2420;--surface-hover: #2a2420;--line: #3d3530;--line-2: #3d3530;--line-3: #2f2925;--line-4: #262120;--danger: #f2b8b5;--danger-ink: #f2b8b5;--danger-bg: #3b1512;--danger-badge-bg: #3b1512;--danger-line: #5c2b26;--success-2: #a5d6a7;--success-circle: #16301a;--warning-ink: #f0c674;--warning-bg: #33280f;--backdrop: rgba(0, 0, 0, .66)}html.dark .card,html.dark .section-card,html.dark .kpi-card:not(.highlight),html.dark .modal-content,html.dark .admin-sidebar,html.dark .admin-navbar,html.dark .form-input,html.dark .form-select,html.dark .form-textarea{background-color:var(--light-gray);color:var(--text-dark);border-color:var(--border-color)}html.dark .data-table th{background-color:var(--medium-gray);color:var(--text-dark)}html.dark .data-table td{color:var(--text-dark);border-bottom-color:var(--border-color)}html.dark .data-table tbody tr:hover{background-color:var(--medium-gray)}html.dark .kpi-card.highlight{color:var(--on-gold)}.state-block{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);text-align:center;padding:var(--space-16) var(--space-6);margin:var(--space-8) auto;max-width:640px;border-radius:var(--border-radius-lg);border:1px solid var(--border-color);background:var(--white);color:var(--text-medium)}.state-block h2,.state-block h3{font-family:var(--font-primary);font-size:var(--text-2xl);color:var(--text-dark);margin:0}.state-block p{margin:0;font-size:var(--text-base);line-height:1.7;color:var(--text-light)}.state-loading:before{content:"";width:40px;height:40px;border:3px solid var(--medium-gray);border-top-color:var(--primary-gold);border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.state-error{border-color:var(--error-border);background:var(--error-bg)}.state-error h3{color:var(--error)}.state-error p{color:var(--text-medium)}.state-empty{background:var(--light-cream)}@media (prefers-reduced-motion: reduce){.state-loading:before{animation-duration:2.5s}}@media (max-width: 480px){.state-block{padding:var(--space-10) var(--space-4)}}.badge-outofstock{background:var(--tertiary-brown);color:var(--white)}.newsletter-note{margin:var(--space-3) 0 0;font-size:var(--text-sm);color:var(--accent-gold);opacity:.9}