.header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 24px;border-bottom:1px solid var(--color-line);background:var(--color-sable)}.header-brand{position:relative;display:flex;align-items:center}.live-badge{position:absolute;top:-2px;right:-6px}.header-brand .pulse-dot,.header-brand .live-dot-off{border:2px solid var(--color-sable);box-sizing:content-box}.live-dot-off{width:8px;height:8px;border-radius:50%;background:var(--color-nuit-45);flex-shrink:0}.open-toggle{font-family:var(--font-body);font-weight:700;font-size:12.5px;padding:7px 14px;border-radius:999px;border:none;cursor:pointer;transition:opacity .15s}.open-toggle:disabled{opacity:.6;cursor:default}.open-toggle-on{background:var(--color-sacre-bg);color:var(--color-sacre)}.open-toggle-off{background:var(--color-danger-bg);color:var(--color-danger)}.header-user{display:flex;align-items:center;gap:14px}.header-user-name{font-family:var(--font-body);font-weight:600;font-size:14px;color:var(--color-nuit)}.logout-link{font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--color-nuit-45)}.logout-link:hover{color:var(--color-danger)}.logo{height:22px;width:auto;display:block}.page{min-height:calc(100% - 61px);padding:24px 24px 92px;display:flex;flex-direction:column;align-items:center}.footer{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;border-top:1px solid var(--color-line-strong);background:var(--color-white);padding-bottom:env(safe-area-inset-bottom,0px)}.tab-item{flex:1;max-width:160px;margin:0 auto;border:none;background:none;padding:10px 4px;display:flex;flex-direction:column;align-items:center;gap:4px;font-family:var(--font-body);font-weight:600;font-size:11.5px;color:var(--color-nuit-45);cursor:pointer;text-decoration:none}.tab-item .tab-icon{font-size:20px}.tab-item.active{color:var(--color-sacre)}.page-inner{width:100%;max-width:1100px;display:flex;flex-direction:column;gap:20px}.center-page{min-height:100%;display:flex;align-items:center;justify-content:center;padding:24px}.center-page-inner{width:100%;max-width:380px;display:flex;flex-direction:column;align-items:center;margin-top:-48px}.center-page-logo{height:38px;margin-bottom:32px}.card{background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-md);padding:24px}.avatar{width:38px;height:38px;border-radius:50%;background:var(--color-sable-alt);border:1px solid var(--color-line);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:15px;background-size:cover;background-position:center;overflow:hidden}.title{font-family:var(--font-display);font-weight:700;color:var(--color-nuit);margin:0}.sub{font-family:var(--font-body);color:var(--color-nuit-70);font-size:13.5px;margin:0}.btn{font-family:var(--font-body);font-weight:700;font-size:15px;border-radius:var(--radius-md);padding:13px 20px;text-align:center;transition:opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover{opacity:.9}.btn-primary{background:var(--color-sacre);color:var(--color-white);width:100%}.btn-ghost{background:var(--color-sable-alt);color:var(--color-nuit)}.field-label{font-family:var(--font-body);font-weight:700;font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-nuit-45);display:block;margin-bottom:8px}.field-box{background:var(--color-white);border:1.4px solid var(--color-line);border-radius:var(--radius-md);padding:11px 14px}.field-box .field-label{margin-bottom:3px}.field-input{display:block;width:100%;border:none;background:none;padding:0;font-family:var(--font-body);font-size:14.5px;font-weight:600;color:var(--color-nuit)}.field-input::placeholder{font-weight:400;color:var(--color-nuit-45)}.field-input:focus{outline:none}.text-input{width:100%;font-family:var(--font-mono);font-size:17px;color:var(--color-nuit);background:var(--color-white);border:1.4px solid var(--color-line);border-radius:var(--radius-md);padding:14px 16px}.text-input:focus{outline:none;border-color:var(--color-sacre)}.photo-avatar-button{width:44px;height:44px;flex-shrink:0;border-radius:50%;border:1px solid var(--color-line);background-color:var(--color-sable-alt);background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;font-size:18px;padding:0;cursor:pointer}.photo-avatar-button:hover{border-color:var(--color-sacre)}.select-input{width:100%;font-family:var(--font-body);font-size:15px;color:var(--color-nuit);background:var(--color-white);border:1.4px solid var(--color-line);border-radius:var(--radius-md);padding:13px 16px}.link-button{font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--color-nuit-45);text-align:left;text-decoration:underline;text-underline-offset:2px}.link-button:hover{color:var(--color-sacre)}.error-text{font-family:var(--font-body);font-size:13.5px;color:var(--color-danger);margin:0}.hamburger-btn{background:none;border:none;cursor:pointer;width:44px;height:44px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.hamburger-btn:hover{background:var(--color-sable-alt)}.footer-menu-btn{display:flex;align-items:center;gap:10px;background:var(--color-sable);border:1px solid var(--color-line);border-radius:999px;padding:10px 22px;cursor:pointer;font-family:var(--font-body);font-weight:700;font-size:14px;color:var(--color-nuit);transition:background .15s,border-color .15s}.footer-menu-btn:hover{background:var(--color-sacre-bg);border-color:var(--color-sacre)}.hamburger-icon{display:flex;flex-direction:column;gap:4px;width:19px}.hamburger-icon span{display:block;height:2px;border-radius:2px;background:var(--color-nuit)}.hamburger-icon span:nth-child(2){width:70%}.nav-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20}.nav-dropdown{position:absolute;top:calc(100% + 10px);right:0;z-index:21;background:var(--color-white);border:1px solid var(--color-line);border-radius:var(--radius-md);box-shadow:0 12px 32px #14213d29;display:flex;flex-direction:column;gap:3px;padding:14px;min-width:300px;animation:nav-dropdown-in .14s ease-out}.nav-dropdown-up{top:auto;bottom:calc(100% + 12px);right:auto;left:50%;transform:translate(-50%);animation:nav-dropdown-in-up .14s ease-out}@keyframes nav-dropdown-in-up{0%{opacity:0;transform:translate(-50%) translateY(4px) scale(.98)}to{opacity:1;transform:translate(-50%) translateY(0) scale(1)}}@keyframes nav-dropdown-in{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.nav-dropdown-account{display:flex;align-items:center;gap:14px;padding:10px 12px 14px}.nav-dropdown-avatar{width:44px;height:44px;border-radius:50%;background:var(--color-sacre);color:var(--color-white);font-family:var(--font-body);font-weight:700;font-size:17px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.nav-dropdown-name{font-family:var(--font-body);font-weight:700;font-size:16.5px;color:var(--color-nuit);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nav-dropdown-divider{height:1px;background:var(--color-line);margin:6px 4px}.nav-dropdown-item{display:flex;align-items:center;gap:13px;width:100%;min-height:48px;box-sizing:border-box;border:none;background:none;padding:12px 14px;border-radius:var(--radius-sm);font-family:var(--font-body);font-weight:600;font-size:15.5px;color:var(--color-nuit-70);text-decoration:none;white-space:nowrap;cursor:pointer;text-align:left}.nav-dropdown-icon{width:22px;font-size:17px;text-align:center;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.nav-dropdown-item:hover{background:var(--color-sable)}.nav-dropdown-item.active{color:var(--color-sacre);background:var(--color-sacre-bg)}.nav-dropdown-logout{color:var(--color-danger)}.nav-dropdown-logout:hover{background:var(--color-danger-bg)}.mono-price{font-family:var(--font-mono);font-weight:700;color:var(--color-nuit)}.back-btn{background:none;border:none;font-family:var(--font-body);font-weight:600;font-size:13px;color:var(--color-nuit-70);cursor:pointer;padding:0;display:flex;align-items:center;gap:4px;align-self:flex-start}.btn-danger-outline{background:transparent;border:1.4px solid rgba(185,64,64,.4);color:var(--color-danger)}.cat-pill{font-family:var(--font-mono);font-size:12px;padding:7px 14px;border-radius:999px;background:var(--color-sable-alt);color:var(--color-nuit-70);border:none;cursor:pointer}.cat-pill.on{background:var(--color-repas);color:var(--color-white)}.cat-pill-sacre.on{background:var(--color-sacre);color:var(--color-white)}.toggle{width:40px;height:23px;border-radius:999px;position:relative;flex-shrink:0;cursor:pointer;border:none;transition:background .15s}.toggle.on{background:var(--color-sacre)}.toggle.off{background:var(--color-line-strong)}.toggle:after{content:"";position:absolute;top:2px;width:19px;height:19px;border-radius:50%;background:#fff;transition:left .15s}.toggle.on:after{left:19px}.toggle.off:after{left:2px}@keyframes new-order-flash{0%{background-color:var(--color-alerte-bg)}to{background-color:transparent}}.new-order-flash{animation:new-order-flash 2.4s ease-out}@keyframes order-cancelled-flash{0%{background-color:var(--color-danger-bg)}to{background-color:transparent}}.order-cancelled-flash{animation:order-cancelled-flash 2.4s ease-out}@keyframes new-ticket-flash{0%{box-shadow:0 0 0 3px var(--color-alerte);transform:scale(1.035)}to{box-shadow:0 0 0 0 transparent;transform:scale(1)}}.new-ticket-flash{animation:new-ticket-flash 2.4s ease-out}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--color-sacre);flex-shrink:0;animation:pulse-dot 1.2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.75)}}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;background:#14213d80;display:flex;align-items:center;justify-content:center;padding:20px;animation:modal-backdrop-in .15s ease-out}@keyframes modal-backdrop-in{0%{opacity:0}to{opacity:1}}.modal-card{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:0 20px 60px #14213d4d;width:100%;max-width:380px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:22px;animation:modal-card-in .18s ease-out}@keyframes modal-card-in{0%{opacity:0;transform:translateY(8px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.photo-dropzone{width:100%;aspect-ratio:1;max-width:280px;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:var(--color-sable);border:1.4px dashed var(--color-line-strong);border-radius:var(--radius-lg);cursor:pointer;font-family:var(--font-body);font-weight:600;font-size:13.5px;color:var(--color-nuit-70);transition:border-color .15s,background .15s}.photo-dropzone:hover{border-color:var(--color-sacre);background:var(--color-sacre-bg)}.photo-crop-viewport{position:relative;width:280px;height:280px;margin:0 auto;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-nuit);touch-action:none}.photo-crop-viewport canvas{cursor:grab;display:block}.photo-crop-viewport canvas:active{cursor:grabbing}.photo-crop-ring{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-lg);box-shadow:inset 0 0 0 2px #ffffffd9;pointer-events:none}.photo-zoom-slider{flex:1;accent-color:var(--color-sacre)}.badge-row{display:flex;gap:6px;flex-wrap:wrap}.badge-mini{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:11px;background:var(--color-sable-alt);color:var(--color-nuit-70);padding:4px 9px;border-radius:999px;border:none;cursor:pointer}.badge-mini-remove{background:none;border:none;color:inherit;cursor:pointer;font-weight:700;padding:0;line-height:1;font-family:var(--font-mono)}.badge-mini-input{font-family:var(--font-mono);font-size:11px;border:1px dashed var(--color-line-strong);border-radius:999px;padding:4px 9px;width:120px;background:var(--color-white);color:var(--color-nuit)}.badge-mini-input:focus{outline:none;border-color:var(--color-sacre)}.upload-box{border:1.4px dashed var(--color-line-strong);border-radius:var(--radius-md);padding:14px;display:flex;flex-direction:column;gap:10px;background:var(--color-card)}.upload-box.ok{border-style:solid;border-color:var(--color-sacre)}.photo-dropzone:disabled{cursor:default;opacity:.7}:root{--color-sable: #fbfbfc;--color-sable-alt: #ecdec2;--color-nuit: #14213d;--color-nuit-70: rgba(20, 33, 61, .7);--color-nuit-45: rgba(20, 33, 61, .45);--color-card: #fffdf8;--color-line: rgba(20, 33, 61, .12);--color-line-strong: rgba(20, 33, 61, .22);--color-repas: #e85d2c;--color-repas-bg: #fbe3d6;--color-sacre: #1e7a5c;--color-sacre-bg: #d9efe6;--color-azur: #3a4fb0;--color-azur-bg: #dee3f7;--color-alerte: #d9a130;--color-alerte-bg: #f7ead0;--color-alerte-text: #8a6813;--color-danger: #b94040;--color-danger-bg: #f6dede;--color-white: #ffffff;--radius-lg: 22px;--radius-md: 14px;--radius-sm: 8px;--font-display: "Fraunces", serif;--font-body: "Inter", sans-serif;--font-mono: "JetBrains Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-sable);color:var(--color-nuit);font-family:var(--font-body);-webkit-font-smoothing:antialiased}button,input{font-family:inherit}button{cursor:pointer;border:none;background:none}a{color:inherit}