:root{--footer-height: 50px;--sidebar-width: 280px;--sidebar-collapsed-width: 80px}.footer{width:100%;background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:.75rem 0;text-align:center;min-height:var(--footer-height)}@media screen and (max-width: 999px){.footer{display:none!important}.main-content{padding-bottom:80px!important}}@media screen and (min-width: 1000px){html,body{height:100%;margin:0;padding:0}body{display:grid;grid-template-rows:1fr auto;min-height:100vh}.app-container{grid-row:1;display:flex;flex-direction:row;overflow:hidden}.side-container{width:var(--sidebar-width);flex-shrink:0;transition:width .3s cubic-bezier(.4,0,.2,1)}.side-container.collapsed{width:var(--sidebar-collapsed-width)}.main-content{flex:1;display:flex;flex-direction:column;overflow-y:auto;padding-bottom:0!important;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.header-app{flex-shrink:0}.content-wrapper{flex:1 0 auto;padding:1.5rem;overflow:visible}.footer{grid-row:2;display:block!important;width:100%;background-color:#f8f9fa;border-top:1px solid #dee2e6;padding:.75rem 0;box-shadow:0 -2px 8px #0000000d;min-height:var(--footer-height);z-index:50;position:relative;margin-left:var(--sidebar-width);width:calc(100% - var(--sidebar-width));transition:margin-left .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1)}.side-container.collapsed~* .footer,body:has(.side-container.collapsed) .footer{margin-left:var(--sidebar-collapsed-width);width:calc(100% - var(--sidebar-collapsed-width))}.footer .container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}.footer .text-muted,.footer .nav-text{color:#6c757d!important;font-size:.875rem;margin:0;line-height:1.5;text-align:center}.footer a{color:inherit;text-decoration:none;transition:color .2s ease}.footer a:hover{color:var(--main-color, #007bff)}}@media screen and (min-width: 1000px) and (max-width: 1399px){:root{--footer-height: 45px}.footer{padding:.5rem 0}.footer .text-muted,.footer .nav-text{font-size:.813rem}}@media screen and (min-width: 1400px){.footer .container{max-width:1400px}}@supports not (display: grid){@media screen and (min-width: 1000px){body{display:flex;flex-direction:column}.app-container{flex:1 0 auto}.footer{flex-shrink:0}}}@media screen and (min-width: 1000px){.footer,.side-container,.main-content{transition:all .3s cubic-bezier(.4,0,.2,1)}}#dekstop-nav-footer-link{color:var(--main-color)}