#main-menu{--bg: #111;font-size:1.2rem;line-height:2.5rem;box-shadow:0 0 .2rem #000000b3;white-space:nowrap;background:var(--bg)}#main-menu>.main-wrap{display:flex}#main-menu .menu-toggle{display:none}#main-menu div.menu{display:flex;flex-grow:1}#main-menu #logo{text-decoration:none;color:#fff;font-weight:700;margin-right:2rem}#main-menu a.menu{padding:0 1rem;text-decoration:none;color:#bbb;user-select:none;outline:none}#main-menu a.menu:hover,#main-menu a.menu:focus{background:#222}#main-menu a.menu.router-link-active{color:#eee;background:inherit}#main-menu a.menu.router-link-active:focus{background:#222}#main-menu .submenu{position:absolute;margin-left:-1rem;display:flex;flex-direction:column;max-height:0;min-width:8rem;overflow:hidden;background:var(--bg);border-bottom-left-radius:var(--radius);border-bottom-right-radius:var(--radius);box-shadow:0 0 .3rem #000000b3;transition:max-height .4s}#main-menu a.menu:focus>.submenu,#main-menu .submenu:focus-within{max-height:100vh}#main-menu .menu-gap{flex-grow:1}@media (max-width: 600px){#main-menu.responsive-600>.main-wrap{flex-wrap:wrap}#main-menu.responsive-600 .menu.menu-toggle{display:inline-block;position:absolute;right:0;width:auto}#main-menu.responsive-600 div.menu{width:100%;flex-wrap:wrap;margin:0 -1rem;max-height:0;overflow:hidden;transition:max-height .4s}#main-menu.responsive-600 .menu.menu-toggle:focus+div.menu,#main-menu.responsive-600 div.menu:focus-within{max-height:100vh}#main-menu.responsive-600 a.menu{width:100%}#main-menu.responsive-600 a.menu:last-child{margin-bottom:.5rem}#main-menu.responsive-600 .submenu{position:relative;margin:0 -1rem;padding-left:1rem;box-shadow:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.menu-gap{width:100%;margin-top:.25rem}}@media (max-width: 800px){#main-menu.responsive-800>.main-wrap{flex-wrap:wrap}#main-menu.responsive-800 .menu.menu-toggle{display:inline-block;position:absolute;right:0;width:auto}#main-menu.responsive-800 div.menu{width:100%;flex-wrap:wrap;margin:0 -1rem;max-height:0;overflow:hidden;transition:max-height .4s}#main-menu.responsive-800 .menu.menu-toggle:focus+div.menu,#main-menu.responsive-800 div.menu:focus-within{max-height:100vh}#main-menu.responsive-800 a.menu{width:100%}#main-menu.responsive-800 a.menu:last-child{margin-bottom:.5rem}#main-menu.responsive-800 .submenu{position:relative;margin:0 -1rem;padding-left:1rem;box-shadow:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.menu-gap{width:100%;margin-top:.25rem}}@media (max-width: 1000px){#main-menu.responsive-1000>.main-wrap{flex-wrap:wrap}#main-menu.responsive-1000 .menu.menu-toggle{display:inline-block;position:absolute;right:0;width:auto}#main-menu.responsive-1000 div.menu{width:100%;flex-wrap:wrap;margin:0 -1rem;max-height:0;overflow:hidden;transition:max-height .4s}#main-menu.responsive-1000 .menu.menu-toggle:focus+div.menu,#main-menu.responsive-1000 div.menu:focus-within{max-height:100vh}#main-menu.responsive-1000 a.menu{width:100%}#main-menu.responsive-1000 a.menu:last-child{margin-bottom:.5rem}#main-menu.responsive-1000 .submenu{position:relative;margin:0 -1rem;padding-left:1rem;box-shadow:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.menu-gap{width:100%;margin-top:.25rem}}#main-menu{line-height:55px;background-color:#009fe3}#main-menu .main-wrap{width:auto;max-width:initial}#main-menu #logo{font-size:1.5rem}#main-menu img{vertical-align:top;margin:.2rem .5rem .3rem 0}#main-menu a.menu{color:#ddd}#main-menu a.menu:hover,#main-menu a.menu:focus{background:rgba(34,34,34,.067);color:#eee}#main-menu a.menu.router-link-active{background:transparent!important}.main-wrap{max-width:1200px}#viewport{padding:7px 10px;overflow-y:auto}#viewport .show-hide{max-height:1200px;transition:max-height .3s ease-in;overflow:hidden}#viewport .show-hide[hide=true],#viewport .hide{transition:max-height .2s ease-out;max-height:0!important;overflow:hidden}#app>#toasts{top:63px}form.login{margin:auto;margin-top:10vh;text-align:center;max-width:400px;padding:1.5rem;box-shadow:0 2px 10px var(--fg);border-radius:var(--radius);transition:box-shadow .2s ease-in-out;gap:1rem}form.login .duo-loading .use-otp{margin-bottom:-.5rem}form.login .content{display:contents}form.login .title{border-bottom:var(--border);width:100%;margin-top:-4px}form.login input{width:100%;display:block}form.login button{width:100%}form.login .warning-message{color:var(--error)}form.login .load-spinner{margin:auto;width:30px;height:30px;border:1px solid var(--fg);border-bottom-color:transparent;border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite}@-moz-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-webkit-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@-o-keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.danger-border{box-shadow:0 2px 10px var(--error)!important}#toasts{position:fixed;width:100%;z-index:9000;height:0;top:3rem;text-align:center}#toasts>.toast{background:var(--light);color:var(--dark);display:table;margin:0 auto .5rem;padding:.25rem .5rem;font-weight:700;box-shadow:0 0 3px var(--bg);border-radius:.4rem}#toasts .toast-enter-active{animation:toast .8s}#toasts .toast-leave-active{animation:toast .6s reverse}@-moz-keyframes toast{0%{opacity:0;margin-top:-2rem}30%{opacity:0}}@-webkit-keyframes toast{0%{opacity:0;margin-top:-2rem}30%{opacity:0}}@-o-keyframes toast{0%{opacity:0;margin-top:-2rem}30%{opacity:0}}@keyframes toast{0%{opacity:0;margin-top:-2rem}30%{opacity:0}}#backdrop{position:fixed;z-index:8000;inset:0 0 0 0;background:rgba(0,0,0,.6)}#modals .modal{position:fixed;z-index:9000;inset:0;display:flex;justify-content:center;align-items:center}#modals .modal-dialog{display:flex;flex-direction:column;min-width:20rem;border-radius:var(--radius);max-width:calc(100% - 2rem);max-height:calc(100% - 2rem);background:var(--bg);border:var(--border)}#modals .modal-header{font-weight:700;border-bottom:var(--border-light)}#modals .modal-header,#modals .modal-body{padding:1rem;min-height:3rem}#modals .modal-body{overflow:auto}#modals .modal-footer{text-align:right;border-top:var(--border-light);padding:.75rem}#modals .modal-footer>button{margin-left:.5rem}#modals .modal-enter-active{animation:modal-enter .8s}#modals .modal-leave-active{animation:modal-leave .6s}@-moz-keyframes modal-enter{0%{transform:scale(.01);margin-top:-100vh;opacity:0}}@-webkit-keyframes modal-enter{0%{transform:scale(.01);margin-top:-100vh;opacity:0}}@-o-keyframes modal-enter{0%{transform:scale(.01);margin-top:-100vh;opacity:0}}@keyframes modal-enter{0%{transform:scale(.01);margin-top:-100vh;opacity:0}}@-moz-keyframes modal-leave{to{transform:scale(.01);margin-top:100vh;opacity:0}}@-webkit-keyframes modal-leave{to{transform:scale(.01);margin-top:100vh;opacity:0}}@-o-keyframes modal-leave{to{transform:scale(.01);margin-top:100vh;opacity:0}}@keyframes modal-leave{to{transform:scale(.01);margin-top:100vh;opacity:0}}*{box-sizing:border-box;margin:0}body,html,#viewport{margin:0;height:100%}@media (prefers-reduced-motion: reduce){*{transition-duration:.1ms!important;transition-delay:0s!important;animation-duration:.1ms!important;animation-delay:0s!important}}#app{height:100%;display:flex;flex-direction:column;font-family:Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{text-decoration:none;color:var(--url-color)}h1,h2,h3,h4{margin-bottom:.5rem;text-shadow:1px 1px 1px #ccc}p{margin:.5rem 0 1rem}.main-wrap{margin:0 auto;padding:0 1rem}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.box-shadow{box-shadow:var(--box-shadow)}.alert{padding:.5rem;background:var(--light);color:var(--dark);box-shadow:0 0 3px var(--bg);border-radius:var(--radius)}svg[preserveAspectRatio]{margin-bottom:-.3em}#app{--bg: #fff;--fg: #000;--border-color: #ced4da;--border-light-color: rgba(170,170,170,.267);--border: 1px solid var(--border-color);--border-light: 1px solid var(--border-light-color);--disabled-color: #e9ecef;--box-shadow: rgba(17,17,26,.051) 0px 4px 16px, rgba(17,17,26,.051) 0px 8px 32px;--focus: rgba(0,123,255,.251);--radius: .25rem;--primary: #2c5bc9;--success: #218739;--error: #da1616;--warning: #ffc107;--url-color: #00e;background:var(--bg);color:var(--fg)}#app .primary{--bg: #2c5bc9;--fg: #fff;--light: #e2e9f9;--dark: #1e3f8a;--hover: #2955bc;--active: #2752b4;--focus: rgba(44,91,201,.4)}#app .success{--bg: #218739;--fg: #fff;--light: #cef3d6;--dark: #124a1f;--hover: #1e7b34;--active: #1c7330;--focus: rgba(33,135,57,.4)}#app .error,#app .danger{--bg: #da1616;--fg: #fff;--light: #fbdada;--dark: #950f0f;--hover: #cc1515;--active: #c31414;--focus: rgba(218,22,22,.4)}#app .warning{--bg: #ffc107;--light: #fff4d3;--dark: #6d5200;--fg: #000;--hover: #f7b900;--active: #ecb100;--focus: rgba(255,193,7,.4)}body.theme-dark #app{--bg: #171717;--fg: #fbfbfb;--border: 1px solid rgba(170,170,170,.333);--border-light: 1px solid rgba(170,170,170,.133);--focus: rgba(153,204,255,.38);--url-color: #8ab4f8}.flex,.flex-col{display:flex}.flex-col{flex-direction:column}.grid,.grid-2,.grid-3,.grid-4{display:grid}.grid-gap-sm{grid-gap:.25rem}.grid-gap{grid-gap:.5rem}.grid-gap-lg{grid-gap:.75rem}.grid-gap-xl{grid-gap:1rem}.grid-2{grid-template-columns:auto auto}.grid-3{grid-template-columns:repeat(3,auto)}.grid-4{grid-template-columns:repeat(4,auto)}button{--bg: #6c757d;--fg: #fff;--hover: #656d75;--active: #60686f;--focus: rgba(108,117,125,.4);position:relative;display:inline-block;font-weight:400;text-align:center;white-space:nowrap;vertical-align:middle;user-select:none;padding:.375rem .75rem;font-size:1rem;line-height:1.5;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;border-radius:var(--radius);background-color:var(--bg);border:1px solid var(--bg);color:var(--fg)}button:not(:disabled){cursor:pointer}button:hover:enabled{background-color:var(--hover)}button:active{background-color:var(--active)}button:focus{outline:0;text-shadow:0 0 1px var(--fg);box-shadow:0 0 0 .2rem var(--focus)}button[loading=true]:after{content:"";position:absolute;opacity:1;width:16px;height:16px;top:0;left:0;right:0;bottom:0;margin:auto;border:4px solid var(--fg);border-top-color:transparent;border-radius:50%;animation:button-loading-spinner 1s ease infinite}@-moz-keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-webkit-keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@-o-keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}@keyframes button-loading-spinner{0%{transform:rotate(0)}to{transform:rotate(1turn)}}input[type=text],input[type=password],input[type=date],input[type=number],select{padding:.375rem .5rem;font-size:1rem;line-height:1.5;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;background:var(--bg);color:var(--fg);border:var(--border);border-radius:var(--radius)}input[type=text]:focus,input[type=password]:focus,input[type=date]:focus,input[type=number]:focus,select:focus{outline:0;border-color:var(--focus);box-shadow:0 0 0 .2rem var(--focus)}input[type=text]:disabled,input[type=password]:disabled,input[type=date]:disabled,input[type=number]:disabled,select:disabled{opacity:.7}button:disabled{opacity:.7}.badge{--bg: #6c757d;--fg: #fff;display:inline;text-align:center;vertical-align:middle;font-size:.7em;border-radius:var(--radius);background-color:var(--bg);padding:2px 5px;border:1px solid var(--bg);color:var(--fg);margin-left:.1rem}.tabs{display:flex;border-bottom:var(--border);align-items:baseline}.tabs .gap{flex-grow:1}.tabs>.tab{padding:.5rem .75rem;border:1px solid transparent;cursor:pointer}.tabs>.active{margin-bottom:-1px;border:var(--border);border-bottom:2px solid var(--bg);border-top-left-radius:var(--radius);border-top-right-radius:var(--radius);box-shadow:inset 0 .3rem 1.3rem -1.25rem #00000080}.tab-content{border:var(--border);border-top:0;padding:.75rem}.pills{display:flex;gap:.25rem}.pills>.pill{padding:.5rem .75rem;border-radius:var(--radius);cursor:pointer}.pills>.pill:hover{background:var(--light);color:var(--dark)}.pills>.active,.pills>.active:hover{background:var(--bg);color:var(--fg)}