@media not print{html.dark-mode{--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}html.dark-mode #logo path:first-child{fill:#fff}}@media print{:root{--on-surface:black!important;--surface:white!important;--outline:black!important}}html.no-transitions *{transition:none!important}body{background-color:var(--surface);z-index:0;flex-wrap:wrap;transition:background-color .5s;display:flex}body main{flex-direction:column;display:flex;container:main/inline-size}body main>section{flex-direction:column;flex-grow:9;display:flex}@media (width>700px){body{padding-bottom:16px}body>nav{height:calc(100vh - 56px - 3rem);min-height:calc(100vh - 56px - 3rem)}@supports not selector(::-webkit-scrollbar){body>nav:not(:hover){scrollbar-color:var(--outline-variant) transparent;scrollbar-width:none}}body>nav:not(:hover)::-webkit-scrollbar{background-color:#0000;width:0;height:0}body main{background-color:var(--surface-container);border-radius:1rem;flex-grow:9;width:0;height:calc(100dvh - 56px - 1rem);min-height:calc(100vh - 56px - 1rem);margin-right:16px;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}}@media (display-mode:fullscreen){body main{border-radius:0}}.bento{background-color:var(--surface);border-radius:1rem;padding:1rem;transition:background-color .5s}@media print{body>header,body>nav,main{display:none!important}}@keyframes fadeOutIn{0%{opacity:1}50%{opacity:0}to{opacity:1}}#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{width:100%;max-width:410px}.new-app-version header{padding-bottom:2rem}.new-app-version>svg{fill:var(--outline);opacity:.2;height:200px}.new-app-version>div{text-align:center;padding:2rem 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}@media (width<418px){.fluid-frame{border-inline:none!important;border-radius:0!important;padding-left:0!important;padding-right:0!important}}.fluid-frame>legend{margin-left:10px}body>header{flex-wrap:wrap;align-items:center;gap:16px;width:100%;min-height:56px;padding:0 16px;display:flex;position:relative}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;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:34px}@media (width<360px){body>header>a svg{margin-right:-116px}body>header>a svg path:first-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)}}.device-settings{width:100%;max-width:376px}.device-settings form{scrollbar-gutter:stable both-edges;flex-direction:column;gap:30px;width:100%;padding:10px 16px;display:flex;overflow:auto}.device-settings form fieldset{flex-direction:column;gap:10px;display:flex}.device-settings form fieldset label{text-align:left;border-radius:20px;padding:1rem;display:block;box-shadow:inset 0 0 0 1px #79747e}.device-settings form fieldset label:has(input:checked){box-shadow:0px 0px 0px 2px var(--primary) inset}.device-settings form fieldset label:has(input:checked) div{color:var(--primary)}.device-settings form fieldset label:has(input:checked) svg{fill:var(--primary)}.device-settings form fieldset label div{pointer-events:none;align-items:center;gap:14px;padding-bottom:10px;font-weight:500;display:flex}.device-settings form fieldset label p{color:var(--outline);pointer-events:none}.device-settings form fieldset label input{display:none}.device-settings form fieldset:has([value=singleUser]:checked)+div{opacity:.5;pointer-events:none}.device-settings form>div{margin-top:10px}.device-settings form>button{margin-bottom:.5rem}#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 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:34px}#staffmenu footer{text-align:center;width:260px;margin-top:auto;padding:12px}.staff-nav{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=\/invoices],.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)}#staffmenu{width:260px}.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}#staff nav{flex-wrap:wrap;grid-template-columns:repeat(auto-fill,minmax(min(100%,450px),1fr));gap:1.5rem;width:100%;padding:.5rem;display:grid}@media (width<500px){#staff nav{gap:10px 20px}}#staff nav a{background-color:var(--surface);border-radius:8px;justify-content:space-evenly;align-items:center;font-size:18px;display:flex;overflow:hidden}@media (width<800px){#staff nav a{width:100%}}#staff nav a div:first-child{width:50%;color:var(--primary);text-align:center;flex-direction:column;flex-grow:9;justify-content:center;align-items:center;padding:20px;display:flex}#staff nav a div:last-child{aspect-ratio:2;background-position:50%;background-size:cover;width:50%;height:100%;margin-left:auto}@media (width<600px){#staff nav a div:last-child{aspect-ratio:1;width:33.33%}}@media (width<350px){#staff nav a div:last-child{width:40%}}.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}