:root{--color-canvas: #f3f0e8;--color-surface: #faf8f2;--color-surface-muted: #ded9cc;--color-primary: #626747;--color-primary-hover: #50553a;--color-text: #292a23;--color-text-muted: #6f7066;--color-danger: #a8483f;--status-pending: #5e6154;--status-reserved: #755711;--status-paid: #486a7c;--status-assembling: #625066;--status-ready: #526b44;--status-in-delivery: #3f6169;--status-delivered: #3f6948;--status-cancelled: var(--color-danger);--status-track: #c8c4b8;--radius-client: 24px;--radius-staff: 12px;--shadow-soft: 0 8px 28px rgb(41 42 35 / 8%);--font-display: Georgia, "Times New Roman", serif;--font-ui: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}.icon{display:inline-block;flex:0 0 auto;overflow:visible;vertical-align:middle}:root{font-family:var(--font-ui);line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--color-text);background-color:var(--color-canvas)}html{overflow-x:hidden}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-ui);color:var(--color-text);background-color:var(--color-canvas);overflow-x:hidden}img,video,canvas,svg{max-width:100%}a{font-weight:500;color:var(--color-primary);text-decoration:inherit}a:hover{color:var(--color-primary-hover)}h1,h2,h3,h4,h5,h6{margin:0;font-family:var(--font-display)}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}input,select,textarea,button{max-width:100%;font-family:var(--font-ui)}:focus-visible{outline:3px solid var(--color-primary);outline-offset:3px}.client-page__content{width:100%;max-width:720px;margin:0 auto}.registration-flow{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:color-mix(in srgb,var(--color-canvas) 92%,var(--color-primary));overflow-y:auto}.registration-flow .step{position:relative;width:100%;max-width:420px;border:1px solid var(--color-surface-muted);background:var(--color-surface);border-radius:var(--radius-client);box-shadow:var(--shadow-soft);padding:28px 24px;display:flex;flex-direction:column;gap:14px;animation:rf-fade-in .25s ease}@keyframes rf-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.registration-flow .rf-icon{display:grid;place-items:center;color:var(--color-primary)}.registration-flow h2{margin:0;font-size:20px;font-weight:700;color:var(--color-text);font-family:var(--font-display);font-weight:400;text-align:center}.registration-flow p{margin:0;font-size:14px;color:var(--color-text-muted);text-align:center;line-height:1.45}.registration-flow .input{width:100%;padding:12px 14px;border:1px solid var(--color-surface-muted);border-radius:14px;color:var(--color-text);background:var(--color-surface);font-size:15px;box-sizing:border-box;transition:border-color .15s,box-shadow .15s}.registration-flow .input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent)}.registration-flow .otp-input{text-align:center;font-size:26px;letter-spacing:10px;font-weight:700;padding:14px}.registration-flow .btn-primary{width:100%;padding:13px;border:none;min-height:48px;border-radius:999px;background:var(--color-primary);color:var(--color-surface);font-size:15px;font-weight:700;cursor:pointer;transition:background .15s,opacity .15s}.registration-flow .btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.registration-flow .btn-primary:disabled{opacity:.55;cursor:not-allowed}.registration-flow .btn-secondary{width:100%;padding:11px;min-height:44px;border:1px solid var(--color-primary);border-radius:999px;background:transparent;color:var(--color-primary);font-size:14px;font-weight:600;cursor:pointer;transition:background .15s,border-color .15s}.registration-flow .btn-secondary:hover:not(:disabled){color:var(--color-surface);background:var(--color-primary)}.registration-flow .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.registration-flow .rf-divider{display:flex;align-items:center;gap:10px;color:var(--color-text-muted);font-size:12px;margin:2px 0}.registration-flow .rf-divider:before,.registration-flow .rf-divider:after{content:"";flex:1;height:1px;background:var(--color-surface-muted)}.registration-flow .error{margin:0;padding:8px 12px;background:color-mix(in srgb,var(--color-danger) 10%,var(--color-surface));border-radius:8px;color:var(--color-danger);font-size:13px;text-align:center}.registration-flow .pd-text{max-height:220px;overflow-y:auto;background:var(--color-canvas);border:1px solid var(--color-surface-muted);border-radius:10px;padding:12px 14px}.registration-flow .pd-text pre{margin:0;white-space:pre-wrap;word-wrap:break-word;font-family:inherit;font-size:12.5px;line-height:1.5;color:var(--color-text-muted)}.registration-flow .rf-close{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;border:none;border-radius:50%;background:var(--color-surface-muted);color:var(--color-text);line-height:1;cursor:pointer;transition:background .15s}.registration-flow .rf-close:hover{color:var(--color-surface);background:var(--color-primary)}@media (max-width: 359px){.registration-flow .step{padding:24px 18px}}@media (prefers-reduced-motion: reduce){.registration-flow .step{animation:none}}.staff-layout{display:flex;min-height:100vh;min-height:100dvh;background:var(--color-canvas)}.staff-sidebar-desktop{flex:0 0 232px}.staff-sidebar{position:sticky;top:0;display:flex;flex-direction:column;width:232px;height:100vh;height:100dvh;overflow-y:auto;color:var(--color-surface);background:var(--color-primary)}.staff-sidebar__header{position:relative;padding:24px 18px 16px;border-bottom:1px solid rgb(255 255 255 / 15%)}.staff-sidebar__heading{font-family:var(--font-display);font-size:22px}.staff-sidebar__user{margin-top:4px;color:#ffffffb3;font-size:13px}.staff-sidebar__links{flex:1;padding:12px 0}.staff-sidebar__group-start{margin-top:10px;padding-top:10px;border-top:1px solid rgb(255 255 255 / 15%)}.staff-sidebar__link{display:flex;align-items:center;min-height:44px;padding:8px 18px;border-left:3px solid transparent;color:#ffffffd1;text-decoration:none}.staff-sidebar__link:hover{background:#ffffff17;color:#fff}.staff-sidebar__link--active{border-left-color:var(--color-surface);background:#ffffff24;color:#fff;font-weight:700}.staff-sidebar__footer{padding:14px 18px max(14px,env(safe-area-inset-bottom));border-top:1px solid rgb(255 255 255 / 15%)}.staff-sidebar__logout{width:100%;min-height:42px;border:1px solid rgb(255 255 255 / 35%);border-radius:var(--radius-staff);color:#fff;background:transparent;cursor:pointer}.staff-sidebar__logout:hover{background:#ffffff1a}.staff-sidebar__close{position:absolute;top:14px;right:10px}.staff-content{flex:1;min-width:0;background:var(--color-canvas)}.staff-outlet{max-width:1180px;margin:0 auto;padding:28px 32px}.staff-topbar-mobile{display:none;align-items:center;gap:10px;min-height:56px;padding:max(8px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) 8px max(14px,env(safe-area-inset-left));color:#fff;background:var(--color-primary);font-weight:700}.staff-icon-button{display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer}.staff-icon-button:hover{background:#ffffff1f}.staff-drawer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:300;display:flex}.staff-drawer__panel{z-index:1}.staff-drawer__backdrop{flex:1;border:0;background:#14140f73;cursor:pointer}:is(.staff-icon-button,.staff-sidebar__logout,.staff-sidebar__link):focus-visible{outline:3px solid var(--color-surface);outline-offset:-4px}@media (max-width: 1024px){.staff-outlet{padding:22px}}@media (max-width: 768px){.staff-sidebar-desktop{display:none}.staff-topbar-mobile{display:flex}.staff-outlet{padding:16px max(14px,env(safe-area-inset-right)) max(18px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}}@media (max-width: 360px){.staff-sidebar,.staff-sidebar-desktop{width:min(280px,88vw)}}@media (prefers-reduced-motion: reduce){.staff-sidebar__link{transition:none}}