header.header{background-color:var(--header-color);padding:0 15px;white-space:nowrap;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:space-between}.menu-toggle{color:var(--header-text-color);font-size:24px;box-shadow:var(--shadow);cursor:pointer}.perfil-dropdown .btn.dropdown-toggle{background-color:transparent!important;border:none!important;box-shadow:none!important;color:var(--header-text-color);padding:0 100px 0 0;gap:10px;display:flex;align-items:center}.main-container{padding:30px;background-color:var(--background-color)}.logo{background-color:var(--nav-color);display:flex;justify-content:center;border-bottom:1px solid;border-color:#ffffff47;padding:10px}.img{height:100%;aspect-ratio:1;object-fit:contain;object-position:center}.menu-area{background-color:var(--nav-color);box-shadow:var(--shadow);gap:10px;max-height:calc(100vh - var(--header-height));top:0;left:0;display:flex;flex-direction:column}.menu-nav{flex:1}.ProfileButton{display:flex;align-items:center;border-top:1px solid;border-color:#ffffff47;gap:4px}.ProfileButton span{text-transform:capitalize!important;font-size:1rem}.ProfileButton button{width:100%;padding:20px 15px;text-transform:none;text-decoration:none;color:var(--nav-text-color)}.menu-option-main{display:flex;align-items:center;justify-content:space-between}.menu-option-container{position:relative}.menu-option{min-width:100%;display:flex;color:var(--nav-text-color);flex-direction:row;align-items:center;padding:20px 10px;cursor:pointer;transition:background-color .3s ease,color .3s ease;position:relative}.menu-option:hover{background-color:#35414d;color:#fff}.menu-option>.menu-option-icon{margin:0 10px;font-size:20px;transition:font-size .3s ease;flex-shrink:0}.menu-option svg:last-child{flex-shrink:0}.menu-option-text{flex:1;font-size:14px;max-width:200px;max-height:200px;opacity:1;visibility:visible;white-space:wrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .3s ease,visibility .3s ease,max-width .3s ease,max-height .6s ease-in,white-space .3s ease;margin:0}.menu-option.toggled{padding:10px}.menu-option.toggled>.menu-option-icon{font-size:28px;padding-top:10px;padding-bottom:10px}.menu-option.toggled>.menu-option-text{white-space:nowrap;opacity:0;visibility:hidden;max-width:0;max-height:0}.submenu-container{box-shadow:0 4px 10px #0003;color:var(--nav-text-color)!important;background-color:var(--nav-color)!important}.submenu-container-toggled{box-shadow:0 4px 10px #0003;position:absolute;color:var(--background);left:100%;top:0;z-index:9999;min-width:250px}@keyframes slideDownFadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.submenu-item{min-width:100%;padding:15px 40px;cursor:pointer;font-size:.9rem;flex-direction:row;align-items:center;transition:background-color .3s ease,color .3s ease;opacity:0;animation-name:slideDownFadeIn;animation-fill-mode:forwards;animation-duration:.3s;animation-timing-function:ease-out}.submenu-title{min-width:100%;padding:15px 40px;font-size:.9rem;flex-direction:row;align-items:center;opacity:0;animation-name:slideDownFadeIn;animation-fill-mode:forwards;animation-duration:.3s;animation-timing-function:ease-out}.submenu-item:hover{background-color:#35414d;color:#fff}.app{margin:0}.top-grid{display:grid;grid-template-columns:var(--logo-width) 1fr;grid-template-rows:var(--header-height);grid-template-areas:"logo header";transition:grid-template-columns .3s ease}.main-grid{display:grid;grid-template-columns:var(--aside-width) 1fr;grid-template-areas:"menu content";height:calc(100vh - var(--header-height));transition:grid-template-columns .3s ease}.menu-toggled{grid-template-columns:var(--aside-toggled-width) 1fr}aside.logo{grid-area:logo}aside.header{grid-area:header}aside.menu{grid-area:menu}aside.content{grid-area:content}.main-container{overflow-y:auto}:root{--background: #ffffff;--foreground: #171717;--header-color: #FFF;--header-text-color: #000;--nav-color: #1F2937;--nav-text-color: #CACACA;--background-color: #F3F4F6;--card-color: #eeeeee;--card-shadow: 0 10px 20px rgba(0, 0, 0, .1), 0 6px 6px rgba(0, 0, 0, .1);--button-color: #137BEB;--button-color-hover: #0D539E;--primary-text-color: #2D2D2D;--secondary-text-color: #6E6E6E;--primary-color: #D6D6D6;--text-color: #1F2937;--bg-dark: #1A2F3A;--logo-height: 100px;--header-height: 80px;--menu-top-height: 80px;--aside-width: 240px;--aside-toggled-width: 80px;--logo-width: 240px;--footer-height: 40px;--shadow: 0 2px 23px 0 rgba(0, 0, 0, .1) 0 2px 49px 0 rgba(0, 0, 0, .06) }@media (prefers-color-scheme: dark){:root{--background: #0a0a0a;--foreground: #ededed}}html,body{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}@media (prefers-color-scheme: dark){html{color-scheme:dark}}