@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box;font-family:Montserrat,sans-serif}body{background:linear-gradient(to right,#e2e2e2,#c9d6ff);display:flex;align-items:center;justify-content:center;flex-direction:column}.month-indicator{display:flex;gap:12px;align-items:center;background-color:#f9f9f9;padding:8px 12px;border-radius:8px;box-shadow:0 2px 6px #0000001a;width:fit-content;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.month-indicator select{padding:6px 10px;border:1px solid #ccc;border-radius:6px;background-color:#fff;font-size:14px;cursor:pointer;transition:border-color .2s,box-shadow .2s}.month-indicator select:hover{border-color:#888}.month-indicator select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 4px #4a90e280}.month-indicator option{padding:4px}.navbar{position:fixed;top:0;left:0;right:0;height:60px;background-color:#fff;box-shadow:0 .15rem 1.75rem #3a3b4526;display:flex;align-items:center;justify-content:space-between;padding:0 20px;z-index:1000;transition:.3s}.navbar .navbar-left{display:flex;align-items:center}.navbar .sidebar-toggle{background:none;border:none;font-size:1.2rem;color:#d1d3e2;cursor:pointer;margin-right:10px;display:flex;align-items:center;justify-content:center}.navbar .navbar-brand{display:flex;align-items:center;font-weight:600;font-size:1.2rem;color:#4e73df;text-decoration:none}.navbar .navbar-brand img{height:30px;margin-right:10px}.navbar .navbar-nav{display:flex;align-items:center;list-style:none}.navbar .nav-item{margin-left:15px;position:relative}.navbar .nav-link{color:#d1d3e2;display:flex;align-items:center;text-decoration:none;transition:color .3s}.navbar .nav-link:hover{color:scale(#d1d3e2,15%)}.navbar .nav-link svg{font-size:1.2rem}.navbar .badge-counter{position:absolute;top:-5px;right:-5px;font-size:.6rem;font-weight:700;background-color:#e74a3b;color:#fff;border-radius:50%;width:18px;height:18px;display:flex;align-items:center;justify-content:center}.navbar .user-profile{display:flex;align-items:center;cursor:pointer}.navbar .user-profile .user-name{font-size:.9rem;color:#5a5c69}.navbar .user-profile img{width:40px;height:40px;border-radius:50%;margin-left:10px}.nav-item{margin-left:15px;position:relative}.nav-item.dropdown{position:relative}.nav-item.dropdown .dropdown-menu{position:absolute;top:100%;right:0;width:350px;background:#fff;box-shadow:0 .15rem 1.75rem #3a3b4526;border-radius:.35rem;z-index:1001;margin-top:10px;padding:0;overflow:hidden}.nav-item.dropdown .dropdown-menu.profile-dropdown{width:200px}.nav-item.dropdown .dropdown-menu.profile-dropdown .dropdown-item{padding:.5rem 1rem;display:flex;align-items:center}.nav-item.dropdown .dropdown-menu.profile-dropdown .dropdown-item .dropdown-item-icon{margin-right:.5rem;color:#d1d3e2}.nav-item.dropdown .dropdown-menu.profile-dropdown .dropdown-item:hover{background-color:#f8f9fc;color:#4e73df}.nav-item.dropdown .dropdown-menu.profile-dropdown .dropdown-item:hover .dropdown-item-icon{color:#4e73df}.nav-item.dropdown .dropdown-menu.profile-dropdown .dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #eaecf4}.nav-item.dropdown .dropdown-header{padding:1rem 1.25rem;background-color:#f8f9fc;border-bottom:1px solid #eaecf4}.nav-item.dropdown .dropdown-header h6{margin-bottom:.25rem;font-weight:600}.nav-item.dropdown .dropdown-header small{color:#d1d3e2}.nav-item.dropdown .dropdown-list{max-height:300px;overflow-y:auto}.nav-item.dropdown .dropdown-list .dropdown-item{padding:.75rem 1.25rem;border-bottom:1px solid #eaecf4;transition:all .2s}.nav-item.dropdown .dropdown-list .dropdown-item:hover{background-color:#f8f9fc}.nav-item.dropdown .dropdown-list .dropdown-item .dropdown-item-content{display:flex;align-items:center}.nav-item.dropdown .dropdown-list .dropdown-item .dropdown-item-icon{width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-right:1rem;color:#fff}.nav-item.dropdown .dropdown-list .dropdown-item .dropdown-item-icon.bg-primary{background-color:#4e73df}.nav-item.dropdown .dropdown-list .dropdown-item .dropdown-item-icon.bg-success{background-color:#1cc88a}.nav-item.dropdown .dropdown-list .dropdown-item .dropdown-item-text{flex:1}.nav-item.dropdown .dropdown-list .dropdown-item .dropdown-item-text .text-truncate{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.nav-item.dropdown .dropdown-list .dropdown-item .dropdown-item-text .text-muted{font-size:.8rem}.nav-item.dropdown .dropdown-footer{display:block;padding:.75rem 1.25rem;font-size:.85rem;text-align:center;background-color:#f8f9fc;border-top:1px solid #eaecf4;transition:all .2s}.nav-item.dropdown .dropdown-footer:hover{background-color:scale(#f8f9fc,5%)}.user-profile{display:flex;align-items:center;cursor:pointer;position:relative}.user-profile .dropdown-arrow{margin-left:5px;transition:transform .2s;font-size:.8rem}.user-profile .dropdown-arrow.rotate{transform:rotate(180deg)}.dropdown-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:1000;background:transparent}@media (max-width: 768px){.navbar .user-name{display:none}}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{margin-left:250px;margin-top:60px;padding:20px;flex:1;height:calc(100vh - 60px);overflow-y:auto;transition:.3s;position:fixed;left:0;right:0}.main-content.collapsed{margin-left:120px}.main-content .content{flex-grow:1;display:flex;flex-direction:column}.main-content .page-header{margin-bottom:20px;display:flex;justify-content:space-between;align-items:center}.main-content .page-title{font-size:1.5rem;color:#5a5c69;font-weight:600}.sidebar{position:fixed;top:60px;left:0;width:250px;height:calc(100vh - 60px);background-color:#fff;box-shadow:0 .15rem 1.75rem #3a3b4526;transition:.3s;overflow-y:auto;z-index:999}.sidebar.collapsed{width:120px}.sidebar.collapsed .menu-text,.sidebar.collapsed .sidebar-title{display:none}.sidebar.collapsed .sidebar-item{justify-content:center}.sidebar.collapsed .sidebar-icon{margin-right:0;font-size:1.2rem}.sidebar .sidebar-menu{padding:20px 0}.sidebar .sidebar-title{padding:0 20px;margin-top:10px;font-size:.8rem;font-weight:600;color:#d1d3e2;text-transform:uppercase}.sidebar .sidebar-item{padding:10px 20px;display:flex;align-items:center;color:#5a5c69;text-decoration:none;transition:all .3s}.sidebar .sidebar-item:hover{background-color:#f8f9fc;color:#4e73df}.sidebar .sidebar-item.active{background-color:#f8f9fc;color:#4e73df;border-left:3px solid #4e73df}.sidebar .sidebar-icon{margin-right:10px;font-size:1rem}.sidebar .menu-text{font-size:.9rem}@media (max-width: 768px){.sidebar{left:-100%}.sidebar.collapsed{left:0;width:120px}.sidebar.active{left:0;width:250px}}