:root{--white: 0, 0%, 100%;--black: 249, 9%, 15%;--gray-dark: 0, 3%, 25%;--gray-medium: 0, 0%, 50%;--gray-light: 0, 0%, 80%;--error: 0, 100%, 62%;--warning: 23, 81%, 58%;--success: 111, 25%, 68%;--primary-color: var(--success);--grid-max-width: 1900px;--gap: 20px;--padding-x: 20px;--padding-y: 10px}body,html{padding:0;margin:0}h1,h2,h3,h4,h5,h6{margin:initial}.container{margin:0 auto;padding:0 var(--padding-x);width:var(--grid-max-width);max-width:100%;box-sizing:border-box}.app-container{margin-bottom:40px}body{font-family:Arial,Helvetica,SansSerif;font-smooth:always}h1.success,h2.success,h3.success,h4.success,h5.success{color:hsl(var(--success))}h1.error,h2.error,h3.error,h4.error,h5.error{color:hsl(var(--error))}a{text-decoration:none}.btn{background-color:hsl(var(--gray-dark));border-radius:8px;border-style:none;box-sizing:border-box;color:hsl(var(--white));cursor:pointer;display:inline-block;font-size:13px;font-weight:500;height:40px;line-height:20px;list-style:none;margin:0;outline:none;padding:10px 16px;position:relative;text-align:center;text-decoration:none;vertical-align:baseline;user-select:none;-webkit-user-select:none;touch-action:manipulation;transition:all .12s ease-in}.btn:hover{background-color:hsla(var(--gray-dark),.9)}.btn.icon{display:inline-flex;align-items:center;gap:8px}.btn.icon svg{height:100%}.btn.icon.close svg{transform:rotate(45deg)}.btn.right{margin-left:auto}.btn.error{background-color:hsl(var(--error))}.btn.error:hover{background-color:hsla(var(--error),.9)}.btn.success{background-color:hsl(var(--success))}.btn.success:hover{background-color:hsla(var(--success),.9)}.sys-btn{padding:2px 8px;border:none;background-color:hsla(var(--gray-light),.2);color:hsl(var(--gray-dark));border-radius:4px;transition:background-color .12s ease-in;cursor:pointer;white-space:nowrap}.sys-btn.icon{display:inline-flex;align-items:center;gap:5px}.sys-btn.icon svg{height:15px}.sys-btn.active,.sys-btn:hover{background-color:hsla(var(--gray-dark),.1)}.sys-btn.success{background-color:hsla(var(--success),.3)}.sys-btn.success.icon svg{color:hsl(var(--success))}.sys-btn.success:hover{background-color:hsla(var(--success),.2)}.sys-btn.error{background-color:hsl(var(--error));color:hsl(var(--white))}.sys-btn.error:hover{background-color:hsla(var(--error),.9)}input{border:none}.menu{display:flex;flex-direction:row}.menu.-vertical{flex-direction:column}.menu.-icons a{display:flex;align-items:center;gap:8px}.menu.-icons a svg{width:20px;height:20px}.breadcrumb{display:flex;gap:0}.breadcrumb>*{position:relative;display:flex;gap:10px;justify-content:center;align-items:center;height:50px;padding:0 20px 0 50px;color:hsl(var(--white));background-color:hsl(var(--gray-dark));white-space:nowrap}.breadcrumb>*:first-child{padding-left:20px}.breadcrumb>*.bug{white-space:initial}.breadcrumb>*:after{content:" ";display:block;width:0;height:0;border-top:25px solid transparent;border-bottom:25px solid transparent;border-left:25px solid hsl(var(--gray-dark));position:absolute;top:0;left:100%;z-index:2}.breadcrumb>*:nth-child(even){color:hsl(var(--gray-dark));background-color:hsl(var(--gray-light))}.breadcrumb>*:nth-child(even):after{border-left-color:hsl(var(--gray-light))}.breadcrumb>* svg{min-width:15px;width:15px}.breadcrumb>a{text-decoration:none}.breadcrumb>span{cursor:default}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease}.fade-enter-from,.fade-leave-to{opacity:0}.modal{display:flex;align-items:center}.modal__backdrop{display:flex;justify-content:center;align-items:center;position:fixed;z-index:90;top:0;left:0;width:100%;height:100%;background-color:hsla(var(--white),.5)}.modal__container{position:relative;width:800px;max-width:100%;border-radius:2px;box-shadow:0 2px 8px hsla(var(--black),.33);transition:all .3s ease;background-color:hsl(var(--white))}.modal__container .modal__header{display:flex;align-items:center;gap:var(--gap);margin-bottom:var(--padding-x);padding:var(--padding-x)}.modal__container .modal__header .sys-btn.close{margin-left:auto}.modal__container .modal__content{padding:var(--padding-x)}.modal__container .modal__footer{display:flex;justify-content:space-between;margin-top:var(--padding-x);border-top:1px dashed hsl(var(--gray-light));padding:var(--padding-x)}.modal__container .close svg{transform:rotate(45deg)}.settings__item{display:flex}.settings__item div{padding:5px 0}.settings__item div.settings__item__type{flex:0 0 20%;border-right:1px dashed hsl(var(--gray-light))}.settings__item div.settings__item__value{flex:1;display:flex;justify-content:flex-end;text-align:right}.settings__item div.settings__item__value input{width:80%}.settings__item input{text-align:right}.settings__actions{display:flex;justify-content:space-between;padding:var(--padding-y);border-top:1px solid hsl(var(--gray-light))}.settings__actions .edit-settings{margin-left:auto}.user-list{margin-top:var(--gap)}.user-list .user-list__item{display:grid;grid-template-columns:200px auto 50px;gap:var(--gap);padding:5px 10px;cursor:pointer}.user-list .user-list__item:nth-child(even){background-color:hsla(var(--gray-dark),.2)}.user-list .user-list__item:hover{background-color:hsla(var(--gray-dark),.1)}.user-list .user-list__item.-header{cursor:initial;pointer-events:none;font-weight:700}.user-list .user-list__item .user-list__item__admin{display:flex;align-items:center;color:hsl(var(--success))}.user-list .user-list__item .user-list__item__admin svg{width:20px;height:20px}