:root{--magenta: #b00068;--magenta-dark: #8d0053;--magenta-soft: #fdeef6;--blue: #3a6fbf;--blue-bright: #457ecf;--blue-soft: #eef3fc;--ink: #16121a;--ink-soft: #5d5566;--line: #e6e2ea;--surface: #ffffff;--bg: #f7f6f9;--ok: #0f7048;--ok-soft: #e9f7f0;--warn: #96590a;--warn-soft: #fff5e4;--danger: #b3231c;--danger-soft: #fdecea;--radius: 20px;--tap: .13s ease}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:17px;line-height:1.45;overscroll-behavior-y:contain;-webkit-user-select:none;user-select:none}input{-webkit-user-select:text;user-select:text}.app{min-height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:calc(env(safe-area-inset-top) + 14px) 16px 14px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.topbar h1{margin:0;font-size:1.12rem;font-weight:800;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.topbar-logo{width:34px;height:34px;border-radius:9px;flex-shrink:0}.back-btn{border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:14px;min-width:54px;min-height:50px;font-size:1.45rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.back-btn:active{transform:scale(.96)}.screen{flex:1;padding:18px 16px calc(env(safe-area-inset-bottom) + 24px);display:flex;flex-direction:column;gap:16px}.home-hero{padding:4px 2px 0}.home-hero p{margin:0;color:var(--ink-soft);font-weight:600;font-size:.98rem}.home-grid{display:grid;gap:16px}.action-btn{border:0;border-radius:24px;color:#fff;min-height:150px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;gap:14px;text-align:left;cursor:pointer;font-family:inherit;box-shadow:0 10px 24px #16121a24;transition:transform var(--tap)}.action-btn:active{transform:scale(.975)}.action-btn .glyph{width:58px;height:58px;border-radius:17px;background:#fff3;display:inline-flex;align-items:center;justify-content:center}.action-btn .glyph svg{width:32px;height:32px;stroke:#fff;stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round}.action-btn strong{font-size:1.6rem;font-weight:800;line-height:1.1;display:block}.action-btn span.sub{display:block;font-size:.95rem;font-weight:600;opacity:.9;margin-top:3px}.action-inventaire{background:linear-gradient(135deg,var(--magenta),#c8137d)}.action-commande{background:linear-gradient(135deg,var(--blue),#4c86d8)}.product-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:16px;display:flex;gap:15px;align-items:center}.product-photo,.product-photo-placeholder{width:92px;height:92px;flex-shrink:0;border-radius:15px;background:#f0edf4;object-fit:cover}.product-photo-placeholder{display:inline-flex;align-items:center;justify-content:center;font-size:1.9rem}.product-info{min-width:0;flex:1}.product-name{font-size:1.14rem;font-weight:800;margin:0 0 5px;line-height:1.25}.product-sku{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.98rem;font-weight:700;color:var(--ink-soft);margin:0}.product-stock{margin:8px 0 0;font-size:.98rem;font-weight:700;color:var(--magenta)}.qty-label{text-align:center;font-size:1.12rem;font-weight:800;margin:2px 0 0}.qty-row{display:grid;grid-template-columns:88px minmax(0,1fr) 88px;gap:12px}.qty-step{border:0;border-radius:20px;background:var(--ink);color:#fff;font-size:2.9rem;font-weight:700;line-height:1;min-height:94px;cursor:pointer;font-family:inherit}.qty-step:disabled{opacity:.3}.qty-step:active:not(:disabled){transform:scale(.95)}.qty-input{width:100%;min-height:94px;border:3px solid var(--line);border-radius:20px;background:var(--surface);color:var(--ink);text-align:center;font-size:2.9rem;font-weight:800;font-family:inherit;-moz-appearance:textfield}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input:focus{outline:none;border-color:var(--magenta)}.primary-btn{border:0;border-radius:20px;color:#fff;background:var(--magenta);min-height:82px;width:100%;font-family:inherit;font-size:1.42rem;font-weight:800;cursor:pointer;box-shadow:0 8px 20px #b000683d;transition:transform var(--tap)}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.5;box-shadow:none}.secondary-btn{border:2px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;min-height:66px;width:100%;font-family:inherit;font-size:1.06rem;font-weight:700;cursor:pointer}.secondary-btn:active{transform:scale(.98)}.link-btn{border:0;background:none;color:var(--ink-soft);font-family:inherit;font-size:.96rem;font-weight:700;text-decoration:underline;cursor:pointer;padding:14px}.spacer{flex:1;min-height:8px}.scanner-frame{width:100%;border-radius:var(--radius);overflow:hidden;background:#000;min-height:290px}.scanner-frame video{width:100%!important;border-radius:var(--radius)}.scan-hint{text-align:center;font-size:1.02rem;font-weight:700;color:var(--ink-soft);margin:0}.manual-field{width:100%;min-height:72px;border:3px solid var(--line);border-radius:18px;padding:0 16px;font-size:1.25rem;font-weight:700;font-family:ui-monospace,SF Mono,Menlo,monospace;background:var(--surface);color:var(--ink);text-transform:uppercase}.manual-field:focus{outline:none;border-color:var(--magenta)}.manual-field::placeholder{text-transform:none;font-family:system-ui,-apple-system,sans-serif;font-size:1rem;font-weight:600;color:#9a93a3}.candidate-list{display:flex;flex-direction:column;gap:10px}.candidate{border:2px solid var(--line);background:var(--surface);border-radius:16px;padding:14px 16px;text-align:left;font-family:inherit;font-size:1.02rem;font-weight:700;color:var(--ink);cursor:pointer;min-height:70px}.candidate small{display:block;font-family:ui-monospace,Menlo,monospace;font-weight:700;color:var(--ink-soft);margin-top:4px}.notice{border-radius:16px;padding:14px 16px;font-size:1rem;font-weight:700}.notice.error{background:var(--danger-soft);color:var(--danger)}.notice.warn{background:var(--warn-soft);color:var(--warn)}.notice.info{background:var(--blue-soft);color:#1f4a86}.notice.ok{background:var(--ok-soft);color:var(--ok)}.success-screen{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;padding:32px 24px calc(env(safe-area-inset-bottom) + 24px);text-align:center}.success-mark{width:140px;height:140px;border-radius:50%;background:var(--ok);display:inline-flex;align-items:center;justify-content:center;animation:pop .3s ease-out}.success-mark.pending{background:var(--warn)}.success-mark svg{width:74px;height:74px;stroke:#fff;stroke-width:3.4;fill:none;stroke-linecap:round;stroke-linejoin:round}@keyframes pop{0%{transform:scale(.55);opacity:0}to{transform:scale(1);opacity:1}}.success-title{font-size:1.75rem;font-weight:800;margin:0}.success-detail{font-size:1.05rem;color:var(--ink-soft);margin:0;font-weight:600;max-width:320px}.success-actions{width:100%;max-width:380px;display:flex;flex-direction:column;gap:10px;margin-top:6px}@keyframes spin{to{transform:rotate(360deg)}}.btn-spinner{display:inline-block;width:22px;height:22px;margin-right:10px;vertical-align:-4px;border:3px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@media (prefers-reduced-motion: reduce){.btn-spinner{animation-duration:1.6s}}.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:var(--bg)}.splash-title{margin:0;font-size:1.32rem;font-weight:800;letter-spacing:-.015em;color:var(--ink)}.splash-title em{font-style:normal;color:var(--magenta)}.splash-track{width:132px;height:4px;border-radius:999px;background:#b0006824;overflow:hidden}.splash-bar{display:block;width:45%;height:100%;border-radius:999px;background:var(--magenta)}.app-header{display:flex;align-items:center;gap:11px;padding:calc(env(safe-area-inset-top) + 12px) 14px 12px;background:var(--surface);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}.app-header-logo{border-radius:9px;flex-shrink:0}.app-header-title{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.app-header-title strong{font-size:1rem;font-weight:800;letter-spacing:-.01em}.app-header-title em{font-style:normal;color:var(--magenta)}.app-header-state{display:inline-flex;align-items:center;gap:5px;font-size:.76rem;font-weight:700;color:var(--ok)}.app-header-state i{width:6px;height:6px;border-radius:50%;background:currentColor}.app-header-state.offline{color:var(--warn)}.account-anchor{position:relative;flex-shrink:0}.account-btn{width:44px;height:44px;border-radius:13px;border:0;background:var(--magenta);color:#fff;font-family:inherit;font-size:1.05rem;font-weight:800;cursor:pointer}.account-btn:active{transform:scale(.95)}.account-menu{position:absolute;top:calc(100% + 9px);right:0;min-width:246px;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:0 18px 40px #16121a29;padding:6px;transform-origin:top right;z-index:30}.account-head{padding:11px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:6px;display:flex;flex-direction:column;gap:2px;min-width:0}.account-head strong{font-size:.98rem}.account-head small{color:var(--ink-soft);font-size:.83rem;font-weight:600;overflow:hidden;text-overflow:ellipsis}.account-item{display:block;width:100%;border:0;background:none;text-align:left;padding:13px 12px;border-radius:11px;font-family:inherit;font-size:.98rem;font-weight:700;color:var(--ink);cursor:pointer}.account-item:active{background:#16121a0d}.account-item.danger{color:var(--danger)}.account-confirm p{margin:0 0 6px;padding:0 12px;font-size:.88rem;font-weight:600;color:var(--ink-soft);line-height:1.45}.centered-screen,.login-screen{flex:1;display:flex;flex-direction:column;justify-content:center;gap:16px;padding:32px 22px calc(env(safe-area-inset-bottom) + 28px)}.login-screen{gap:14px}.login-brand{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:6px}.login-brand-name{margin:0;font-size:1.14rem;font-weight:800;letter-spacing:-.01em}.login-brand-name em{font-style:normal;color:var(--magenta)}.login-brand-sub{margin:1px 0 0;font-size:.9rem;font-weight:600;color:var(--ink-soft)}.login-heading{margin:6px 0 2px;font-size:1.62rem;font-weight:800;letter-spacing:-.02em}.field{display:flex;flex-direction:column;gap:7px}.field-label{font-size:.9rem;font-weight:700;color:var(--ink-soft)}.field-with-action{position:relative;display:block}.field-with-action .text-field{padding-right:104px}.field-action{position:absolute;right:8px;top:50%;transform:translateY(-50%);border:0;background:#b0006817;color:var(--magenta);border-radius:11px;padding:11px 13px;font-family:inherit;font-size:.86rem;font-weight:700;cursor:pointer}.home-greeting{margin:0 0 2px;font-size:1.24rem;font-weight:800;color:var(--ink)}.text-field{width:100%;min-height:68px;border:3px solid var(--line);border-radius:18px;padding:0 16px;font-size:1.1rem;font-family:inherit;background:var(--surface);color:var(--ink)}.text-field:focus{outline:none;border-color:var(--magenta)}.permission-illustration{width:116px;height:116px;border-radius:30px;background:var(--magenta-soft);display:inline-flex;align-items:center;justify-content:center;align-self:center}.permission-illustration svg{width:60px;height:60px;stroke:var(--magenta);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}.permission-title{font-size:1.5rem;font-weight:800;margin:0;text-align:center}.permission-body{margin:0;color:var(--ink-soft);font-weight:600;text-align:center;font-size:1.02rem}.steps{margin:0;padding-left:22px;color:var(--ink-soft);font-weight:600;font-size:.99rem;display:flex;flex-direction:column;gap:8px}.sync-bar{display:flex;align-items:center;gap:9px;padding:12px 15px;border-radius:14px;font-size:.95rem;font-weight:700;background:var(--warn-soft);color:var(--warn);border:0;width:100%;text-align:left;font-family:inherit}.sync-bar.offline{background:var(--blue-soft);color:#1f4a86}.sync-bar.update{background:var(--blue-soft);color:#1f4a86;font-weight:600;font-size:.9rem}.footer-note{text-align:center;color:var(--ink-soft);font-size:.9rem;font-weight:600;margin:0}@media (min-width: 720px){.app{max-width:460px;margin:0 auto;box-shadow:0 0 0 1px var(--line);background:var(--bg);min-height:100vh}}.step-hint{margin:0;font-size:.86rem;font-weight:700;color:var(--blue);text-transform:uppercase;letter-spacing:.05em}.field-optional{font-style:normal;font-weight:600;color:var(--ink-soft);opacity:.8}.order-cta{background:var(--blue);box-shadow:0 8px 20px #3a6fbf42}.client-chip{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;padding:13px 15px;border-radius:15px;background:var(--blue-soft);color:#1f4a86}.client-chip strong{font-size:1.05rem}.client-chip span{font-size:.95rem;font-weight:600}.cart-line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;align-items:center;padding:13px 14px;background:var(--surface);border:1px solid var(--line);border-radius:16px}.cart-line-info{min-width:0}.cart-line-info .product-name{font-size:1.02rem;margin-bottom:3px}.cart-line-qty{display:flex;align-items:center;gap:4px;background:var(--bg);border-radius:13px;padding:4px}.cart-line-qty button{width:48px;height:48px;border:0;border-radius:11px;background:var(--ink);color:#fff;font-size:1.6rem;font-weight:700;line-height:1;cursor:pointer;font-family:inherit}.cart-line-qty button:active{transform:scale(.94)}.cart-line-qty span{min-width:42px;text-align:center;font-size:1.3rem;font-weight:800}.cart-line-remove{grid-column:1 / -1;justify-self:start;border:0;background:none;color:var(--danger);font-family:inherit;font-size:.9rem;font-weight:700;padding:6px 0 0;cursor:pointer;text-decoration:underline}.add-more{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-color:var(--blue);color:var(--blue)}.cart-total{display:flex;justify-content:space-between;align-items:baseline;padding:14px 15px;border-radius:15px;background:var(--surface);border:1px solid var(--line);font-weight:700;color:var(--ink-soft)}.cart-total strong{font-size:1.25rem;color:var(--ink)}.add-more-icon{display:inline-flex;width:20px;height:20px}.add-more-icon svg{width:20px;height:20px;stroke:currentColor;stroke-width:2.6;fill:none;stroke-linecap:round}.splash-lockup{width:min(78vw,320px);height:auto;display:block}.login-lockup{width:min(76vw,300px);height:auto;display:block}.shift-card{display:flex;flex-direction:column;gap:12px;padding:18px 16px 12px;border-radius:18px;background:var(--surface);border:1px solid var(--line);margin-bottom:16px}.shift-card.active{border-color:#0f704838;box-shadow:inset 3px 0 0 var(--ok)}.shift-card.paused{border-color:#96590a3d;box-shadow:inset 3px 0 0 var(--warn)}.shift-card.farewell{border-color:#b000682e;background:var(--magenta-soft);text-align:center}.greet-main{margin:0;font-size:1.22rem;font-weight:800;line-height:1.3;letter-spacing:-.01em}.greet-sub{margin:0;font-size:.97rem;line-height:1.5;color:var(--ink-soft)}.shift-copy{display:flex;flex-direction:column;gap:3px}.shift-copy strong{font-size:1.1rem;font-weight:800}.shift-copy span{font-size:.92rem;color:var(--ink-soft)}.shift-actions{display:flex;flex-direction:column;gap:9px;margin-top:2px}.shift-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:56px;padding:0 18px;border:0;border-radius:14px;font:inherit;font-weight:800;font-size:1.02rem;cursor:pointer}.shift-btn.wide{width:100%}.shift-btn.start,.shift-btn.resume{background:var(--ok);color:#fff}.shift-btn.pause{background:var(--blue-soft);color:var(--blue)}.shift-btn.end{background:var(--magenta);color:#fff}.shift-btn.ghost{background:transparent;color:var(--ink-soft);border:1px solid var(--line);min-height:48px;font-size:.95rem;font-weight:700}.shift-btn:disabled{opacity:.55}.shift-error{margin:-8px 0 16px;padding:12px 14px;border-radius:12px;background:var(--danger-soft);border:1px solid rgba(179,35,28,.22);color:var(--danger);font-size:.88rem;line-height:1.45;font-weight:600}.consent-screen{display:flex;flex-direction:column;justify-content:center;gap:14px;padding:28px 22px calc(env(safe-area-inset-bottom) + 24px)}.consent-glyph{width:54px;height:54px;display:inline-flex;align-items:center;justify-content:center;border-radius:16px;background:var(--blue-soft);color:var(--blue)}.consent-glyph svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.consent-screen h1{margin:0;font-size:1.5rem;line-height:1.2;letter-spacing:-.02em}.consent-lead{margin:0;font-size:1rem;line-height:1.5;color:var(--ink)}.consent-list{list-style:none;margin:4px 0;padding:0;display:flex;flex-direction:column;gap:10px}.consent-list li{position:relative;padding-left:20px;font-size:.92rem;line-height:1.45;color:var(--ink-soft)}.consent-list li:before{content:"";position:absolute;left:4px;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--blue)}.consent-list strong{color:var(--ink)}.consent-note{margin:0;padding:12px 14px;border-radius:12px;background:var(--bg);font-size:.88rem;line-height:1.45;color:var(--ink-soft)}.consent-actions{display:flex;flex-direction:column;gap:10px;margin-top:6px}.consent-actions .secondary-btn{background:var(--ink);color:#fff;border:0}.consent-actions .secondary-btn:active{background:#2a2430}.install-card{display:flex;flex-direction:column;gap:4px;padding:16px 16px 14px;margin-bottom:16px;border-radius:18px;background:var(--surface);border:1px solid var(--line);box-shadow:inset 3px 0 0 var(--blue-bright)}.install-title{margin:0;font-size:1.04rem;font-weight:800;letter-spacing:-.01em}.install-sub{margin:0;font-size:.93rem;line-height:1.5;color:var(--ink-soft)}.install-done{margin:8px 0 0;padding:10px 12px;border-radius:11px;background:var(--ok-soft);color:var(--ok);font-size:.88rem;font-weight:700;line-height:1.45}.install-actions{display:flex;gap:9px;margin-top:12px;flex-wrap:wrap}.install-btn{flex:1 1 auto;min-height:48px;min-width:132px;padding:0 16px;border:0;border-radius:13px;font:inherit;font-weight:800;font-size:.97rem;cursor:pointer}.install-btn.primary{background:var(--blue);color:#fff}.install-btn.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);font-weight:700}.install-btn:active{transform:scale(.985)}.install-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;background:#16121a6b;display:flex;align-items:flex-end;justify-content:center}.install-sheet{width:100%;max-width:520px;display:flex;flex-direction:column;gap:10px;background:var(--surface);border-radius:22px 22px 0 0;padding:22px 20px calc(env(safe-area-inset-bottom) + 20px);max-height:86vh;overflow-y:auto}.install-sheet h2{margin:0;font-size:1.2rem;font-weight:800;letter-spacing:-.01em}.install-steps{margin:6px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:9px;font-size:.95rem;line-height:1.5}.install-foot{margin:4px 0 6px;font-size:.87rem;line-height:1.5;color:var(--ink-soft)}.install-sheet .install-btn{flex:0 0 auto;width:100%}.crash-screen{flex:1;display:flex;flex-direction:column;gap:14px;justify-content:center;padding:28px 22px calc(env(safe-area-inset-bottom) + 28px)}.crash-screen h1{margin:0;font-size:1.3rem;font-weight:800}.crash-screen p{margin:0;color:var(--ink-soft);font-size:.95rem;line-height:1.5}.crash-screen details{margin-top:6px;font-size:.82rem;color:var(--ink-soft)}.crash-screen summary{cursor:pointer;font-weight:700}.crash-screen pre{margin:8px 0 0;padding:10px;border-radius:10px;background:var(--danger-soft);color:var(--danger);font-size:.72rem;line-height:1.4;white-space:pre-wrap;word-break:break-word;max-height:40vh;overflow:auto;-webkit-user-select:text;user-select:text}