:root{--primary:#c5956b;--primary-hover:#b07f55;--primary-light:#d4a97d;--secondary:#7a9a7e;--background:#faf8f5;--surface:#fff;--surface-hover:#f5f0ea;--text-primary:#1a1a1a;--text-secondary:#6b6b6b;--border:#e8e2da;--danger:#c0392b;--warning:#d4a017;--accent:#c5956b;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-serif:"Playfair Display","Georgia",serif;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.25rem;--shadow-sm:0 1px 3px #0000000a,0 1px 2px #0000000f;--shadow-md:0 4px 14px #0000000f;--shadow-lg:0 10px 40px #00000014;--transition:all .25s cubic-bezier(.4,0,.2,1)}body{background-color:var(--background);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;line-height:1.6}*{box-sizing:border-box}a{color:var(--primary);transition:var(--transition);text-decoration:none}a:hover{color:var(--primary-hover)}
.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);transition:var(--transition);padding:1.5rem;overflow:hidden}.card:hover{transform:translateY(-2px);box-shadow:0 20px 25px -5px #c5956b1f,0 8px 10px -6px #c5956b0f}.btn{cursor:pointer;transition:var(--transition);font-weight:600;font-family:var(--font-family);border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.75rem 1.5rem;display:inline-flex}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 10px 15px -3px #c5956b4d}.btn-outline{border:1px solid var(--border);color:var(--text-primary);background:0 0}.btn-outline:hover{background:var(--surface-hover)}.datatable-wrapper{border-radius:var(--radius-lg);background:var(--surface);box-shadow:var(--shadow-lg);overflow-x:auto}.datatable{border-collapse:collapse;width:100%}.datatable th,.datatable td{text-align:left;border-bottom:1px solid var(--border);padding:1.25rem 1.5rem}.datatable th{background:var(--surface);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid var(--border);font-size:.75rem;font-weight:600}.datatable tbody tr{background:var(--surface);transition:var(--transition)}.datatable tbody tr:hover{background:var(--surface-hover)}.layout-admin{background-color:var(--background);height:100vh;color:var(--text-primary);gap:1.5rem;padding:1rem;display:flex;overflow:hidden}.sidebar{background-color:var(--surface);color:var(--text-primary);border-radius:var(--radius-xl);height:100%;box-shadow:var(--shadow-sm);flex-direction:column;transition:width .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.sidebar.expanded{width:260px}.sidebar.collapsed{width:88px}.sidebar-header{white-space:nowrap;align-items:center;gap:1rem;padding:1.5rem 1.5rem 1rem;display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);color:#fff;background:linear-gradient(135deg,#c5956b,#b07f55);flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-weight:800;display:flex}.sidebar-title-wrapper{transition:opacity .2s}.sidebar.collapsed .sidebar-title-wrapper{opacity:0;pointer-events:none}.sidebar-title{color:var(--text-primary);letter-spacing:-.025em;font-size:1.125rem;font-weight:700;font-family:var(--font-serif)}.sidebar-subtitle{color:var(--text-secondary);text-transform:uppercase;font-size:.75rem;font-weight:500}.sidebar-nav{flex-direction:column;flex:1;gap:.25rem;padding:0 1rem 1rem;display:flex;overflow:hidden auto}.nav-section-title{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin:1rem 0 .5rem .75rem;font-size:.65rem;font-weight:700}.sidebar.collapsed .nav-section-title{display:none}.nav-link{border-radius:var(--radius-md);color:var(--text-secondary);transition:var(--transition);white-space:nowrap;align-items:center;gap:1rem;padding:.75rem 1rem;font-size:.9rem;font-weight:600;display:flex}.sidebar.collapsed .nav-link{justify-content:center;padding:1rem 0}.nav-link-text{transition:opacity .2s}.sidebar.collapsed .nav-link-text{opacity:0;display:none}.nav-link:hover{background-color:var(--background);color:var(--text-primary)}.nav-link.active{background-color:var(--primary);color:#fff}.nav-link svg{flex-shrink:0;width:1.5rem;height:1.5rem}.sidebar-footer{border-top:1px solid #ffffff1a;padding:1.5rem}.btn-logout{width:100%;color:var(--text-secondary);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);white-space:nowrap;background:0 0;border:none;justify-content:center;align-items:center;gap:1rem;padding:1rem;font-weight:600;display:flex}.sidebar.collapsed .btn-logout{padding:1rem 0}.btn-logout:hover{background-color:var(--background);color:var(--danger)}.main-content{background-color:var(--surface);border-radius:var(--radius-xl);min-width:0;box-shadow:var(--shadow-sm);flex-direction:column;flex:1;display:flex;overflow:hidden}.topbar{background-color:#0000;flex-shrink:0;justify-content:space-between;align-items:center;height:5rem;padding:0 1rem;display:flex}.topbar-left{align-items:center;gap:1rem;display:flex}.btn-toggle{background:var(--surface);cursor:pointer;width:2.5rem;height:2.5rem;color:var(--text-primary);box-shadow:var(--shadow-sm);transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex}.btn-toggle:hover{background:var(--background)}.topbar-title{letter-spacing:-.025em;font-size:1.5rem;font-weight:700}.user-profile-widget{background:var(--surface);box-shadow:var(--shadow-sm);border-radius:9999px;align-items:center;gap:1rem;padding:.5rem 1rem .5rem .5rem;display:flex}.user-avatar{color:#fff;background:linear-gradient(135deg,#c5956b,#d4a97d);border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1.25rem;font-weight:700;display:flex}.page-container{flex:1;padding:1rem;position:relative;overflow:auto}.page-greeting{color:var(--text-primary);letter-spacing:-.025em;font-size:2.25rem;font-weight:800;font-family:var(--font-serif);margin-top:0;margin-bottom:2rem}.page-title{color:var(--text-primary);letter-spacing:-.025em;font-size:2rem;font-weight:800;font-family:var(--font-serif);margin-top:0;margin-bottom:.5rem}.page-subtitle{color:var(--text-secondary);margin-top:0;margin-bottom:2rem;font-size:1.125rem}.table-header{justify-content:space-between;align-items:flex-end;margin-bottom:2rem;display:flex}.badge{text-transform:capitalize;border:none;border-radius:9999px;align-items:center;gap:.375rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600;display:inline-flex}.badge-success{color:var(--secondary);background-color:#10b98126}.badge-warning{color:var(--warning);background-color:#f59e0b26}.badge-danger{color:var(--danger);background-color:#ef444426}.badge-neutral{background-color:var(--border);color:var(--text-secondary)}.td-flex{color:var(--text-primary);align-items:center;gap:1rem;font-weight:600;display:flex}.avatar{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;font-size:1rem;font-weight:700;display:flex}.text-right{text-align:right}.btn-link{color:var(--primary);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:9999px;padding:.5rem 1rem;font-weight:600}.btn-link:hover{background-color:#c5956b1f}.metrics-grid{grid-template-columns:repeat(1,1fr);gap:1.5rem;margin-bottom:2rem;display:grid}@media (min-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.metrics-grid{grid-template-columns:repeat(4,1fr)}}.metric-card{flex-direction:column;gap:1rem;display:flex;position:relative;overflow:hidden}.metric-header{justify-content:space-between;align-items:flex-start;display:flex}.metric-icon-wrapper{border-radius:var(--radius-md);padding:.75rem}.metric-icon{width:1.5rem;height:1.5rem}.metric-options{color:var(--text-secondary);cursor:pointer}.metric-body{margin-top:.5rem}.metric-value{color:var(--text-primary);margin-bottom:.5rem;font-size:2.25rem;font-weight:800;line-height:1}.metric-label{color:var(--text-secondary);font-size:.875rem;font-weight:500}.color-primary{color:var(--primary)}.color-secondary{color:var(--secondary)}.color-danger{color:var(--danger)}.color-yellow{color:var(--warning)}.bg-primary-light{background-color:#c5956b1f}.bg-secondary-light{background-color:#10b9811a}.bg-danger-light{background-color:#ef44441a}.bg-yellow-light{background-color:#f59e0b1a}.login-container{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex}.login-card{width:100%;max-width:28rem;margin:auto}.login-header{text-align:center;margin-bottom:2rem}.login-title{color:var(--text-primary);font-size:1.5rem;font-weight:700;font-family:var(--font-serif);margin-bottom:.5rem}.login-subtitle{text-transform:capitalize;font-size:1.25rem;font-weight:600}.form-group{margin-bottom:1rem}.form-label{color:var(--text-secondary);margin-bottom:.25rem;font-size:.875rem;font-weight:500;display:block}.form-input{background-color:var(--surface-hover);border:1px solid var(--border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:var(--transition);padding:.75rem 1rem;font-family:inherit}.form-input:focus{border-color:var(--primary);outline:none}.btn-block{width:100%;margin-top:1.5rem;padding:1rem;font-size:1.125rem}.home-nav{z-index:50;background:var(--surface);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:3rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.nav-links{align-items:center;gap:1.5rem;display:flex}.home-nav-left{align-items:center;gap:2rem;display:flex}.home-nav-search{flex:1;max-width:40rem;margin:0 2rem}.footer-grid{grid-template-columns:repeat(4,1fr);gap:4rem;max-width:80rem;margin:0 auto;display:grid}.product-list-layout{flex-wrap:wrap;align-items:flex-start;gap:2rem;display:flex}.product-list-layout>aside{flex:0 0 240px;width:240px}.product-list-layout>div{flex:1;min-width:0}.nav-secondary{border-bottom:1px solid var(--border);background:var(--surface);justify-content:center;align-items:center;gap:2rem;padding:1rem 2rem;font-size:.875rem;font-weight:600;display:flex}@media (max-width:768px){.home-nav{flex-direction:column;gap:1rem;padding:1rem}.home-nav-left{justify-content:center;gap:1rem}.home-nav-search{width:100%;max-width:100%;margin:0}.nav-links{flex-wrap:wrap;justify-content:center;width:100%}.nav-secondary{white-space:nowrap;-webkit-overflow-scrolling:touch;box-sizing:border-box;justify-content:flex-start;gap:1.5rem;width:100vw;max-width:100vw;padding:1rem;overflow-x:auto}.footer-grid{text-align:center;grid-template-columns:1fr;gap:2rem}.product-list-layout>aside,.product-list-layout>div{flex:100%!important;width:100%!important}.page-container{padding:1rem!important}}.hero-section{text-align:center;max-width:56rem;margin:0 auto;padding:5rem 1.5rem}.hero-title{margin-bottom:1.5rem;font-size:3rem;font-weight:800;line-height:1.1}@media (min-width:768px){.hero-title{font-size:4.5rem}}.hero-subtitle{color:var(--text-secondary);max-width:42rem;margin:0 auto;font-size:1.25rem;line-height:1.6}.hero-actions{justify-content:center;gap:1rem;margin-top:2rem;display:flex}.features-grid{grid-template-columns:repeat(1,1fr);gap:2rem;max-width:80rem;margin:3rem auto;padding:0 1.5rem;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.feature-img-box{background-color:var(--surface-hover);border-radius:var(--radius-md);height:12rem;margin-bottom:1.5rem;overflow:hidden}.feature-img-inner{width:100%;height:100%;transition:transform .5s}.card:hover .feature-img-inner{transform:scale(1.05)}.dropdown-item{text-align:left;cursor:pointer;width:100%;color:var(--text-primary);border-radius:var(--radius-sm);transition:var(--transition);background:0 0;border:none;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:block}.dropdown-item:hover{background-color:var(--surface-hover);color:var(--primary)}.cart-drawer-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;opacity:0;visibility:hidden;background-color:#11182766;transition:all .3s;position:fixed;inset:0}.cart-drawer-overlay.open{opacity:1;visibility:visible}.cart-drawer{background-color:var(--surface);width:100%;max-width:400px;box-shadow:var(--shadow-lg);z-index:101;flex-direction:column;transition:transform .4s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cart-drawer.open{transform:translate(0)}.cart-drawer-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.cart-drawer-items{flex:1;padding:1.5rem;overflow-y:auto}.cart-drawer-footer{border-top:1px solid var(--border);background-color:var(--surface-hover);padding:1.5rem}

@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.2a48534a.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.18a48cbc.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.7a40eb73.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.c995e352.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.76dcb0b2.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.7cd81963.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.3a6ba036.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}.inter_c28cdf08-module__T0UfLq__className{font-family:Inter,Inter Fallback;font-style:normal}.inter_c28cdf08-module__T0UfLq__variable{--font-sans:"Inter","Inter Fallback"}
@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/65c558afe41e89d6-s.e2c8389a.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/14e23f9b59180572-s.9c448f3c.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/b49b0d9b851e4899-s.4f3fa681.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Playfair Display;font-style:normal;font-weight:400 900;font-display:swap;src:url(../media/2a65768255d6b625-s.p.d19752fb.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Playfair Display Fallback;src:local(Times New Roman);ascent-override:97.25%;descent-override:22.56%;line-gap-override:0.0%;size-adjust:111.26%}.playfair_display_f7841821-module__Jc41pq__className{font-family:Playfair Display,Playfair Display Fallback;font-style:normal}.playfair_display_f7841821-module__Jc41pq__variable{--font-serif:"Playfair Display","Playfair Display Fallback"}