:root{--color-button:#455471;--color-button-hovered:#4f81b9;--color-text:#2f3b52;--color-text-white:#fff;--color-menu-background:#2f3b52;--color-menu-background-footer:#2c364b;--color-menu-text:#98a7b9;--color-menu-border:#39465c;--color-text-screen:#7bc14e;--color-menu-item-selected-background:#232e44;--color-menu-dropdown-background:#374869;--font-size-small:12px;--font-size-medium:16px;--font-size-large:30px;font-family:Roboto,sans-serif;font-size:16px}html,body{width:100%;height:100%}body,p{margin:0}.x-not-found{background-image:url(/assets/not-found-BuSiL-xF.jpg);background-position:top;background-repeat:no-repeat;background-size:cover;flex:1;justify-content:center;align-items:center;display:flex}.x-not-found .x-not-found-wrapper{position:absolute;bottom:50px}.x-not-found .x-not-found-wrapper .x-not-found-link{color:var(--color-text-white);background:var(--color-button);font-size:var(--font-size-medium);border-radius:12px;padding:8px 16px;text-decoration:none}.x-not-found .x-not-found-wrapper .x-not-found-link:hover{background:var(--color-button-hovered)}.x-not-found .x-not-found-wrapper .x-not-found-title{color:var(--color-text-white);font-weight:700;font-size:var(--font-size-large);margin-bottom:24px}.x-main-container{text-align:center;box-sizing:border-box;max-width:100%;height:100%;margin:0 auto;display:flex}.x-main-container .x-main-left-menu{background-color:var(--color-menu-background);flex-direction:column;width:210px;height:100%;display:flex}.x-main-container .x-main-left-menu .x-main-left-menu-header{text-align:left;border-bottom:1px solid var(--color-menu-border);font-size:var(--font-size-large);background-image:linear-gradient(to right, var(--color-text-screen) 0, var(--color-text-screen) 4ch, var(--color-menu-text) 10ch);color:#0000;-webkit-background-clip:text;background-clip:text;align-items:center;gap:8px;padding:12px 8px;display:flex}.x-main-container .x-main-left-menu .x-main-left-menu-header:before{content:"";background:url(/logo.svg) 50%/contain no-repeat;width:40px;height:36px;margin-bottom:4px;display:inline-block}.x-main-container .x-main-left-menu .x-main-left-menu-content{flex:1;min-height:0;overflow-y:auto}.x-main-container .x-main-left-menu .x-main-left-menu-footer{background-color:var(--color-menu-background-footer);padding:16px}.x-main-container .x-main-left-menu .x-main-left-menu-language{align-items:center;display:flex}.x-main-container .x-main-left-menu .x-main-left-menu-language .x-main-left-menu-title{text-transform:capitalize;color:var(--color-menu-text);font-size:var(--font-size-small)}.x-main-container .x-main-left-menu .x-main-left-menu-language .x-main-left-menu-dropdown{color:var(--color-text-white);background-color:var(--color-menu-dropdown-background);border:6px solid var(--color-menu-dropdown-background);border-radius:8px;flex:1;margin-left:8px}.x-main-container .x-main-left-menu .x-main-left-menu-item{cursor:pointer;color:var(--color-menu-text);font-size:var(--font-size-small);text-align:left;gap:8px;padding:8px 16px;line-height:20px;text-decoration:none;display:flex}.x-main-container .x-main-left-menu .x-main-left-menu-item:hover{color:var(--color-text-white)}.x-main-container .x-main-left-menu .x-main-left-menu-item.active{color:var(--color-text-screen);background-color:var(--color-menu-item-selected-background)}.x-main-container .x-main-body{flex:1;height:100%}
