.side-nav{height:100vh;min-width:20%;position:fixed;left:0;top:3.5rem;display:flex;flex-direction:column;align-items:center;color:#71717a;background-color:#fff;border-right:1px solid hsla(240,4%,46%,.11);transition:width 1s ease-in-out}@media(max-width:768px){.side-nav{display:none;padding:1rem}}.side-nav_items_container{width:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.side-nav_items_container .side-nav_items{width:100%;height:100%;display:grid;gap:.5rem}.side-nav_items_container .side-nav_items .side-nav_item{cursor:pointer;display:flex;align-items:center;padding:1.125rem;gap:10px;font-weight:500;border-radius:.5rem;background-color:none;transition:background-color .15s ease-in}.side-nav_items_container .side-nav_items .side-nav_item span:first-child .icon{width:24px;height:24px;display:flex;align-items:center;justify-content:center}.side-nav_items_container .side-nav_items .side-nav_item span .out{color:red}.side-nav_items_container .side-nav_items .side-nav_item span:nth-child(2){font-size:.875rem}.side-nav_items_container .side-nav_items .inactive:hover{background-color:hsla(0,0%,83%,.222)}.side-nav_items_container .side-nav_items .active:hover{background-color:#4f39f6}.side-nav_items_container .side-nav_items .logout{border-top:1px solid hsla(240,4%,46%,.11)}.side-nav_items_container .side-nav_items .active{background-color:#615fff;color:#fff}.side-nav_items_container .side-nav_items .active .out{color:#fff}.green_btn{cursor:pointer;display:flex;align-items:center;color:#059669;background-color:rgba(110,231,183,.316);border-radius:.5rem;padding:.2rem .7rem .2rem .5rem;gap:.25rem;font-size:14px}.green_btn:hover{background-color:rgba(110,231,183,.528)}.green_btn .icon{font-size:16px}.top-nav{width:100%;position:fixed;top:0;display:flex;align-items:center;justify-content:space-between;color:#71717a;background-color:#fff;border-bottom:1px solid rgba(86,86,94,.291);padding:0 2.25rem;z-index:1}@media(max-width:1023px){.top-nav{padding:0 .75rem}}@media(max-width:639px){.top-nav{flex-direction:row-reverse}}.top-nav_logo{padding:1rem 0;display:flex;align-items:center}@media(max-width:639px){.top-nav_logo{display:none}}.top-nav_user{padding:.5rem 0;display:flex;flex-direction:row-reverse;justify-content:center;align-items:center;gap:.5rem;font-size:.85rem}.top-nav_user_data{display:flex;flex-direction:column;align-items:self-start}.top-nav_user_data p{font-size:.75rem}.top-nav_user_data span{margin-bottom:0;color:#f59e0b;background-color:rgba(251,190,36,.208);display:flex;align-items:center;justify-content:center;padding:0 .5rem;border-radius:.35rem;font-size:12px}.top-nav .icon{font-size:36px;color:#71717a}.top-nav .settings{padding:1rem 0;display:none;align-items:center}@media(max-width:639px){.top-nav .settings{display:flex}}.top-nav .settings .icon{font-size:28px}