.header{align-items:center;background:#fff;border:1px solid #828282;border-radius:8px;box-sizing:border-box;display:flex;flex-direction:column;height:calc(100vh - 2rem);justify-content:flex-start;margin:1rem;min-width:300px;padding:2rem;position:fixed}.header .branding{margin-bottom:2.5rem}.header .branding .brand-logo{filter:invert(1);max-width:140px}.header .main-navigation{width:100%}.header .main-navigation .menu{list-style:none;margin:0;padding:0;width:100%}.header .main-navigation .menu .menu-item{border:1px solid #e7e7e7;border-radius:8px;box-sizing:border-box;margin:0 0 .5rem;padding:0;transition:background .3s ease;width:100%}.header .main-navigation .menu .menu-item:hover{background:#ecf9c7}.header .main-navigation .menu .menu-item:focus-within{outline:2px solid #cfef73;outline-offset:2px}.header .main-navigation .menu .menu-item:has(.router-link-active.router-link-exact-active){background:#cfef73}.header .main-navigation .menu .menu-item:has(.router-link-active.router-link-exact-active):hover{background:#cfef73}.header .main-navigation .menu .menu-item a{align-items:center;box-sizing:border-box;color:inherit;display:flex;font-weight:700;padding:1.5rem;text-decoration:none;width:100%}.header .main-navigation .menu .menu-item a:focus{outline:none}.header .main-navigation .menu .menu-item.has-tag{position:relative}.header .main-navigation .menu .menu-item.has-tag .tag{align-items:center;background:#cfef73;border-radius:6px;display:flex;font-size:.85rem;padding:.35rem .5rem;position:absolute;right:.5rem;top:-.5rem;transform:rotate(3deg)}.header .main-navigation .menu .menu-icon{flex-shrink:0;height:1.5rem;margin-right:.5rem;width:1.5rem}.header .main-navigation .menu .chevron-icon{height:1rem;margin-left:.25rem;transition:transform .2s ease;width:1rem}.header .menu-popover{width:100%}.header .popover-button{align-items:center;background:transparent;border:none;color:inherit;cursor:pointer;display:flex;font-weight:700;padding:1.5rem;text-decoration:none;width:100%}.header .popover-button:focus{outline:none}.header .menu-item.has-tag{position:relative}.header .menu-item.has-tag .tag{align-items:center;background:#ecf9c7;border-radius:999px;cursor:pointer;display:flex;font-size:.75rem;font-weight:700;padding:.25rem .5rem;position:absolute;right:.5rem;top:-.5rem;z-index:20}.header .menu-item.has-tag .tag-button{background:transparent;border:none;cursor:pointer;margin:0;padding:0}.header .menu-item.has-tag .tag-button:focus{outline:none}.header .menu-item.has-tag .tag-popover{position:static}.header .chevron-icon{height:.75rem;margin-left:.25rem;transition:transform .2s ease;width:.75rem}.header .week-popover-panel{background:#fff;border:1px solid #e7e7e7;border-radius:8px;box-shadow:0 4px 12px #0000001a;min-width:180px;position:absolute;right:1rem;top:1rem;width:-moz-max-content;width:max-content;z-index:30}.header .week-popover-content{padding:.5rem}.header .week-item{border-radius:8px;color:inherit;display:block;font-weight:700;padding:1rem!important;text-align:center;text-decoration:none;transition:background .2s ease}.header .week-item:focus,.header .week-item:hover{background:#ecf9c7;outline:none}.header .week-item:focus{outline:2px solid #cfef73;outline-offset:-2px}.header .button-holder{margin-top:auto;width:100%}.header .button-holder .logout-button{align-items:center;background:#f5b6bd;border:none;border-radius:8px;color:inherit;cursor:pointer;display:flex;font-weight:700;justify-content:center;padding:.75rem 0;text-align:center;transition:background .3s ease;width:100%}.header .button-holder .logout-button:focus{outline:2px solid #cfef73;outline-offset:2px}.header .button-holder .logout-button:hover{background:#f5b6bdd9}.header .button-holder .logout-icon{flex-shrink:0;height:1.5rem;margin-left:.5rem;transform:rotate(180deg);width:1.5rem}.mobile-dropdown-container{position:fixed;right:1rem;top:1rem;z-index:2000}.mobile-dropdown-container .mobile-dropdown{position:relative}.mobile-dropdown-container .mobile-dropdown-button{align-items:center;background:#fff;border:1px solid #e7e7e7;border-radius:8px;cursor:pointer;display:flex;justify-content:center;padding:.75rem;transition:background .3s cubic-bezier(.5,0,.15,1)}.mobile-dropdown-container .mobile-dropdown-button:hover{background:#ecf9c7}.mobile-dropdown-container .mobile-dropdown-button:focus{outline:2px solid #cfef73;outline-offset:2px}.mobile-dropdown-container .dropdown-icon{height:24px;width:24px}.mobile-dropdown-container .mobile-dropdown-items{background:#fff;border:1px solid #e7e7e7;border-radius:8px;box-shadow:0 4px 6px #1414141a;min-width:180px;padding:.5rem;position:absolute;right:0;top:calc(100% + .5rem);width:-moz-max-content;width:max-content}.mobile-dropdown-container .mobile-dropdown-items .dropdown-item{align-items:center;background:transparent;border:none;border-radius:8px;box-sizing:border-box;color:#2b2b2b;cursor:pointer;display:flex;font-weight:700;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:background .1s cubic-bezier(.5,0,.15,1);width:100%}.mobile-dropdown-container .mobile-dropdown-items .dropdown-item.active,.mobile-dropdown-container .mobile-dropdown-items .dropdown-item:hover{background:#ecf9c7}.mobile-dropdown-container .mobile-dropdown-items .dropdown-item:focus{outline:2px solid #cfef73;outline-offset:-2px}.mobile-dropdown-container .mobile-dropdown-items .dropdown-item-icon{flex-shrink:0;height:16px;margin-right:.5rem;width:16px}.mobile-dropdown-container .dropdown-divider{background-color:#e7e7e7;height:1px;margin:.5rem 0}@media only screen and (min-width:960px){.mobile-dropdown-container .mobile-dropdown-container{display:none}}.header-mob{background:transparent;bottom:.25rem;box-sizing:border-box;left:0;padding:0 .5rem .5rem;position:fixed;width:100%;z-index:1000}.header-mob .mobile-navigation{width:100%}.header-mob .mobile-navigation .mobile-menu{display:flex;flex-wrap:nowrap;gap:.5rem;list-style:none;margin:0;padding:0;width:100%}.header-mob .mobile-navigation .mobile-menu .menu-item{align-items:center;background:#fff;border:1px solid #e7e7e7;border-radius:8px;box-sizing:border-box;display:flex;justify-content:center;margin:0;padding:0;transition:all .3s ease;width:20%}.header-mob .mobile-navigation .mobile-menu .menu-item:hover{background:#ecf9c7}.header-mob .mobile-navigation .mobile-menu .menu-item:focus-within{outline:2px solid #cfef73;outline-offset:2px}.header-mob .mobile-navigation .mobile-menu .menu-item:has(.router-link-active.router-link-exact-active){background:#cfef73;width:50%}.header-mob .mobile-navigation .mobile-menu .menu-item:has(.router-link-active.router-link-exact-active):hover{background:#cfef73}.header-mob .mobile-navigation .mobile-menu .menu-item a{align-items:center;box-sizing:border-box;color:inherit;display:flex;font-weight:700;justify-content:center;padding:1rem;text-decoration:none;width:100%}.header-mob .mobile-navigation .mobile-menu .menu-item a:focus{outline:none}@media only screen and (max-width:599px){.header-mob .mobile-navigation .mobile-menu .menu-item a{flex-direction:column;padding:.5rem;text-align:center}.header-mob .mobile-navigation .mobile-menu .menu-item a.router-link-active.router-link-exact-active .menu-icon{margin-bottom:.25rem;margin-right:0}}.header-mob .mobile-navigation .mobile-menu .menu-item .menu-text{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border-width:0;white-space:nowrap}.header-mob .mobile-navigation .mobile-menu .menu-item a.router-link-active.router-link-exact-active .menu-text{height:auto;margin:0;overflow:visible;padding:0;position:static;width:auto;clip:auto;max-width:calc(100% - 2rem);overflow:hidden;text-align:center;text-overflow:ellipsis;white-space:nowrap}.header-mob .mobile-navigation .mobile-menu .menu-item.menuplan{display:none}@media only screen and (min-width:600px){.header-mob .mobile-navigation .mobile-menu .menu-item.menuplan{display:block}}.header-mob .mobile-navigation .mobile-menu .menu-item.menuplan.has-tag{position:relative}.header-mob .mobile-navigation .mobile-menu .menu-item.menuplan.has-tag .tag{background:#cfef73;border-radius:6px;font-size:.75rem;left:70%;padding:.25rem .5rem;position:absolute;top:0;transform:translate(-50%,-50%) rotate(3deg)}.header-mob .mobile-navigation .mobile-menu .menu-icon{flex-shrink:0;height:1.5rem;width:1.5rem}.header-mob .mobile-navigation .mobile-menu a.router-link-active.router-link-exact-active .menu-icon{margin-right:.5rem}body,html{margin:0;overflow-x:hidden;padding:0}.page-body{display:flex;flex-direction:column;justify-content:center;min-height:100vh;width:100%}@media only screen and (max-width:960px){.page-body .mobile-header{display:block;width:100%}.page-body .desktop-header{display:none}.page-body .main-wrapper{flex:1;width:100%}.page-body .main-content{box-sizing:border-box;margin-bottom:2rem;padding:2rem 0;width:100%}}@media only screen and (min-width:960px){.page-body{flex-direction:row}.page-body .mobile-header{display:none}.page-body .desktop-header{display:flex;height:100vh;left:0;position:fixed;top:0;width:300px;z-index:10}.page-body .main-wrapper{box-sizing:border-box;padding-left:300px;width:100%}.page-body .main-content{box-sizing:border-box;padding:1rem 2rem;width:100%}}