.app-shell{--bg: oklch(.97 .006 80);--card: oklch(.99 .003 80);--border: oklch(.91 .008 80);--border-soft: oklch(.94 .008 80);--text: oklch(.24 .01 80);--text-soft: oklch(.5 .01 80);--text-softer: oklch(.55 .01 80);--accent: oklch(.6 .09 75);--accent-strong: oklch(.5 .1 65);--accent-tint: oklch(.93 .05 75);--chip-bg: oklch(.95 .008 80);--success-bg: oklch(.92 .1 145);--success-fg: oklch(.45 .13 150);--warn-bg: oklch(.93 .08 75);--warn-fg: oklch(.55 .13 65);--danger-bg: oklch(.93 .08 25);--danger-fg: oklch(.55 .15 25)}.app-shell,.app-shell *{box-sizing:border-box}.app-shell{margin:0;font-family:-apple-system,Helvetica Neue,Arial,sans-serif;background:var(--bg);color:var(--text)}.app-shell a{color:var(--accent-strong)}.app-shell a:hover{color:var(--accent)}.app-shell input,.app-shell select,.app-shell textarea,.app-shell button{font-family:inherit}.app-shell{display:flex;min-height:100vh;background:var(--bg)}.sidebar{width:240px;flex:none;background:var(--bg);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:24px 16px;box-sizing:border-box}.sidebar-logo{padding:8px 8px 24px}.sidebar-logo .mark{font-size:22px;font-weight:700;letter-spacing:4px}.sidebar-logo .sub{font-size:10px;letter-spacing:5px;color:var(--text-soft);margin-top:2px}.sidebar-nav{display:flex;flex-direction:column;gap:2px}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:10px;color:var(--text-soft);text-decoration:none;font-size:14px;border:none;background:none;cursor:pointer;width:100%;text-align:left}.nav-item.active{background:var(--accent-tint);color:#282017;font-weight:600}.sidebar-spacer{flex:1}.logout-btn{display:flex;align-items:center;gap:10px;padding:13px 16px;border-radius:12px;background:#1d1a15;color:#fff;border:none;font-size:14px;cursor:pointer}.mobile-drawer-close{display:none}.topbar{display:flex;align-items:center;gap:24px;padding:16px 32px;border-bottom:1px solid var(--border);background:#faf8f5}.hamburger{display:none;border:none;background:none;cursor:pointer;color:var(--text);flex:none}.search-box{flex:1;max-width:520px;position:relative}.search-box input{width:100%;box-sizing:border-box;padding:10px 14px 10px 40px;border-radius:10px;border:1px solid var(--border);background:var(--card);font-size:14px;outline:none;color:var(--text)}.search-box svg{position:absolute;left:14px;top:50%;transform:translateY(-50%)}.header-spacer{flex:1}.bell{position:relative;color:#3d3a35}.bell .dot{position:absolute;top:-2px;right:-2px;width:8px;height:8px;border-radius:50%;background:#db4241;border:1.5px solid oklch(.98 .005 80)}.user-chip{display:flex;align-items:center;gap:10px;cursor:pointer}.avatar-circle{width:38px;height:38px;border-radius:50%;background:#e5cdad;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#4b361c;flex:none}.user-chip .name{font-size:13.5px;font-weight:600}.user-chip .role{font-size:11.5px;color:var(--text-soft)}.page-main{flex:1;display:flex;flex-direction:column;min-width:0}.page-content{padding:0 0 40px;flex:1}.hero-banner{position:relative;padding:28px 32px 24px;min-height:200px;box-sizing:border-box;background-size:cover;background-position:center}.hero-banner:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,var(--bg) 0%,var(--bg) 30%,transparent 60%)}.hero-inner{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap}.breadcrumb{font-size:13px;color:var(--text-soft);margin-bottom:6px}.page-title{font-size:32px;font-weight:700;margin:0 0 8px}.page-sub{font-size:14.5px;color:var(--text-soft);margin:0;max-width:460px}.hero-tagline{text-align:right;flex:none;font-size:19px;font-weight:700;line-height:1.35}.hero-tagline .rule{width:50px;height:2px;background:var(--accent);margin:8px 0 0 auto}.content-pad{padding:20px 32px 0}.card{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px;min-width:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-bottom:20px}.stat-card{display:flex;align-items:center;gap:14px}.icon-chip{width:44px;height:44px;border-radius:12px;background:var(--accent-tint);display:flex;align-items:center;justify-content:center;flex:none;color:var(--accent-strong)}.two-col{display:flex;gap:20px;align-items:flex-start;flex-wrap:wrap}.two-col>.col-main{flex:2;min-width:320px}.two-col>.col-side{flex:1;min-width:260px;display:flex;flex-direction:column;gap:20px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 16px;border-radius:10px;font-size:13.5px;font-family:inherit;cursor:pointer;white-space:nowrap}.btn-primary{border:none;background:var(--accent);color:#fff;font-weight:600}.btn-secondary{border:1px solid var(--border);background:#fff;color:#302d28}.btn-danger{border:1px solid oklch(.75 .15 25);background:#fff;color:#b32228;font-weight:600}.field{display:flex;flex-direction:column;gap:7px;font-size:13px;color:#4b4742}.field input,.field select,.field textarea{padding:11px 14px;border-radius:10px;border:1px solid var(--border);font-size:14px;color:#24211c;outline:none}.field textarea{resize:none;font-family:inherit}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px 20px}.badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:14px;font-size:12px;font-weight:600}.badge-success{background:var(--success-bg);color:var(--success-fg)}.badge-warn{background:var(--warn-bg);color:var(--warn-fg)}.badge-danger{background:var(--danger-bg);color:var(--danger-fg)}.badge-neutral{background:var(--chip-bg);color:#58554f}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:13.5px}thead tr{border-bottom:1px solid var(--border);color:var(--text-soft);font-size:12.5px;text-align:left}th,td{padding:12px 6px}tbody tr{border-bottom:1px solid var(--border-soft)}.toggle{width:42px;height:24px;border-radius:12px;position:relative;flex:none;cursor:pointer;border:none;transition:background .15s}.toggle.on{background:var(--accent)}.toggle.off{background:#dad7d2}.toggle .knob{width:18px;height:18px;border-radius:50%;background:#fff;position:absolute;top:3px;transition:left .15s;box-shadow:0 1px 2px #0003}.toggle.on .knob{left:21px}.toggle.off .knob{left:3px}.img-slot{background:#f0e6da;display:flex;align-items:center;justify-content:center;color:#797065;font-size:11px;text-align:center;overflow:hidden}.img-slot img{width:100%;height:100%;object-fit:cover}.footer-bar{display:flex;justify-content:space-between;align-items:center;margin-top:32px;padding:20px 32px 0;border-top:1px solid var(--border);font-size:12.5px;color:var(--text-softer);flex-wrap:wrap;gap:10px}.footer-links{display:flex;gap:24px}.footer-links a{color:var(--text-softer);text-decoration:none}.tabs{display:flex;gap:4px;border-bottom:1px solid var(--border);margin-bottom:18px;flex-wrap:wrap}.tab{border:none;background:none;padding:10px 16px;font-size:13.5px;font-family:inherit;color:var(--text-soft);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px}.tab.active{color:#302d28;font-weight:600;border-bottom-color:var(--accent)}.menu-wrap{position:relative;display:inline-block}.menu-panel{position:absolute;right:0;top:calc(100% + 6px);z-index:50;min-width:190px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:6px;box-shadow:0 12px 32px #0000001f;display:flex;flex-direction:column;gap:1px}.menu-item{display:flex;align-items:center;gap:9px;padding:9px 10px;border-radius:8px;border:none;background:none;font-size:13px;font-family:inherit;color:var(--text);cursor:pointer;text-align:left;width:100%;white-space:nowrap}.menu-item:hover{background:var(--chip-bg)}.menu-item.danger{color:var(--danger-fg)}.menu-sep{height:1px;background:var(--border-soft);margin:5px 2px}.notif-panel{min-width:300px;right:-8px}.notif-item{display:flex;gap:10px;padding:10px;border-radius:10px}.notif-item:hover{background:var(--chip-bg)}.modal-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#14100a66;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;box-sizing:border-box}.modal-panel{background:var(--card);border-radius:18px;border:1px solid var(--border);width:100%;max-width:480px;max-height:90vh;overflow-y:auto;padding:24px;box-shadow:0 24px 60px #00000040}.modal-panel.modal-wide{max-width:860px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-title{font-size:18px;font-weight:700;margin:0 0 4px}.modal-sub{font-size:13px;color:var(--text-soft);margin:0}.modal-close{border:none;background:var(--chip-bg);border-radius:50%;width:30px;height:30px;display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-soft);flex:none}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.toast-stack{position:fixed;bottom:24px;right:24px;z-index:200;display:flex;flex-direction:column;gap:10px}.toast{display:flex;align-items:center;gap:10px;background:#1d1a15;color:#fff;padding:13px 18px;border-radius:12px;font-size:13.5px;box-shadow:0 10px 28px #00000040;animation:toast-in .18s ease-out}.toast.success{background:#114320}.toast.danger{background:#7c2524}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.icon-btn{border:1px solid var(--border);background:#fff;border-radius:8px;width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--text-soft);flex:none}.icon-btn:hover{color:var(--text)}.category-card{border:1px solid var(--border);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:10px}.pill-checkbox{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:9px;border:1px solid var(--border);font-size:13px;cursor:pointer;background:#fff}@media (max-width: 880px){.hamburger{display:inline-flex}.sidebar{position:fixed;z-index:40;top:0;left:0;height:100vh;transform:translate(-100%);transition:transform .2s ease;box-shadow:8px 0 24px #00000026}.sidebar.open{transform:translate(0)}.mobile-drawer-close{display:block;align-self:flex-end;border:none;background:none;cursor:pointer;margin-bottom:8px}.mobile-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000004d;z-index:30}.topbar{padding:14px 16px;gap:12px}.hero-banner,.content-pad,.footer-bar{padding-left:16px;padding-right:16px}.hero-tagline{display:none}}@keyframes heroSlideFade{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.hero-slide-fade{animation:heroSlideFade .8s ease both}@media (prefers-reduced-motion: reduce){.hero-slide-fade{animation:none}}.newsletter-input::placeholder{color:#f4efe78c}input,textarea,select{outline:none}input:focus,textarea:focus,select:focus{outline:none;border-color:#c08a4a!important}.field-check{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.field-check:focus-visible+span{outline:2px solid #c08a4a;outline-offset:2px}select:focus-visible{outline:2px solid #c08a4a;outline-offset:2px}button:focus-visible,a:focus-visible{outline:2px solid #c08a4a;outline-offset:2px}.hv-1:hover,.hv-2:hover,.hv-3:hover,.hv-4:hover,.hv-5:hover,.hv-6:hover,.hv-7:hover,.hv-8:hover,.hv-9:hover,.hv-10:hover,.hv-11:hover,.hv-12:hover{background:#2f2b23!important}.hv-13:hover,.hv-14:hover{border-color:#17150f!important}.hv-15:hover{background:#2f2b23!important}.hv-16:hover{background:#f3ece0!important}.hv-17:hover{background:#e8dfd0!important}.hv-18:hover{border-color:#17150f!important}.hv-19:hover{background:#2f2b23!important}.hv-20:hover{border-color:#17150f!important}.hv-21:hover{background:#2f2b23!important}.hv-22:hover{border-color:#17150f!important}.hv-23:hover{background:#2f2b23!important}.hv-24:hover{border-color:#17150f!important}.hv-25:hover{background:#2f2b23!important}.hv-26:hover{border-color:#17150f!important}.hv-27:hover{background:#2f2b23!important}.hv-28:hover{border-color:#17150f!important}.hv-29:hover{background:#2f2b23!important}.hv-30:hover{border-color:#17150f!important}.hv-31:hover{background:#2f2b23!important}.hv-32:hover{border-color:#17150f!important}.hv-33:hover,.hv-34:hover{background:#2f2b23!important}.hv-35:hover,.hv-36:hover,.hv-37:hover,.hv-38:hover{color:#17150f!important}.hv-39:hover{background:#f3ece0!important}.hv-40:hover{background:#2f2b23!important}.hv-41:hover,.hv-42:hover,.hv-43:hover,.hv-44:hover{border-color:#17150f!important}.hv-45:hover{background:#f3ece0!important}.hv-46:hover,.hv-47:hover{background:#2f2b23!important}.hv-48:hover,.hv-49:hover{background:#fdf6ec!important}.hv-50:hover{background:#f3ece0!important}.hv-51:hover{background:#2f2b23!important}.hv-52:hover,.hv-53:hover,.hv-54:hover,.hv-55:hover{background:#faf5ec!important}.hv-56:hover{background:#2f2b23!important}.hv-57:hover{background:#fdf6ec!important}.hv-58:hover,.hv-59:hover,.hv-60:hover,.hv-61:hover,.hv-62:hover,.hv-63:hover,.hv-64:hover{background:#fdfaf4!important}.hv-65:hover{color:#17150f!important}.hv-66:hover,.hv-67:hover,.hv-68:hover,.hv-69:hover,.hv-70:hover{background:#2f2b23!important}html,body{overflow-x:hidden}img,svg{max-width:100%}@media (max-width: 1023px){.grid-r4,.footer-columns,.grid-cards,.grid-tiles,.grid-r3{grid-template-columns:repeat(2,minmax(0,1fr))!important}}@media (max-width: 639px){.grid-r4,.grid-r3,.grid-r2,.footer-columns{grid-template-columns:1fr!important}}@media (max-width: 480px){.grid-cards,.grid-tiles{gap:12px!important}}@media (max-width: 900px){.split-panel{grid-template-columns:1fr!important}}@media (max-width: 860px){.compte-shell{flex-direction:column!important;align-items:stretch!important}.compte-sidebar{width:100%!important;position:static!important}}@media (max-width: 900px){.admin-nav{flex-direction:row!important;overflow-x:auto;position:static!important;gap:4px!important;padding-bottom:4px}.admin-nav button,.admin-nav a{white-space:nowrap;flex:none}}@media (max-width: 560px){.form-row-2{grid-template-columns:1fr!important}}@media (max-width: 860px){.stack-panel{grid-template-columns:1fr!important}}@media (max-width: 639px){.tile-split{grid-template-columns:1fr!important}.tile-split-image{min-height:200px}}@media (max-width: 700px){.hero-copy{max-width:88%!important;padding:8% 20px 10%!important}}.bottom-nav{display:none}@media (max-width: 639px){.bottom-nav{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:45;background:#fdfaf499;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-top:1px solid rgba(240,231,217,.6);padding:6px 4px calc(6px + env(safe-area-inset-bottom));box-shadow:0 -2px 10px #17150f0d}body{padding-bottom:calc(58px + env(safe-area-inset-bottom))}}.tab-underline{position:absolute;top:0;left:50%;transform:translate(-50%);width:26px;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#c08a4a,#f0cd94,#c08a4a,transparent);background-size:200% 100%;box-shadow:0 0 6px #c08a4aa6;animation:tabShine 1.8s ease-in-out infinite}@keyframes tabShine{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion: reduce){.tab-underline{animation:none}}.tab-underline--bottom{top:auto;bottom:0;width:100%}@media (max-width: 639px){.site-nav-secondary{display:none!important}}@media (max-width: 639px){.site-menu-dropdown{flex-direction:column!important;align-items:stretch!important;gap:2px!important;min-width:200px}.site-menu-dropdown a,.site-menu-dropdown button{padding:12px 4px!important;font-size:11.5px!important;width:100%;text-align:left}.site-menu-dropdown .menu-divider{display:none!important}}@media (max-width: 639px){.filters-bar{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;justify-content:stretch!important}.filter-deco{display:none!important}.filter-chip{gap:4px!important;padding:8px 10px!important;border:1px solid #e7dcc9!important;border-radius:8px!important;background:#fff}.filter-label{font-size:7.5px!important}.filter-value{font-size:12px!important}.filter-arrow{font-size:8.5px!important}.filter-submit{grid-column:1 / -1!important;margin-left:0!important;width:100%;justify-content:center!important}}@media (max-width: 700px){.pdp-gallery{grid-template-columns:1fr!important;row-gap:12px!important}.pdp-craft{grid-column:1!important;order:-1}.pdp-main{order:-3}.pdp-thumbs{order:-2;flex-direction:row!important;justify-content:flex-start!important;overflow-x:auto;width:100%;padding-bottom:2px}.pdp-thumbs button{width:56px!important;flex:none}.pdp-badges{order:0}.pdp-badges>div{flex-direction:row!important;flex-wrap:wrap;justify-content:center}}@media (max-width: 700px){.cart-row-header{display:none!important}.cart-row{grid-template-columns:1fr!important;row-gap:8px!important;position:relative;padding-right:42px!important;background:#fdfaf4;border:1px solid #f0e7d9;border-radius:10px;margin-bottom:10px}.cart-row .cart-cell{display:flex!important;justify-content:space-between!important;text-align:left!important;font-size:11.5px!important}.cart-row .cart-cell:before{content:attr(data-label);color:#8a8471;font-size:10px;letter-spacing:.06em}.cart-row .cart-cell-qty{justify-self:start!important}.cart-row .cart-cell-remove{position:absolute!important;top:14px;right:12px}}