:root{--accent: #ff3b30;--accent-600: #e22d23;--accent-700: #c1241b;--accent-soft: #ffe6e3;--accent-glow: rgba(255, 59, 48, .28);--ink: #1c1a1e;--ink-2: #4a4750;--ink-3: #8a8590;--ink-on-accent: #fff;--bg-base: #fbf5f2;--bg-tint-1: #ffe9e6;--bg-tint-2: #eef0ff;--bg-tint-3: #fff4e4;--glass: rgba(255, 255, 255, .62);--glass-strong: rgba(255, 255, 255, .82);--glass-border: rgba(255, 255, 255, .7);--glass-line: rgba(28, 26, 30, .07);--blur: 18px;--st-attente: #f5a623;--st-confirme: #2fb673;--st-prepa: #4d7cff;--st-expedie: #8b5cf6;--st-livre: #2fb673;--st-annule: #8a8590;--st-nonlivre: #ff3b30;--st-norepond: #f5a623;--r-sm: 12px;--r-md: 18px;--r-lg: 24px;--r-xl: 32px;--r-pill: 999px;--shadow-sm: 0 2px 8px rgba(28, 26, 30, .05);--shadow-md: 0 10px 30px rgba(28, 26, 30, .08), 0 2px 8px rgba(28, 26, 30, .04);--shadow-lg: 0 24px 60px rgba(28, 26, 30, .12), 0 6px 16px rgba(28, 26, 30, .06);--shadow-accent: 0 12px 28px var(--accent-glow);--shadow-inset: inset 0 1px 0 rgba(255, 255, 255, .9);--sp-1: 4px;--sp-2: 8px;--sp-3: 12px;--sp-4: 16px;--sp-5: 24px;--sp-6: 32px;--sp-7: 48px;--sp-8: 64px;--font-display: "Clash Display", "Segoe UI", sans-serif;--font-body: "General Sans", "Segoe UI", system-ui, sans-serif;--sidebar-w: 264px;--topbar-h: 72px;--maxw: 1240px}[dir=rtl]{direction:rtl}[dir=rtl] body,[dir=rtl] .input,[dir=rtl] .select,[dir=rtl] .textarea,[dir=rtl] .table th,[dir=rtl] .table td{text-align:right}[dir=rtl] .navlink.active:after{left:0;right:0}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}img{max-width:100%;height:auto}body{font-family:var(--font-body);color:var(--ink);background:var(--bg-base);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;min-height:100vh;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-2;background:radial-gradient(42rem 42rem at 8% -8%,var(--bg-tint-1),transparent 60%),radial-gradient(38rem 38rem at 98% 6%,var(--bg-tint-2),transparent 58%),radial-gradient(46rem 46rem at 60% 108%,var(--bg-tint-3),transparent 60%),var(--bg-base)}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit}ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;line-height:1.08;letter-spacing:-.02em}h1{font-size:clamp(2rem,4.4vw,3.4rem)}h2{font-size:clamp(1.5rem,3vw,2.2rem)}h3{font-size:1.25rem}::selection{background:var(--accent);color:#fff}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-thumb{background:#1c1a1e29;border-radius:99px;border:3px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#1c1a1e47;background-clip:content-box}.glass{background:var(--glass);backdrop-filter:blur(var(--blur)) saturate(140%);-webkit-backdrop-filter:blur(var(--blur)) saturate(140%);border:1px solid var(--glass-border);border-radius:var(--r-lg);box-shadow:var(--shadow-md),var(--shadow-inset)}.glass-strong{background:var(--glass-strong)}.card{padding:var(--sp-5)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 22px;border-radius:var(--r-pill);font-weight:600;font-size:.95rem;letter-spacing:-.01em;transition:transform .18s cubic-bezier(.34,1.56,.64,1),box-shadow .18s,background .18s;white-space:nowrap}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent);color:var(--ink-on-accent);box-shadow:var(--shadow-accent)}.btn-primary:hover{background:var(--accent-600);transform:translateY(-2px);box-shadow:0 16px 34px var(--accent-glow)}.btn-ghost{background:var(--glass-strong);color:var(--ink);border:1px solid var(--glass-line);box-shadow:var(--shadow-sm)}.btn-ghost:hover{background:#fff;transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000;transform:translateY(-2px)}.btn-sm{padding:8px 16px;font-size:.85rem}.btn-icon{padding:10px;width:42px;height:42px}.btn-block{width:100%}.field{display:flex;flex-direction:column;gap:6px}.field-label{font-size:.8rem;font-weight:600;color:var(--ink-3);letter-spacing:.01em}.input,.select,.textarea{width:100%;padding:12px 15px;background:#ffffffb3;border:1px solid var(--glass-line);border-radius:var(--r-sm);font-size:.95rem;color:var(--ink);transition:border .16s,box-shadow .16s,background .16s}.input:focus,.select:focus,.textarea:focus{outline:none;background:#fff;border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.input::placeholder{color:var(--ink-3)}.textarea{resize:vertical;min-height:90px}.badge{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border-radius:var(--r-pill);font-size:.78rem;font-weight:600;white-space:nowrap}.badge:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}.badge-attente{color:var(--st-attente);background:color-mix(in srgb,var(--st-attente) 14%,#fff)}.badge-confirme{color:var(--st-confirme);background:color-mix(in srgb,var(--st-confirme) 14%,#fff)}.badge-prepa{color:var(--st-prepa);background:color-mix(in srgb,var(--st-prepa) 14%,#fff)}.badge-expedie{color:var(--st-expedie);background:color-mix(in srgb,var(--st-expedie) 14%,#fff)}.badge-livre{color:var(--st-livre);background:color-mix(in srgb,var(--st-livre) 14%,#fff)}.badge-annule{color:var(--st-annule);background:color-mix(in srgb,var(--st-annule) 14%,#fff)}.badge-nonlivre{color:var(--st-nonlivre);background:color-mix(in srgb,var(--st-nonlivre) 14%,#fff)}.badge-norepond{color:var(--st-norepond);background:color-mix(in srgb,var(--st-norepond) 14%,#fff)}.tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-pill);font-size:.76rem;font-weight:600;background:#1c1a1e0f;color:var(--ink-2)}.tag-accent{background:var(--accent-soft);color:var(--accent-700)}.chip{padding:8px 16px;border-radius:var(--r-pill);font-size:.85rem;font-weight:600;background:var(--glass);border:1px solid var(--glass-line);color:var(--ink-2);transition:all .16s}.chip:hover{background:#fff}.chip[data-active=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.eyebrow{font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.muted{color:var(--ink-3)}.divider{height:1px;background:var(--glass-line);border:0}.row{display:flex;align-items:center;gap:var(--sp-3)}.between{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-3)}.stack{display:flex;flex-direction:column}.grid{display:grid;gap:var(--sp-4)}.price{font-family:var(--font-display);font-weight:600}.scroll-x{overflow-x:auto}.swatch{width:26px;height:26px;border-radius:50%;border:2px solid #fff;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -3px 5px #00000047,0 0 0 1px var(--glass-line),var(--shadow-sm);cursor:pointer;transition:transform .14s}.swatch:hover{transform:scale(1.12)}.swatch[data-active=true]{box-shadow:inset 0 2px 3px #ffffff80,inset 0 -3px 5px #00000047,0 0 0 2px var(--accent),var(--shadow-sm)}.dot-color{position:relative;border-radius:50%;border:2px solid #fff;box-shadow:inset 0 2px 3px #ffffff80,inset 0 -3px 5px #00000047,0 0 0 1px var(--glass-line)}@media print{body:before,body:after{display:none}.no-print{display:none!important}.ticket{box-shadow:none!important;border:1px solid #000!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important}@page{size:A4 portrait;margin:5mm}.ticket-page{width:198mm!important;height:140mm!important;aspect-ratio:auto!important;max-width:none!important;margin:0 auto!important;break-inside:avoid}.ticket-page:nth-child(2n){break-after:page;page-break-after:always}.ticket-page:last-child{break-after:auto;page-break-after:auto}}.logo{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.logo-mark{width:32px;height:32px;border-radius:10px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:1rem;box-shadow:var(--shadow-accent)}.logo-mark:after{content:"P"}.topbar{position:sticky;top:0;z-index:40;height:var(--topbar-h);display:flex;align-items:center;background:#ffffff8c;backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid var(--glass-border)}.navlink{font-weight:600;font-size:.94rem;color:var(--ink-2);padding:8px 4px;position:relative;transition:color .15s}.navlink:hover{color:var(--ink)}.navlink.active{color:var(--accent)}.navlink.active:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--accent);border-radius:2px}.shell{display:grid;grid-template-columns:var(--sidebar-w) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:22px 16px;display:flex;flex-direction:column;gap:6px;background:#ffffff80;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-right:1px solid var(--glass-border)}.side-item{display:flex;align-items:center;gap:12px;padding:11px 14px;border-radius:14px;font-weight:600;font-size:.92rem;color:var(--ink-2);transition:all .16s}.side-item:hover{background:#ffffffb3;color:var(--ink)}.side-item.active{background:var(--ink);color:#fff;box-shadow:var(--shadow-md)}.side-item.active svg{color:#fff}.side-section{font-size:.7rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);padding:14px 14px 6px}.side-cog{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--ink-3);font-size:.9rem;transition:background .14s,color .14s}.side-cog:hover{background:#ffffffb3;color:var(--ink)}.side-edit-row{display:flex;align-items:center;gap:8px;padding:8px;border-radius:12px;background:#ffffff8c;border:1px solid var(--glass-line);margin-bottom:4px;cursor:grab}.side-edit-row:active{cursor:grabbing}.side-grip{color:var(--ink-3);cursor:grab;font-size:.95rem;-webkit-user-select:none;user-select:none}.lyr-btn{width:18px;height:18px;display:grid;place-items:center;border-radius:5px;font-size:.62rem;color:var(--ink-3);flex-shrink:0}.lyr-btn:hover{background:#fffc;color:var(--ink)}.workarea{display:flex;flex-direction:column;min-width:0}.work-top{height:var(--topbar-h);display:flex;align-items:center;justify-content:space-between;padding:0 28px;gap:16px;position:sticky;top:0;z-index:30;background:#ffffff80;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--glass-border)}.work-body{padding:28px;max-width:1280px;width:100%}.table{width:100%;border-collapse:collapse}.table th{text-align:left;font-size:.74rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:12px 14px}.table td{padding:14px;border-top:1px solid var(--glass-line);font-size:.9rem}.table tr:hover td{background:#ffffff80}.table tbody tr{transition:background .14s}.pcard{overflow:hidden;transition:transform .22s,box-shadow .22s;cursor:pointer;display:flex;flex-direction:column;height:100%}.pcard:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.pcard-media{aspect-ratio:6 / 7;background:linear-gradient(140deg,#ffffffb3,#ffe9e680);display:grid;place-items:center;padding:26px;position:relative;overflow:hidden}.pcard-media>img{padding:0}.spinner{width:38px;height:38px;border-radius:50%;border:3px solid var(--glass-line);border-top-color:var(--accent);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.load-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;z-index:6;border-radius:14px;background:#ffffff59;backdrop-filter:blur(7px) saturate(120%);-webkit-backdrop-filter:blur(7px) saturate(120%)}.skeleton{background:linear-gradient(100deg,#ffffff59 30%,#ffe9e6b3,#ffffff59 70%);background-size:200% 100%;animation:shimmer 1.25s ease-in-out infinite}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.pcard-body{padding:20px 20px 22px;display:flex;flex-direction:column;flex:1}.product-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));align-content:start}@media (max-width: 600px){.product-grid{grid-template-columns:repeat(2,1fr);gap:12px}.product-grid .pcard-body{padding:12px 12px 14px}.product-grid .pcard-media{padding:14px}.product-grid .pcard-body .price{font-size:1.05rem}.product-grid .pcard-body strong{font-size:.92rem}.product-grid .pcard-body .btn{padding:7px 10px;font-size:.78rem}.product-grid .pcard-body>.between:last-child{flex-direction:column;align-items:stretch;gap:8px}.product-grid .pcard-body>.between:last-child .btn{width:100%}}@media (max-width: 380px){.product-grid{gap:9px}.product-grid .pcard-body{padding:10px}}.compta-cols{column-count:2;column-gap:16px;margin-top:16px}.compta-cols>*{break-inside:avoid;margin:0 0 16px;display:block}@media (max-width: 900px){.compta-cols{column-count:1}}.compta-box{position:relative}.compta-grip{position:absolute;top:7px;left:50%;transform:translate(-50%);cursor:grab;color:var(--ink-3);font-size:13px;line-height:1;letter-spacing:2px;padding:2px 16px;border-radius:6px;z-index:4;-webkit-user-select:none;user-select:none}.compta-grip:hover{background:#1c1a1e14;color:var(--ink)}.compta-grip:active{cursor:grabbing}.stat .stat-val{font-family:var(--font-display);font-weight:600;font-size:1.9rem;letter-spacing:-.02em;line-height:1}.delta-up{color:var(--st-confirme)}.delta-down{color:var(--accent)}.hide-desktop{display:none}@media (max-width: 980px){.shell{grid-template-columns:1fr}.sidebar{position:fixed;left:0;top:0;bottom:0;width:248px;transform:translate(-110%);transition:transform .25s;z-index:60;box-shadow:var(--shadow-lg)}.sidebar.open{transform:none}.hide-desktop{display:inline-flex}}@media (max-width: 720px){.pb-hide-mobile{display:none!important}}@media (min-width: 721px){.pb-hide-desktop{display:none!important}}@media (max-width: 880px){.hero-grid{grid-template-columns:1fr!important;gap:16px!important;min-height:0!important;align-items:start!important;align-content:start!important}.hero-grid>div:last-child{min-height:0!important}.hero-grid>div:last-child:empty{display:none!important}}@media (max-width: 1080px){.editor-grid{grid-template-columns:1fr!important}}.nav-burger,.mobile-menu{display:none}@media (max-width: 720px){.nav-burger{display:inline-flex}.mobile-menu{display:flex;flex-direction:column;gap:4px;position:absolute;left:0;right:0;top:var(--topbar-h);padding:10px 14px 14px;background:#ffffffeb;backdrop-filter:blur(16px) saturate(160%);-webkit-backdrop-filter:blur(16px) saturate(160%);border-bottom:1px solid var(--glass-border);box-shadow:var(--shadow-md);z-index:39}.mobile-menu a{padding:12px;border-radius:12px;font-weight:600;color:var(--ink)}.mobile-menu a.active{background:var(--accent-soft);color:var(--accent-700)}}@media (max-width: 720px){.container{padding:0 14px}.page-stack{gap:28px!important;padding-top:20px}.pb-hide-mobile{display:none!important}.work-body{padding:14px}.hide-mobile{display:none!important}.split-2,.split-3{grid-template-columns:1fr!important}.card{padding:16px}.btn{padding:10px 14px;font-size:.9rem}.btn-sm{padding:7px 12px;font-size:.82rem}.table{display:block;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch}.table th,.table td{padding:10px;font-size:.84rem}.work-top{padding:12px 14px}.work-top h3{font-size:.98rem}.input,.select,.textarea{font-size:16px}.lang-switch .lang-lbl{display:none}.lang-switch button{padding:5px 7px}.topbar .container.between{gap:8px}.topbar .logo{font-size:1.05rem;min-width:0}}