:root{--brand-olive: #B4B892;--brand-deep: #53583F;--brand-bronze: #735D3A;--brand-eggshell: #F0E9DD;--brand-coffee: #594B3C;--brand-sage: #809571;--brand-pearl: #E5E0D8;--color-primary: var(--brand-olive);--color-on-primary: #FFFFFF;--color-accent: var(--brand-sage);--color-on-accent: #FFFFFF;--color-surface: #FFFFFF;--color-surface-muted: var(--brand-eggshell);--color-surface-alt: var(--brand-pearl);--color-background: #F9F9F9;--color-text: var(--brand-deep);--color-text-secondary: #666666;--color-text-muted: color-mix(in oklab, var(--brand-deep) 65%, transparent);--color-border: color-mix(in oklab, var(--brand-deep) 15%, transparent);--color-info: #4A90E2;--color-success: var(--brand-sage);--color-warning: #F5A623;--color-danger: #D0021B;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--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;--transition-fast: .15s ease-in-out;--transition-base: .2s ease-in-out;--transition-slow: .3s ease-in-out;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-family-base);color:var(--color-text);background-color:var(--color-surface);line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;color:var(--color-text);margin-bottom:var(--spacing-md)}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-2xl)}h4{font-size:var(--font-size-xl)}h5{font-size:var(--font-size-lg)}h6{font-size:var(--font-size-base)}p{margin-bottom:var(--spacing-md)}a{color:var(--color-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--brand-bronze)}.container{max-width:1280px;margin:0 auto;padding:0 var(--spacing-md);width:100%}.container-fluid{width:100%;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);font-weight:600;font-size:var(--font-size-base);cursor:pointer;transition:all var(--transition-base);border:2px solid transparent;text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){background:var(--brand-bronze);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-secondary{background:var(--color-accent);color:var(--color-on-accent)}.btn-secondary:hover:not(:disabled){background:var(--brand-deep);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-outline{background:transparent;border-color:var(--color-primary);color:var(--color-primary)}.btn-outline:hover:not(:disabled){background:var(--color-primary);color:var(--color-on-primary)}.btn-text{background:transparent;color:var(--color-primary);padding:var(--spacing-sm)}.btn-text:hover:not(:disabled){background:var(--color-surface-muted)}.btn-sm{padding:var(--spacing-xs) var(--spacing-md);font-size:var(--font-size-sm)}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:var(--font-size-lg)}.btn-icon{padding:var(--spacing-sm);aspect-ratio:1}.btn-full{width:100%}.card{background:var(--color-surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);padding:var(--spacing-lg);transition:box-shadow var(--transition-base)}.card-hover:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.card-header{padding-bottom:var(--spacing-md);border-bottom:1px solid var(--color-border);margin-bottom:var(--spacing-md)}.card-body{padding:var(--spacing-md) 0}.card-footer{padding-top:var(--spacing-md);border-top:1px solid var(--color-border);margin-top:var(--spacing-md)}.form-group{margin-bottom:var(--spacing-lg)}.form-label{display:block;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);margin-bottom:var(--spacing-xs)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-base);font-family:var(--font-family-base);color:var(--color-text);background:var(--color-surface);transition:border-color var(--transition-fast)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary)}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-danger)}.form-input.success{border-color:var(--color-success)}.form-error{display:block;color:var(--color-danger);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-help{display:block;color:var(--color-text-muted);font-size:var(--font-size-sm);margin-top:var(--spacing-xs)}.form-textarea{min-height:100px;resize:vertical}.badge{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:600;line-height:1}.badge-primary{background:var(--color-primary);color:var(--color-on-primary)}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-warning);color:#fff}.badge-danger{background:var(--color-danger);color:#fff}.badge-info{background:var(--color-info);color:#fff}.badge-count{min-width:20px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:11px;font-weight:700}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing-xs)}.mt-2{margin-top:var(--spacing-sm)}.mt-3{margin-top:var(--spacing-md)}.mt-4{margin-top:var(--spacing-lg)}.mt-5{margin-top:var(--spacing-xl)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--spacing-xs)}.mb-2{margin-bottom:var(--spacing-sm)}.mb-3{margin-bottom:var(--spacing-md)}.mb-4{margin-bottom:var(--spacing-lg)}.mb-5{margin-bottom:var(--spacing-xl)}.p-0{padding:0}.p-1{padding:var(--spacing-xs)}.p-2{padding:var(--spacing-sm)}.p-3{padding:var(--spacing-md)}.p-4{padding:var(--spacing-lg)}.p-5{padding:var(--spacing-xl)}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--color-primary)}.text-muted{color:var(--color-text-muted)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.d-none{display:none}.d-block{display:block}.d-flex{display:flex}.d-grid{display:grid}.flex-row{flex-direction:row}.flex-column{flex-direction:column}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.align-start{align-items:flex-start}.align-center{align-items:center}.gap-1{gap:var(--spacing-xs)}.gap-2{gap:var(--spacing-sm)}.gap-3{gap:var(--spacing-md)}.gap-4{gap:var(--spacing-lg)}.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)}@media(max-width:767px){.container{padding:0 var(--spacing-sm)}.hide-mobile{display:none!important}.grid-cols-2,.grid-cols-3,.grid-cols-4{grid-template-columns:1fr}}@media(min-width:768px){.show-mobile{display:none!important}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--transition-base)}.slide-in-up{animation:slideInUp var(--transition-slow)}.spinner{width:40px;height:40px;border:4px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-sm{width:20px;height:20px;border-width:2px}.skeleton{background:linear-gradient(90deg,var(--color-surface-muted) 25%,var(--color-pearl) 50%,var(--color-surface-muted) 75%);background-size:200% 100%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%{background-position:200% 0}to{background-position:-200% 0}}.page-header{margin-bottom:var(--spacing-xl)}.page-title{font-size:var(--font-size-3xl);font-weight:700;color:var(--color-text);margin-bottom:var(--spacing-xs)}.page-description{color:var(--color-text-muted);font-size:var(--font-size-base)}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}table{width:100%;border-collapse:collapse}table thead{background:var(--color-surface-muted)}table th{padding:var(--spacing-md);text-align:left;font-weight:600;font-size:var(--font-size-sm);color:var(--color-text);border-bottom:2px solid var(--color-border);white-space:nowrap}table td{padding:var(--spacing-md);border-bottom:1px solid var(--color-border);font-size:var(--font-size-sm);color:var(--color-text)}table tbody tr{transition:background var(--transition-fast)}table tbody tr:hover{background:var(--color-surface-muted)}table tbody tr:last-child td{border-bottom:none}.empty-state{text-align:center;padding:var(--spacing-3xl);color:var(--color-text-muted)}.empty-state h3{font-size:var(--font-size-xl);margin-bottom:var(--spacing-md)}.empty-state p{font-size:var(--font-size-base);margin-bottom:var(--spacing-lg)}.status-active{color:var(--color-success)}.status-inactive{color:var(--color-danger)}.status-pending{color:var(--color-warning)}.action-buttons{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.align-end{align-items:flex-end}.rhode-btn-primary{background-color:var(--color-primary);color:var(--color-on-primary);padding:1rem 2.5rem;border-radius:var(--radius-full);text-transform:uppercase;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.1em;border:2px solid var(--color-primary);cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-block;text-decoration:none}.rhode-btn-primary:hover{background-color:var(--brand-deep);border-color:var(--brand-deep);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.rhode-product-card{background-color:var(--color-surface);border-radius:var(--radius-xl);overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.rhode-product-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.rhode-image-container{position:relative;aspect-ratio:4 / 5;overflow:hidden;background-color:var(--color-surface-muted)}.rhode-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.rhode-product-card:hover .rhode-image-container img{transform:scale(1.08)}.rhode-heading-lg{font-size:clamp(2.5rem,5vw,4.5rem);line-height:.95;font-weight:500;letter-spacing:-.03em}.rhode-heading-md{font-size:clamp(1.5rem,3vw,2.5rem);line-height:1.1;font-weight:500;letter-spacing:-.02em}.rhode-pill{padding:.75rem 1.5rem;border-radius:var(--radius-full);border:1px solid var(--color-border);background-color:var(--color-surface);font-size:var(--font-size-xs);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .25s ease}.rhode-pill:hover{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-on-primary);transform:translateY(-1px)}.rhode-pill.active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-on-primary)}.rhode-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0006,#0000001a);z-index:1}.rhode-category-text{font-size:clamp(1.5rem,3vw,1.875rem);font-weight:700;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.3);letter-spacing:-.02em}.rhode-grid-1{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:768px){.rhode-grid-1{grid-template-columns:repeat(2,1fr);gap:2rem}}@media(min-width:1024px){.rhode-grid-1{grid-template-columns:repeat(3,1fr)}}.rhode-backdrop{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}@keyframes rhodeMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.rhode-transition-fast{transition:all .2s cubic-bezier(.4,0,.2,1)}.rhode-transition{transition:all .3s cubic-bezier(.4,0,.2,1)}.rhode-transition-slow{transition:all .5s cubic-bezier(.16,1,.3,1)}.rhode-lift{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.rhode-lift:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0000001f}.rhode-lift-sm{transition:transform .3s cubic-bezier(.4,0,.2,1)}.rhode-lift-sm:hover{transform:translateY(-4px)}.rhode-lift-lg{transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.rhode-lift-lg:hover{transform:translateY(-12px);box-shadow:0 16px 40px #00000026}.rhode-zoom-container{overflow:hidden;border-radius:var(--radius-lg)}.rhode-zoom{transition:transform .6s cubic-bezier(.4,0,.2,1);transform-origin:center}.rhode-zoom-container:hover .rhode-zoom{transform:scale(1.08)}.rhode-zoom-lg{transition:transform .8s cubic-bezier(.4,0,.2,1)}.rhode-zoom-container:hover .rhode-zoom-lg{transform:scale(1.15)}.rhode-scale{transition:transform .3s cubic-bezier(.4,0,.2,1)}.rhode-scale:hover{transform:scale(1.05)}.rhode-scale-lg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.rhode-scale-lg:hover{transform:scale(1.1)}.rhode-slide-right{transition:transform .3s cubic-bezier(.4,0,.2,1)}.rhode-slide-right:hover{transform:translate(4px)}.rhode-slide-left{transition:transform .3s cubic-bezier(.4,0,.2,1)}.rhode-slide-left:hover{transform:translate(-4px)}.rhode-fade{transition:opacity .3s ease}.rhode-fade:hover{opacity:.7}.rhode-glass{background:#ffffffe6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.2)}.rhode-glass-dark{background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1)}.rhode-shadow-sm{box-shadow:0 2px 8px #0000000f}.rhode-shadow{box-shadow:0 4px 16px #00000014}.rhode-shadow-lg{box-shadow:0 12px 32px #0000001f}.rhode-shadow-xl{box-shadow:0 20px 50px #00000026}.rhode-shadow-hover{transition:box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #00000014}.rhode-shadow-hover:hover{box-shadow:0 12px 32px #00000026}.rhode-text-shimmer{background:linear-gradient(90deg,var(--brand-deep) 0%,var(--brand-sage) 50%,var(--brand-deep) 100%);background-size:200% auto;color:transparent;-webkit-background-clip:text;background-clip:text;animation:shimmer 3s linear infinite}@keyframes shimmer{to{background-position:200% center}}.rhode-border-animated{position:relative;border:2px solid transparent;transition:border-color .3s ease}.rhode-border-animated:before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:2px;background:linear-gradient(45deg,var(--brand-sage),var(--brand-olive));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}.rhode-border-animated:hover:before{opacity:1}.rhode-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.rhode-bounce{animation:bounce 1s infinite}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.rhode-focus:focus-visible{outline:2px solid var(--brand-sage);outline-offset:2px;border-radius:var(--radius-md)}@media(prefers-reduced-motion:reduce){.rhode-transition,.rhode-transition-fast,.rhode-transition-slow,.rhode-lift,.rhode-lift-sm,.rhode-lift-lg,.rhode-zoom,.rhode-zoom-lg,.rhode-scale,.rhode-scale-lg,.rhode-slide-right,.rhode-slide-left,.rhode-fade{transition:none;animation:none}.rhode-lift:hover,.rhode-lift-sm:hover,.rhode-lift-lg:hover,.rhode-zoom-container:hover .rhode-zoom,.rhode-zoom-container:hover .rhode-zoom-lg,.rhode-scale:hover,.rhode-scale-lg:hover,.rhode-slide-right:hover,.rhode-slide-left:hover{transform:none}.rhode-text-shimmer,.rhode-pulse,.rhode-bounce{animation:none}}