@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:400;src:local(Roboto),url(/fonts/roboto-v30-latin-regular.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:400;src:local(Roboto Italic),url(/fonts/roboto-v30-latin-italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:500;src:local(Roboto Medium),url(/fonts/roboto-v30-latin-500.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:500;src:local(Roboto Medium Italic),url(/fonts/roboto-v30-latin-500italic.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:normal;font-weight:700;src:local(Roboto Bold),url(/fonts/roboto-v30-latin-700.woff2)format("woff2")}@font-face{font-display:swap;font-family:Roboto;font-style:italic;font-weight:700;src:local(Roboto Bold Italic),url(/fonts/roboto-v30-latin-700italic.woff2)format("woff2")}*{font-size:100%;font:inherit;vertical-align:baseline;-webkit-user-select:none;user-select:none;box-sizing:border-box;-webkit-tap-highlight-color:transparent;border:0;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,li{display:block}fieldset{min-inline-size:unset;margin-inline:0;padding-block:0;padding-inline:0}legend{padding-inline:0;padding:0 10px}button{color:inherit;background-color:#0000;border:none}button,label,input[type=checkbox]{cursor:pointer}html,body{scroll-snap-type:y proximity;overscroll-behavior-x:none;font-family:Roboto,sans-serif;font-size:1em;line-height:1.25;position:relative}main{width:100%;min-height:calc(100vh - 56px);margin:auto;display:block;position:relative}ol,ul{list-style:none}table{border-collapse:collapse;border-spacing:0;text-align:center}:root{--primary:purple;--surface-tint:#9e2a9b;--on-primary:#fff;--primary-container:#921d90;--on-primary-container:#fff6f9;--secondary:#824b7c;--on-secondary:#fff;--secondary-container:#e6c2dc;--on-secondary-container:#5f2d5b;--tertiary:#6b0028;--on-tertiary:#fff;--tertiary-container:#a31d47;--on-tertiary-container:#fff8f7;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#410002;--background:#fff7f9;--on-background:#221920;--surface:#fff;--on-surface:#221920;--surface-variant:#f3dcec;--on-surface-variant:#52424e;--outline:#84727f;--outline-variant:#d6c0cf;--shadow:#000;--scrim:#000;--inverse-surface:#372d35;--inverse-on-surface:#fdecf6;--inverse-primary:#ffaaf3;--primary-fixed:#ffd7f5;--on-primary-fixed:#380038;--primary-fixed-dim:#ffaaf3;--on-primary-fixed-variant:#810181;--secondary-fixed:#ffd7f5;--on-secondary-fixed:#350634;--secondary-fixed-dim:#f4b2e9;--on-secondary-fixed-variant:#673463;--tertiary-fixed:#ffd9de;--on-tertiary-fixed:#3f0015;--tertiary-fixed-dim:#ffb2be;--on-tertiary-fixed-variant:#8e0739;--surface-dim:#dad7dd;--surface-bright:#f9f7ff;--surface-container-lowest:#fcfcff;--surface-container-low:#fbf8fe;--surface-container:#f3f0f6;--surface-container-high:#edeae7;--surface-container-highest:#e7e4ea;--warning-color:#e67e22;--subscription:#fc0;--layer-opacity:0;--elevation1:#0003 0px 2px 1px -1px, #00000024 0px 1px 1px 0px, #0000001f 0px 1px 3px 0px;--elevation2:#0003 0px 3px 3px -2px, #00000024 0px 3px 4px 0px, #0000001f 0px 1px 8px 0px;--elevation3:#0003 0px 3px 5px -1px, #00000024 0px 6px 10px 0px, #0000001f 0px 1px 18px 0px;--elevation4:#0003 0px 5px 5px -3px, #00000024 0px 8px 10px 1px, #0000001f 0px 3px 14px 2px;--elevation5:#0003 0px 7px 8px -4px, #00000024 0px 12px 17px 2px, #0000001f 0px 5px 22px 4px}:focus,input:focus-visible{outline:none}svg,use{vertical-align:middle;pointer-events:none;aspect-ratio:1;height:24px}a{-webkit-user-select:none;user-select:none;-webkit-user-drag:none}input[type=text],input[type=email],input[type=password],input[type=url],input[type=number],input[type=tel],input[type=search]{-webkit-appearance:none}input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none}input[type=number]{appearance:textfield}input[type=range]{cursor:pointer;accent-color:var(--primary)}input[type=range]::-webkit-slider-thumb{border:10px solid var(--primary);border-radius:50%}.link{cursor:pointer;color:var(--primary);text-decoration:none;transition:color .2s ease-in}@media (hover:hover) and (pointer:fine){.link:hover{text-decoration:underline}}.hidden{display:none}label:has(>.clearable){width:fit-content;display:block;position:relative}.clearinput{top:50%;right:8px;translate:0 -50%;position:absolute!important}a{color:unset;text-decoration:none}body,a{color:var(--on-surface);fill:var(--on-surface-variant)}@supports not selector(::-webkit-scrollbar){*{scrollbar-color:var(--outline-variant) transparent;scrollbar-width:thin}}::-webkit-scrollbar{background-color:#0000;width:8px;height:8px}::-webkit-scrollbar:horizontal{display:none!important}::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest);border-radius:4px}.android ::-webkit-scrollbar:horizontal{display:none!important}.android :not(html):not(body)::-webkit-scrollbar{background-color:#0000;width:8px}.android :not(html):not(body)::-webkit-scrollbar-thumb{background-color:#0000;border-radius:4px;transition:background-color .3s}.android :not(html):not(body):hover::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest)}.android :not(html):not(body):active::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest)}.android :not(html):not(body):focus::-webkit-scrollbar-thumb{background-color:var(--surface-container-highest)}:disabled{pointer-events:none}.bigger-target{position:relative;overflow:visible}.bigger-target:before{content:"";inset-inline:calc(var(--target-inline) * -1);inset-block:calc(var(--target-block) * -1);z-index:1;position:absolute}.show-scrollable{position:relative}.show-scrollable:before,.show-scrollable:after{content:"";z-index:4;grid-column:1/-1;transition:box-shadow .3s;display:none;position:sticky;box-shadow:0 0 #0000}.show-scrollable:before{top:0}.show-scrollable:after{bottom:0}.scrollable-up:before,.scrollable-down:after{box-shadow:0 0 60px 60px var(--surface);display:block}.cesure{display:inline-block}.sortable{position:relative}.sortable li{width:100%;transition:top .3s;position:relative}.drag-clone{pointer-events:none;opacity:.7;z-index:50;flex-direction:column;display:flex;position:absolute}@keyframes loading{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes show{to{opacity:1}}svg.loading{opacity:0;animation:1.5s linear infinite loading,0s .2s forwards show}.sticking{z-index:2;transition:box-shadow .2s ease-in-out;box-shadow:0 2px 10px #00000026;border-radius:0!important}body:has(>svg){grid-template:"a"1fr;justify-content:center;align-items:center;height:100vh;display:grid}body:has(>svg) svg{height:150px}@media not print{html.dark-theme{--primary:#ffaaf3;--surface-tint:#ffaaf3;--on-primary:#5b005b;--primary-container:#720072;--on-primary-container:#ffbdf4;--secondary:#f4b2e9;--on-secondary:#4e1d4b;--secondary-container:#5d2b59;--on-secondary-container:#ffbef4;--tertiary:#ffb2be;--on-tertiary:#660026;--tertiary-container:#7f0031;--on-tertiary-container:#ffc1cb;--error:#ffb4ab;--on-error:#690005;--error-container:#93000a;--on-error-container:#ffdad6;--background:#191117;--on-background:#efdee8;--surface:#191117;--on-surface:#efdee8;--surface-variant:#52424e;--on-surface-variant:#d6c0cf;--outline:#9f8b99;--outline-variant:#52424e;--shadow:#000;--scrim:#000;--inverse-surface:#efdee8;--inverse-on-surface:#372d35;--inverse-primary:#9e2a9b;--primary-fixed:#ffd7f5;--on-primary-fixed:#380038;--primary-fixed-dim:#ffaaf3;--on-primary-fixed-variant:#810181;--secondary-fixed:#ffd7f5;--on-secondary-fixed:#350634;--secondary-fixed-dim:#f4b2e9;--on-secondary-fixed-variant:#673463;--tertiary-fixed:#ffd9de;--on-tertiary-fixed:#3f0015;--tertiary-fixed-dim:#ffb2be;--on-tertiary-fixed-variant:#8e0739;--surface-dim:#191117;--surface-bright:#41363e;--surface-container-lowest:#140c12;--surface-container-low:#221920;--surface-container:#261d24;--surface-container-high:#31272e;--surface-container-highest:#3c3239;--subscription:#ffc107;--elevation1:0px 1px 3px 1px #0006, 0px 1px 2px 0px #00000080;--elevation2:0px 2px 6px 2px #0006, 0px 1px 2px 0px #00000080;--elevation3:0px 4px 8px 3px #0006, 0px 1px 3px 0px #00000080}html.dark-theme #logo g:last-child{fill:#fff}}:root{--table:#9a6735;--bar:#a1586f;--room:#607d8b;--takeout:#4555ff;--delivery:#008f7a;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media print{:root{--on-surface:black!important;--surface:white!important;--outline:black!important}body>header,body>nav,body>main{display:none!important}}html.no-transitions :not(.loading){transition-duration:0s!important;transition-delay:0s!important;animation-duration:0s!important;animation-delay:0s!important}body{padding:var(--safe-top) 0 var(--safe-bottom) 0;background-color:var(--surface);z-index:0;grid-template-rows:auto 1fr;grid-template-columns:1fr;height:100svh;transition:background-color .5s;display:grid}@media (width>701px){body{grid-template-columns:auto 1fr;justify-items:start;max-height:100svh;padding-bottom:8px}}body.focus-mode{padding:0}body.focus-mode>header,body.focus-mode>nav{display:none}body.focus-mode>main{border-radius:0;grid-area:auto/1/-1/-1;width:100%}body>header{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:8px 16px;width:100%;padding:8px 16px;display:flex;position:relative}body>header .electron-header{text-align:center;grid-template-columns:40px 40px 40px 1fr 120px;align-items:center;gap:8px;width:100%;font-size:20px;display:grid}.macos :is(body>header .electron-header){padding:0 70px}body>header .electron-header time{-webkit-app-region:drag;align-self:stretch;line-height:40px}body>header .alert{background-color:var(--primary);width:100%;min-height:56px;color:var(--surface);text-align:center;z-index:9;grid-template-columns:1fr auto;align-items:center;gap:10px;padding:8px;display:grid;position:fixed;top:0;left:0}body>header .alert button:last-child{--target-inline:10px;--target-block:8px;fill:var(--surface);flex:none;margin-left:auto}@media (width>700px){body>header .alert{padding:8px 16px}}body>header>a{margin-right:auto}body>header>a svg{height:30px;margin-bottom:2px}@media (width<330px){body>header>a svg{margin-right:-116px}body>header>a svg g:last-child{display:none}}body>header .switch-restaurant{text-align:center;border:1px solid var(--outline-variant);--target-inline:8px;--target-block:8px;border-radius:20px;align-items:center;gap:10px;height:32px;padding:0 16px;display:flex}body>header .switch-restaurant.hidden{display:none}@media (width<600px){body>header .switch-restaurant{width:32px;padding:0 1px 0 0;font-size:0;display:block}body>header .switch-restaurant:first-letter{font-size:16px}body>header .switch-restaurant svg{display:none}}body>header .switch-restaurant+div button:not(:has(svg)){padding-left:48px}body>header #show-user-menu{--target-inline:8px;--target-block:8px;border-radius:50%;width:32px;height:32px}body>header #show-user-menu span{text-align:center;color:#fff;pointer-events:none;background-color:#5c6bc0;border-radius:50%;width:100%;line-height:32px;display:block}body>header #show-user-menu img,body>header #show-user-menu canvas{pointer-events:none;border-radius:50%;width:100%;height:100%}#user-menu{position:relative}#user-menu header{gap:10px;height:72px;padding:10px;display:flex}#user-menu header>span{text-align:center;width:40px;height:40px;color:var(--surface);background-color:#5c6bc0;border-radius:50%;flex-shrink:0;font-size:20px;line-height:40px}#user-menu header>img{border-radius:50%;height:40px}#user-menu header>div:last-child{flex-direction:column;justify-content:center;width:calc(100% - 50px);height:40px;display:flex}#user-menu header>div:last-child span{white-space:nowrap;text-overflow:ellipsis;width:100%;height:20px;line-height:20px;display:block;overflow:hidden}#user-menu header>div:last-child span:first-child{font-size:18px}#user-menu .user-mini-menu :is(button,a){align-items:center;gap:12px;width:100%;height:48px;padding:0 16px;display:flex}@media (hover:hover) and (pointer:fine){#user-menu .user-mini-menu :is(button,a):hover{background-color:var(--outline-variant)}}#user-menu .user-mini-menu :is(button,a) svg:nth-child(2){margin-left:auto}#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation{background-color:var(--surface-container);flex-wrap:wrap;align-content:start;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) button:first-child{aspect-ratio:1;height:40px;margin:0 5px}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) div{height:40px;line-height:40px}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol{width:100%;height:calc(100% - 40px);overflow:auto}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol li{cursor:pointer;align-items:center;width:max-content;min-width:100%;height:48px;padding:0 16px 0 56px;display:flex}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol li.active{padding-left:16px}:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol li.active svg{margin-right:16px}@media (hover:hover) and (pointer:fine){:is(#user-menu .change-user,#user-menu .change-language,#user-menu .change-localisation) ol li:hover{background-color:var(--outline-variant)}}#add-restaurant-modal,.modal.add-company{max-width:350px}:is(#add-restaurant-modal,.modal.add-company) form{flex-direction:column;gap:30px;width:100%;padding:24px 24px 0;display:flex}:is(#add-restaurant-modal,.modal.add-company) form>button{margin:10px 0 24px}#staffmenu{width:260px;padding-top:var(--safe-top)}#staffmenu header{justify-content:start;align-items:center;gap:16px;width:260px;height:56px;margin-bottom:0;padding:16px;display:flex}#staffmenu header button{width:40px;height:40px}#staffmenu header>a svg{height:30px;margin-bottom:2px}#staffmenu footer{text-align:center;width:260px;margin-top:auto;padding:12px}.staff-nav{min-width:8px;overflow:auto}.staff-nav.hidden{display:none}.staff-nav.short{width:80px;margin:1rem 0;padding:0 4px}.staff-nav.short a{text-align:center;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:100%;padding:8px 0;font-size:10px;display:flex;overflow:hidden}.staff-nav.short a[href=\/analytics],.staff-nav.short a[href=\/menus],.staff-nav.short a[href=\/support],.staff-nav.short a[href=\/billing-and-subscriptions],.staff-nav.short a[href=\/employees],.staff-nav.short a[href=\/restaurant-settings]{display:none}.staff-nav.short a.selected{background-color:var(--surface-container)}@media (hover:hover) and (pointer:fine){.staff-nav.short a:hover{background-color:var(--surface-container-high)}}.staff-nav.short a svg{fill:var(--on-surface-variant)}.staff-nav.large{width:262px;margin:1rem 0;padding:0 8px}.staff-nav.large a{border-radius:6px;grid-template-columns:24px 1fr;align-items:center;gap:1rem;width:100%;height:50px;padding:0 8px;display:grid}.staff-nav.large a.selected{background-color:var(--surface-container)}@media (hover:hover) and (pointer:fine){.staff-nav.large a:hover{background-color:var(--surface-container-high)}}.staff-nav.large a svg{fill:var(--on-surface-variant)}@media (width>700px){@supports not selector(::-webkit-scrollbar){.staff-nav:not(:hover){scrollbar-color:var(--outline-variant) transparent;scrollbar-width:none}}.staff-nav:not(:hover)::-webkit-scrollbar{background-color:#0000;width:0;height:0}}body>main{flex-direction:column;width:100%;height:100%;min-height:100%;margin:0;display:flex;container:main/inline-size}@media (width>700px){body>main{background-color:var(--surface-container);border-radius:1rem;width:calc(100% - 8px);transition:background-color .5s;overflow:auto}body>main>section{gap:1rem;height:100%;margin:1rem;transition:background-color .5s;overflow:auto}body>main>section.intro{margin:1rem}body>main>section>*{flex-shrink:0}}body>main>section{flex-direction:column;flex-grow:9;display:flex;position:relative}body>main>section>a.md-fab.md-fab{background-color:var(--subscription);color:#3c2800;fill:#3c2800;z-index:5;align-self:center;max-width:calc(100% - 32px);position:fixed;bottom:36px}.dark-theme :is(body>main>section>a.md-fab.md-fab){color:#281900;fill:#281900}body>main .bento{background-color:var(--surface);border-radius:1rem;padding:1rem;transition:background-color .5s}body:has(#user-selection){background-color:var(--surface);flex-wrap:wrap;padding:0;display:flex}body:has(#user-selection)>header,body:has(#user-selection)>nav{display:none}body:has(#user-selection) main{border-radius:0;height:100svh;margin:0;padding:0}#user-selection{background-image:url(/images/ui/staff/restaurant.avif);background-position:50%;background-size:cover;flex-flow:row-reverse wrap;justify-content:center;align-items:center;gap:40px;width:100vw;height:100lvh;display:flex}@media (width<690px){#user-selection{background-image:none;gap:0;height:auto}}#user-selection form{background-color:var(--surface);border:1px solid var(--outline-variant);text-align:center;border-radius:20px;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:360px;padding:30px;display:flex}@media (width<690px){#user-selection form{border:none}}#user-selection form img,#user-selection form span:first-child{aspect-ratio:1;text-align:center;width:90px;color:var(--surface);object-fit:cover;background-color:#5c6bc0;border-radius:50%;font-size:36px;line-height:90px}#user-selection form h1{font-size:24px}#user-selection form div{width:100%}#user-selection form .user-select-login{margin:20px 0 10px}#user-selection form #resetpassword{text-align:center;width:100%}#user-selection>div{background-color:var(--surface);border:1px solid var(--outline-variant);border-radius:20px;min-width:286px;min-height:402px;padding:20px}@media (width<690px){#user-selection>div{border:none;width:100%}}#user-selection>div div{text-align:center;padding-bottom:30px;font-weight:500}#user-selection>div ol li{cursor:pointer;align-items:center;gap:16px;height:56px;font-weight:500;display:flex}#user-selection>div ol li:not(:last-child){border-bottom:1px solid var(--outline-variant)}#user-selection>div ol li img{pointer-events:none;border-radius:50%;height:40px}#user-selection>div ol li span{text-align:center;width:40px;color:var(--surface);pointer-events:none;background-color:#5c6bc0;border-radius:50%;line-height:40px;display:block}.no-permissions{text-align:center;justify-content:center;align-items:center;width:100%;height:300px;padding:20px;font-weight:500;display:flex}.welcome{justify-content:center;align-items:center;gap:60px;padding:0 40px 40px}.welcome p{text-align:center}.welcome p:first-child{font-size:28px}#staff{background-color:var(--surface-container);scrollbar-gutter:stable both-edges;margin:0;padding:1rem .5rem;overflow:auto}@media (width<=700px){#staff{padding:.5rem 0}}#staff nav{grid-template-columns:repeat(auto-fill,minmax(min(100%,364px),1fr));gap:1rem;width:100%;display:grid}@media (width<=700px){#staff nav{grid-template-columns:repeat(auto-fill,minmax(min(100%,168px),1fr));gap:.5rem}}#staff nav a{background-color:var(--surface);border-radius:12px;align-items:center;gap:1rem;min-height:calc(120px + 2rem);padding:1rem;display:flex;position:relative;overflow:hidden}@media (width<=700px){#staff nav a{flex-direction:column;justify-content:end;align-items:center;gap:1rem;padding:2rem .5rem}}#staff nav a>svg{fill:#fff;background-color:purple;border-radius:999px;height:88px;padding:24px;overflow:visible}.hub :is(#staff nav a>svg){background-color:purple}.planning :is(#staff nav a>svg){background-color:#0078d4}.orders :is(#staff nav a>svg){background-color:#27ae60}.production :is(#staff nav a>svg){background-color:#a84d58}.haccp :is(#staff nav a>svg){background-color:#56a8c7}.financial :is(#staff nav a>svg){background-color:#d4a017}.config :is(#staff nav a>svg){background-color:#2c3e50}.new :is(#staff nav a>svg){background-color:#4555ff}.analytics :is(#staff nav a>svg){background-color:#005c53}#staff nav a>div{flex-direction:column;flex:1;width:100%;height:100%;padding-top:40px;display:flex}@media (width<=700px){#staff nav a>div{justify-content:center;gap:.5rem;padding:0}}#staff nav a>div>div:first-child{font-size:20px;font-weight:500}@media (width<=700px){#staff nav a>div>div:first-child{text-align:center;font-size:16px}}#staff nav a>div>div:nth-child(2){color:var(--outline);font-size:15px;line-height:1}@media (width<=700px){#staff nav a>div>div:nth-child(2){display:none}}#staff nav a>div button{background-color:var(--subscription);color:#3c2800;margin-left:auto}@media (width<=700px){#staff nav a>div button{text-transform:uppercase;letter-spacing:.07rem;min-height:0;margin:0 auto;padding:.2rem .5rem;font-size:12px}}.intro{text-align:center;flex-direction:column;flex-grow:9;justify-content:center;align-items:center;gap:40px;padding:0 40px 40px;display:flex}.intro div{gap:20px;display:flex}.intro>button{margin:0 auto 30px}#network-failure,#maintenance{z-index:9;background-color:var(--surface);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:60px;width:100%;height:100%;padding:60px;font-weight:700;display:flex;position:fixed;top:0;left:0}:is(#network-failure,#maintenance) svg{height:200px;fill:var(--outline)}.new-app-version{justify-content:center;gap:40px;width:100%;max-width:410px}.new-app-version header{margin-bottom:auto;padding-bottom:2rem}.new-app-version>svg{fill:var(--outline);opacity:.2;height:200px}.new-app-version>div{text-align:center;padding:0 1rem}#really-leave{border-radius:24px;align-items:start;gap:40px;min-width:300px;max-width:max-content;padding:30px 24px 20px;font-size:14px}#really-leave div:last-of-type{align-self:end;display:flex}