@import url(https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,300;0,500;1,500&display=swap);
@tailwind base;@tailwind components;@tailwind utilities;body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}html{background-color:#181818}body,html{height:100%;width:100%}body{margin:auto}#root{align-items:center;display:flex;height:100%;width:100%}
.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media(prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
:root{--btn-bg:#f6f6f6e6;--btn-bg-hover:#454446;--btn-fg:#454446;--btn-fg-invert:#fff;--btn-border:#0000000f;--btn-shadow:0 6px 24px #00000014;--btn-shadow-hover:0 12px 32px #0000001f;--btn-radius:12px;--btn-focus:#2a2a2c}.UIbutton,.UIbutton-disabled{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);color:var(--btn-fg);cursor:pointer;display:inline-flex;font-family:-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;justify-content:center;letter-spacing:.2px;max-height:48px;max-width:100%;min-width:-webkit-fit-content;min-width:fit-content;outline:none;padding:0 18px;position:relative;transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;width:auto}.UIbutton .UIbutton__content,.UIbutton-disabled .UIbutton__content{align-items:center;display:inline-flex;gap:10px;line-height:1;white-space:nowrap}.UIbutton .UIbutton__glow,.UIbutton-disabled .UIbutton__glow{background:radial-gradient(60% 100% at 50% 0,#4544462e,#0000 70%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .22s ease}.UIbutton-disabled:hover,.UIbutton:hover{background:var(--btn-bg-hover);box-shadow:var(--btn-shadow-hover);color:var(--btn-fg-invert);transform:translateY(-1px)}.UIbutton-disabled:hover .UIbutton__glow,.UIbutton:hover .UIbutton__glow{opacity:1}.UIbutton-disabled:active,.UIbutton:active{box-shadow:0 6px 18px #0000001f;transform:translateY(0)}.UIbutton-disabled:focus-visible,.UIbutton:focus-visible{box-shadow:0 0 0 3px #45444626,var(--btn-shadow-hover)}.UIbutton-disabled{background:#a0a0a6;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.85}.UIbutton-disabled .UIbutton__glow{display:none}@media(max-width:480px){.UIbutton,.UIbutton-disabled{font-size:15px;height:44px;padding:0 16px}}@media(prefers-reduced-motion:reduce){.UIbutton,.UIbutton-disabled{transition:none}}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}:root{--btn-bg:#f6f6f6e6;--btn-bg-hover:#454446;--btn-fg:#454446;--btn-fg-invert:#fff;--btn-border:#0000000f;--btn-shadow:0 6px 24px #00000014;--btn-shadow-hover:0 12px 32px #0000001f;--btn-radius:12px;--btn-focus:#2a2a2c}.UIbutton,.UIbutton-disabled,.login-container .btns-login-container .server-btn{-webkit-tap-highlight-color:rgba(0,0,0,0);align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:var(--btn-bg);border:1px solid var(--btn-border);border-radius:var(--btn-radius);box-shadow:var(--btn-shadow);color:var(--btn-fg);cursor:pointer;display:inline-flex;font-family:-apple-system,Segoe UI,Arial,sans-serif;font-size:16px;font-weight:600;height:48px;justify-content:center;letter-spacing:.2px;max-height:48px;max-width:100%;min-width:-webkit-fit-content;min-width:fit-content;outline:none;padding:0 18px;position:relative;transition:background .22s ease,color .22s ease,box-shadow .22s ease,transform .12s ease;-webkit-user-select:none;user-select:none;white-space:nowrap;width:auto}.UIbutton .UIbutton__content,.UIbutton-disabled .UIbutton__content,.login-container .btns-login-container .server-btn .UIbutton__content{align-items:center;display:inline-flex;gap:10px;line-height:1;white-space:nowrap}.UIbutton .UIbutton__glow,.UIbutton-disabled .UIbutton__glow,.login-container .btns-login-container .server-btn .UIbutton__glow{background:radial-gradient(60% 100% at 50% 0,#4544462e,#0000 70%);border-radius:inherit;content:"";inset:0;opacity:0;pointer-events:none;position:absolute;transition:opacity .22s ease}.UIbutton-disabled:hover,.UIbutton:hover,.login-container .btns-login-container .server-btn:hover{background:var(--btn-bg-hover);box-shadow:var(--btn-shadow-hover);color:var(--btn-fg-invert);transform:translateY(-1px)}.UIbutton-disabled:hover .UIbutton__glow,.UIbutton:hover .UIbutton__glow,.login-container .btns-login-container .server-btn:hover .UIbutton__glow{opacity:1}.UIbutton-disabled:active,.UIbutton:active,.login-container .btns-login-container .server-btn:active{box-shadow:0 6px 18px #0000001f;transform:translateY(0)}.UIbutton-disabled:focus-visible,.UIbutton:focus-visible,.login-container .btns-login-container .server-btn:focus-visible{box-shadow:0 0 0 3px #45444626,var(--btn-shadow-hover)}.UIbutton-disabled{background:#a0a0a6;box-shadow:none;color:#fff;cursor:not-allowed;opacity:.85}.UIbutton-disabled .UIbutton__glow{display:none}@media(max-width:480px){.UIbutton,.UIbutton-disabled,.login-container .btns-login-container .server-btn{font-size:15px;height:44px;padding:0 16px}}@media(prefers-reduced-motion:reduce){.UIbutton,.UIbutton-disabled,.login-container .btns-login-container .server-btn{transition:none}}.login-container{align-items:center;display:flex;height:100%;justify-content:center;overflow:hidden;position:relative;width:100%}.login-container h3{color:#fff;margin:auto}.login-container .login-animation{height:80%;min-height:500px;min-width:500px;position:absolute;width:100%;z-index:-1}.login-container .paper{align-items:center;border-radius:15px;display:flex;flex-direction:column;min-height:296px;padding:24px 20px 24px 24px;width:348px}.login-container .paper .kerong-logo{margin-top:5px;max-height:40px;max-width:304px}.login-container .paper .input-text{margin-top:25px}.login-container .paper .input-password-text{margin-top:10px}.login-container .btns-login-container{display:flex;justify-content:space-between;width:100%}.login-container .btns-login-container .server-btn{margin-left:5px;width:48px}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.input-text{background-color:#f6f6f6;border:2px solid #0000;border-radius:12px;font-family:Roboto,sans-serif;font-size:16px;font-weight:600;height:48px;letter-spacing:.2px;padding:14px 16px;transition:border-color .2s ease,background .2s ease;width:304px}.input-text:focus{border:2px solid #454446;outline:none}.input-text:disabled{cursor:not-allowed;opacity:.6}.error-text{color:#d66767;font-family:Roboto,sans-serif;font-size:12px;font-weight:600;line-height:16px;margin-top:6px}@media(max-width:768px){.input-text{width:100%}}
.input-password-text{background-color:#f6f6f6;border:2px solid #0000;border-radius:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;gap:16px;height:48px;letter-spacing:0;line-height:19px;padding:14px 40px 14px 16px;text-align:left;transition:border-color .3s ease;width:304px}.input-password-text:focus{border:2px solid #454446;outline:none}.input-password-text:disabled{background-color:#fbfbfb;cursor:not-allowed;opacity:.5}.input-password-text.error{border-color:#d66767}.input-password-text.error+.error-text{font-family:Roboto,sans-serif;font-size:12px;font-weight:500;letter-spacing:0;line-height:16px;text-align:left}.hide-password-icon,.show-password-icon{cursor:pointer;height:16px;position:relative;transform:translateX(1700%) translateY(-320%);width:16px}.hide-password-icon-no-error,.show-password-icon-no-error{cursor:pointer;height:16px;position:relative;transform:translateX(1700%) translateY(-201%);width:16px}@media(max-width:320px){.hide-password-icon,.show-password-icon{cursor:pointer;height:16px;position:relative;transform:translateX(1600%) translateY(-320%);width:16px}}@media(max-width:320px)and (max-width:320px){.hide-password-icon-no-error,.show-password-icon-no-error{cursor:pointer;height:16px;position:relative;transform:translateX(1600%) translateY(-201%);width:16px}}@media(max-width:320px){.input-password-text{width:100%}}

.login-dialog{display:flex;flex-direction:column}.login-dialog__mode .MuiToggleButton-root{border-color:#0000;border-radius:8px;color:#454446;font-weight:600;text-transform:none}.login-dialog__mode .MuiToggleButton-root.Mui-selected{background-color:#454446;color:#fff}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.main-container{display:flex;height:100%;justify-content:center;margin:auto;padding:12px;width:100%}.menu-container{height:100%;width:180px}.main-content-container{display:flex;flex-direction:column;height:100%;margin-left:10px;width:1228px}.main-content-container .toolbar-container{border-radius:8px;height:64px;width:100%}.main-content-container .content-container{border-radius:8px;height:100%;margin-top:10px;width:100%}.main-content-container-mobile{display:flex;flex-direction:column;width:100%}.main-content-container-mobile .toolbar-container-mobile{border-radius:8px;height:64px;width:100%}.main-content-container-mobile .content-container-mobile{border-radius:8px;height:100%;margin-top:10px;width:100%}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.paper-container{align-items:center;background-color:#fff;border-radius:8px;display:flex;height:64px;justify-content:space-between;padding:10px;width:100%}.paper-container .routes-block{align-items:center;display:flex;justify-content:space-around;margin-left:20px}.paper-container .routes-block button{margin-right:20px}.paper-container .user-block{align-items:center;color:#454446;display:flex}.paper-container .user-block .icons-block{align-items:center;display:flex;justify-content:center}.paper-container .user-block .icons-block .logout{margin-left:20px}
.back-to{align-items:center;background:#f4f5f5;border:none;border-radius:8px;color:#454446;cursor:pointer;display:flex;font-family:Roboto,serif;font-size:16px;font-weight:500;gap:8px;height:48px;justify-content:center;line-height:18.75px;max-height:48px;outline:none;padding:4px 16px 4px 8px;text-align:start;text-overflow:ellipsis;transition:background .3s,color .3s;width:auto}.back-to .svg-icon{color:#454446;height:24px;transition:fill .3s;width:24px}.back-to:hover{background:#454446;color:#fff}.back-to:hover .svg-icon{fill:#fff}.back-to:active{background:#454446;color:#fff}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.markdown-styles{display:flex;flex-direction:column}.markdown-styles h1{text-align:center}.markdown-styles em,.markdown-styles li,.markdown-styles p,.markdown-styles ul{font-family:Roboto,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:16px;text-align:left}.markdown-styles strong{font-weight:600}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.menu-items{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#454446;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;gap:8px;height:48px;justify-content:flex-start;line-height:19px;opacity:80%;padding:12px;text-align:left;text-decoration:none;transition:background-color .3s ease;width:149px}.menu-items svg{color:#454446;height:24px;width:24px}.menu-items:focus,.menu-items:hover{background-color:#f4f5f5}.menu-items-focus{background-color:#f4f5f5}.help,.menu-items-focus{align-items:center;border:none;border-radius:8px;color:#454446;cursor:pointer;display:flex;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;gap:8px;height:48px;justify-content:flex-start;line-height:19px;opacity:80%;padding:12px;text-align:left;width:149px}.help{background-color:#fff;text-decoration:none;transition:background-color .3s ease}.help:hover{background-color:#f4f5f5}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.side-menu{align-items:center;background-color:#fff;border-radius:8px;display:flex;flex-direction:column;height:100%;justify-content:space-between;padding:8px 8px 16px;width:180px}.side-menu .logo{height:64px;margin-bottom:10px;width:100%}.side-menu .side-menu-items-container{align-items:center;display:flex;flex-direction:column;gap:20px;width:164px}.help-item{align-items:center;background-color:#fff;border:none;border-radius:8px;color:#454446;cursor:pointer;display:flex;font-size:16px;gap:8px;height:48px;justify-content:center;margin-bottom:10px;opacity:80%;padding:12px;width:149px}.help-item svg{color:#454446;height:24px;width:24px}.help-item:focus,.help-item:hover{background-color:#f4f5f5}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.table-container{display:flex;flex-direction:column;height:450px;width:100%}.table-content{height:100%}.table-content-count{margin-top:20px}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.table-row-container{height:86px;padding-bottom:5px;padding-top:5px}.table-item{align-content:center;background-color:#f4f5f5;border-radius:8px;display:flex;flex-direction:row;height:76px;justify-content:flex-start;padding-left:20px;padding-right:20px;transition:all .2s ease-in-out}.table-item:hover{background-color:#e8e8e8;cursor:pointer}.table-row-container-mobile{height:150px;padding-bottom:5px;padding-top:5px}.table-item-mobile{align-content:center;background-color:#f4f5f5;border-radius:8px;display:flex;flex-direction:row;height:100%;justify-content:flex-start;padding-left:20px;padding-right:20px;transition:all .2s ease-in-out}.table-item-mobile:hover{background-color:#e8e8e8;cursor:pointer}.table-row-item{align-content:center;display:flex;justify-content:space-between;margin-bottom:10px}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.settings-item{display:flex;flex-direction:column;justify-content:center}.settings-item h3{color:#797a80}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.zone-settings-toolbar{align-items:center;display:flex;width:100%}.zone-settings-toolbar .input-container{margin-right:5px;width:100%}.zone-settings-toolbar .UIbutton{width:170px}.zone-settings-toolbar .printer-button{margin-right:10px}.table-item-zone{width:100%}.table-item-zone h3{color:#797a80;text-overflow:ellipsis}
.zone-card-dialog-toolbar{display:flex;justify-content:space-between}.zone-card-dialog-toolbar .close-icon{font-size:20px;transition:all .4s ease}.zone-card-dialog-toolbar .close-icon:hover{color:#282c34;cursor:pointer}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.checkbox-container{align-items:center;display:flex;justify-content:start}.checkbox-container .label-text{color:#181818;cursor:pointer;padding-left:5px}.checkbox-container .label-text-disable{color:#797a80;padding-left:5px}.checkbox-container .checkbox{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-color:#f4f5f5;border:2px solid #454446;border-radius:4px;cursor:pointer;display:flex;height:18px;justify-content:center;position:relative;transition:background-color .3s,border-color .3s,box-shadow .3s;width:18px}.checkbox-container .checkbox:hover{background-color:#e6e6e6;transition:background-color .2s}.checkbox-container .checkbox:focus{box-shadow:0 0 0 2px #45444680;outline:none}.checkbox-container .checkbox:active{background-color:#ccc}.checkbox-container .checkbox:checked{background-color:#454446;transition:background-color .2s}.checkbox-container .checkbox:checked:after{animation:fadeIn .3s;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMSAzLjE4MiAyLjcyMyAzLjM0MmEuNS41IDAgMCAwIC43NzYgMEw5IDEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}.checkbox-container .checkbox:disabled{background-color:#f0f0f0;border-color:#ccc;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.checkbox-off-disabled{background-color:#f4f5f5}.checkbox-off-disabled,.checkbox-on-disabled{align-items:center;appearance:none;-webkit-appearance:none;-moz-appearance:none;border:2px solid #797a80;border-radius:4px;cursor:not-allowed;display:flex;height:18px;justify-content:center;position:relative;transition:background-color .3s,border-color .3s,box-shadow .3s;width:18px}.checkbox-on-disabled{background-color:#797a80}.checkbox-on-disabled.on-disabled:after{animation:fadeIn .3s;background-color:#797a80;background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAiIGhlaWdodD0iOCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJtMSAzLjE4MiAyLjcyMyAzLjM0MmEuNS41IDAgMCAwIC43NzYgMEw5IDEiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIiBzdHJva2UtbGluZWNhcD0icm91bmQiLz48L3N2Zz4=);background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:8px}
.combo-box{position:relative}.error-text{color:#d66767;font-size:12px;font-weight:600;margin-top:8px}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-thumb{background-color:#454446;border-radius:6px}::-webkit-scrollbar-track{background-color:#f6f6f6}@media(max-width:768px){.combo-box,.select-box-disabled{width:100%}}
input[type=search]::-webkit-search-cancel-button{-webkit-appearance:none;background:url(/4b63e85cae86ecfa54c2.svg) no-repeat 50%/contain;cursor:pointer;height:20px;-webkit-transition:opacity .3s ease;transition:opacity .3s ease;width:20px}.input-search{background-color:#f6f6f6;background-image:url(/fe953f81253ab83e82cb.svg);background-position:12px;background-repeat:no-repeat;border:2px solid #0000;border-radius:12px;font-size:16px;font-weight:600;height:48px;letter-spacing:.2px;padding:2px 12px 2px 45px;transition:border-color .2s ease,background .2s ease;width:100%}.input-search:focus{border-color:#454446;outline:none}.input-search:disabled{background-color:#fbfbfb;cursor:not-allowed;opacity:.6}@media(max-width:768px){.input-search{width:100%}}
.filter-button{align-items:center;background:#f4f5f5;border:none;border-radius:8px;color:#454446;cursor:pointer;display:flex;flex-direction:row-reverse;gap:8px;height:48px;justify-content:center;max-height:48px;outline:none;padding:12px;transition:background .3s,color .3s;width:48px}.filter-button .svg-icon{color:#454446;height:48px;transition:fill .3s;width:48px}.filter-button:hover{background:#454446;color:#fff}.filter-button:hover .svg-icon{color:#fff}.filter-button:active{background:#454446;color:#fff}
.printer-button{align-items:center;background:#f4f5f5;border:none;border-radius:8px;color:#454446;cursor:pointer;display:flex;flex-direction:row-reverse;gap:8px;height:48px;justify-content:center;max-height:48px;outline:none;padding:12px;transition:background .3s,color .3s;width:48px}.printer-button .svg-icon{color:#454446;height:48px;transition:fill .3s;width:48px}.printer-button:hover{background:#454446;color:#fff}.printer-button:hover .svg-icon{color:#fff}.printer-button:active{background:#454446;color:#fff}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.amount-sublime-container{display:flex;flex-direction:column}.amount-sublime-container .main-text{color:#181818;display:flex}.amount-sublime-container .sublime-text{color:#797a80}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.input-text{background-color:#f6f6f6;border:2px solid #0000;border-radius:8px;font-family:Roboto,sans-serif;font-size:16px;font-weight:500;gap:16px;height:48px;letter-spacing:0;line-height:19px;padding:14px 16px;text-align:left;transition:border-color .3s ease;width:304px}.input-text:focus{border:2px solid #454446;outline:none}.input-text:disabled{background-color:#f6f6f6;cursor:not-allowed;opacity:.5}.input-text.error{border-color:#d66767}.input-text.error+.error-text{color:#d66767;font-family:Roboto,sans-serif;font-size:14px;font-weight:500;letter-spacing:0;line-height:16px;margin-top:5px;text-align:left}@media(max-width:768px){.input-text{width:100%}}.input-wrapper{display:inline-block;position:relative}
.pie-chart-container{height:44px;width:44px}
.lock-pie-chart-container{height:44px;position:relative;width:44px}.lock-pie-chart-container .lock-svg{color:#454446;height:16px;left:14px;position:absolute;top:14px;width:16px}
:root{--li-bg:#f7f8f9;--li-bg-hover:#eef1f3;--li-border:#14171c14;--li-shadow:0 1px 2px #0f11130d,0 6px 14px #0f11130f;--li-free:#18a957;--li-busy:#ffb547;--li-failure:#ff5252;--li-text:#1f2328;--li-radius:14px;--li-pad:14px;--li-badge-bg:#0000000f}.lock-item[data-variant=blocked]{border-color:#c62828!important}.lock-item[data-variant=blocked] .lock-item__corner{background:#c62828!important;color:#fff!important}.lock-item{--icon-size:clamp(18px,14%,28px);--icon-pad:clamp(6px,3.5%,10px);--corner-pad:clamp(6px,3.5%,10px);--corner-font:clamp(10px,2.8vw,12px);--corner-radius:999px;background:var(--li-bg);border:1px solid var(--li-border);border-radius:var(--li-radius);box-shadow:var(--li-shadow);box-sizing:border-box;cursor:pointer;display:flex;flex-direction:column;gap:10px;justify-content:space-between;min-height:96px;outline:none;overflow:hidden;padding:var(--li-pad);position:relative;transition:background-color .16s ease,transform .16s ease,box-shadow .2s ease,border-color .16s ease;width:clamp(160px,36vw,220px)}.lock-item[data-variant=failure]{background:#ff3d3d45}.lock-item[data-variant=busy]{background:#ff990052}.lock-item:hover{background:var(--li-bg-hover);box-shadow:0 2px 8px #0f111314,0 10px 22px #0f111314;transform:translateY(-1px)}.lock-item:active{transform:translateY(0)}.lock-item:focus-visible{border-color:#5592da66;box-shadow:0 0 0 3px #5592da59,var(--li-shadow)}.lock-item__head{padding-right:8px}.lock-item__title{color:var(--li-text);font-size:14px;font-weight:600;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lock-item__footer{align-items:center;display:flex;justify-content:flex-start}.lock-item__badge{align-items:center;background:var(--li-badge-bg);border-radius:999px;color:var(--li-text);display:inline-flex;font-size:12px;font-weight:600;justify-content:center;line-height:1;padding:4px 10px}.lock-item__badge[data-tone=free]{background:color-mix(in srgb,var(--li-free) 16%,#fff);color:#0b612f}.lock-item__badge[data-tone=busy]{background:color-mix(in srgb,var(--li-busy) 22%,#fff);color:#8a4b00}.lock-item__badge[data-tone=failure]{background:color-mix(in srgb,var(--li-failure) 16%,#fff);color:#7a0010}.lock-item__state-icon{aspect-ratio:1;background:radial-gradient(120% 120% at 80% 20%,#ffffffe6,#ffffffbf);border:1px solid #1118270f;border-radius:999px;box-shadow:0 2px 6px #1018281f;display:grid;height:var(--icon-size);place-items:center;pointer-events:none;position:absolute;right:var(--icon-pad);top:var(--icon-pad);width:var(--icon-size);z-index:2}.lock-item__state-icon[data-variant=open]{--li-icon:var(--li-free)}.lock-item__state-icon[data-variant=closed]{--li-icon:#94a3b8}.lock-item__state-icon[data-variant=warning]{--li-icon:var(--li-failure)}.lock-item__state-icon svg{color:var(--li-icon);display:block;height:70%;overflow:hidden;width:70%}.lock-item__state-icon svg [stroke]{stroke:var(--li-icon)!important}.lock-item__state-icon svg [fill]:not([fill=none]){fill:var(--li-icon)!important}.lock-item__corner{align-items:center;-webkit-backdrop-filter:saturate(1.1) blur(2px);backdrop-filter:saturate(1.1) blur(2px);background:#ffffffe6;border:1px solid #11182714;border-radius:var(--corner-radius);box-shadow:0 2px 6px #1018281f;color:#0b612f;display:inline-flex;font-size:var(--corner-font);font-weight:800;justify-content:center;letter-spacing:.06em;line-height:1;padding:2px 8px;position:absolute;right:var(--corner-pad);text-transform:uppercase;top:var(--corner-pad);z-index:2}.lock-item[data-status=open] .lock-item__corner{border-color:color-mix(in srgb,var(--li-free) 30%,#fff);box-shadow:0 2px 6px color-mix(in srgb,var(--li-free) 25%,#1018281f);color:#00ba4e}.lock-item[data-status=closed] .lock-item__corner{border-color:color-mix(in srgb,var(--li-neutral) 40%,#fff);box-shadow:0 2px 6px color-mix(in srgb,var(--li-neutral) 25%,#1018281f);color:#f4a600}.lock-item[data-status=warning] .lock-item__corner{color:#7a0010}.lock-item[data-status=failure] .lock-item__corner,.lock-item[data-status=warning] .lock-item__corner{border-color:color-mix(in srgb,var(--li-failure) 40%,#fff);box-shadow:0 2px 6px color-mix(in srgb,var(--li-failure) 25%,#10182824)}.lock-item[data-status=failure] .lock-item__corner{color:#ff0020}.lock-item__overlay{background:repeating-linear-gradient(45deg,#0000000a,#0000000a 6px,#00000005 0,#00000005 12px);border-radius:var(--li-radius);inset:0;mix-blend-mode:multiply;pointer-events:none;position:absolute;z-index:1}.lock-item[data-tone=free]{border-color:color-mix(in srgb,var(--li-free) 18%,#fff)}.lock-item[data-tone=busy]{border-color:color-mix(in srgb,var(--li-busy) 18%,#fff)}.lock-item[data-tone=failure]{border-color:color-mix(in srgb,var(--li-failure) 24%,#fff);box-shadow:0 1px 2px #0f11130d,0 8px 16px #ff52522e}@media(max-width:820px){.lock-item{min-height:88px;padding:12px;width:clamp(150px,44vw,220px)}.lock-item__title{font-size:13px}}@media(max-width:520px){.lock-item{border-radius:14px;min-height:78px;width:100%}.lock-item__title{font-size:13px}.lock-item__badge{font-size:11px;padding:4px 9px}}@keyframes liFadeSlideIn{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.lock-item.is-animate-in{animation:liFadeSlideIn .28s ease-out both;will-change:transform,opacity}@media(prefers-reduced-motion:reduce){.lock-item.is-animate-in{animation:none}}
.board-item-container{background-color:#f4f5f5;border-radius:8px;cursor:pointer;gap:28px;height:94px;padding:20px;transition:box-shadow .3s;width:328px}.board-item-container:hover{box-shadow:0 0 10px #0003}.board-item-container .description-container{display:flex;height:44px;justify-content:space-between;width:288px}.board-item-container .description-container .description .title{color:#181818;font-size:18px;height:21px;line-height:21px;margin-bottom:7px}.board-item-container .description-container .description .sub,.board-item-container .description-container .description .title{font-family:Roboto,sans-serif;font-weight:500;gap:4px;letter-spacing:0;overflow:hidden;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:168px}.board-item-container .description-container .description .sub{color:#454446;font-size:14px;height:16px;line-height:16.41px}.board-item-container .description-container .chip{height:44px;width:44px}
.users-content{display:flex;flex-direction:column;padding:20px;width:100%}.users-content .add-buttons,.users-content .toolbar{display:flex;flex-direction:row;justify-content:space-between}
@font-face{font-family:Roboto;src:url(/static/fonts/e73e917f7bfa48666e00.ttf) format("truetype")}*{box-sizing:border-box;font-family:Roboto,serif;margin:0;padding:0}* h1{font-size:28px;line-height:33px}* h1,* h2{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h2{font-size:18px;line-height:21px}* UIbutton,* h3,* label-text{font-size:16px;line-height:19px}* UIbutton,* h3,* h4,* label-text{font-family:Roboto,sans-serif;font-weight:500;letter-spacing:0;text-align:left}* h4{font-size:14px;line-height:16px}* h5{font-weight:lighter}* h5,* h6{font-family:Roboto,sans-serif;font-size:12px;letter-spacing:0;line-height:10px;text-align:left}* h6{font-weight:400}.m-content-container{background-color:#fff;flex-direction:column}.m-content-container,.m-content-container-row-black{align-items:center;display:flex;height:100%;justify-content:start;padding:20px;text-overflow:fade;width:100%}.m-content-container-row-black{flex-direction:row}.settings-item{display:flex;flex-direction:column;justify-content:center}.settings-item h3{color:#797a80}