@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Outfit:wght@100..900&family=Poppins&family=Roboto&display=swap";*{margin:0;padding:0;text-decoration:none;border:none;outline:none;font-family:Montserrat,sans-serif}.app{display:flex}.sidebar{display:flex;flex-direction:column;gap:1rem;background:#000;width:200px;color:#fff;height:100vh;position:sticky;left:0;top:0;z-index:1;transition:.3s ease-in-out}.sidebar--logo{text-align:center;font-size:1.5rem;font-weight:700;padding:1rem}.sidebar-toggle{display:none}@media (max-width:500px){.sidebar{width:0;overflow:hidden}.sidebar.open{width:200px;position:fixed;top:0;left:0;transition:.3s ease-in-out}.sidebar.open .sidebar--logo{margin-top:3rem}.sidebar-toggle{display:flex;align-items:center;justify-content:center;font-size:1.5rem;width:50px;height:30px;border-radius:4px;background:#eee;color:#000;position:absolute;z-index:2;margin:10px 5px;cursor:pointer}}.menu--list{display:flex;list-style:none;flex-direction:column;gap:.6rem;padding:10px}.menu--list-item{padding:1rem;border-radius:5px;overflow:hidden}.menu--list-item:hover.active{background:#3c3c3c;cursor:pointer;transition:all .3s ease-in}.menu--list-item a{overflow:hidden;display:flex;gap:20px;align-items:center;color:#fff}.main{flex:1;overflow:auto}.content{padding:2rem 1rem;display:flex;flex-direction:column;gap:2rem}.chart-container{display:flex;flex-wrap:wrap;gap:1rem}@media (max-width:900px){.chart-container{flex-direction:column}}.header{display:flex;align-items:center;justify-content:space-between;padding:10px;box-shadow:0 0 10px #0000001a}.header-title{color:#333}.search-box{background:#eee;padding:0 10px;border-radius:4px;display:flex;gap:10px;align-items:center}.search-box .search--icon{cursor:pointer}.search-box input{padding:10px;background:transparent}.user-box{display:flex;align-items:center;gap:20px}.user-box .user--icon{background:#eee;padding:10px;border-radius:4px;cursor:pointer;border:1px solid gray}.user--icon:hover{color:#333;background:#fff;border:1px solid gray;transition:all .5s ease-in}.button{background:bisque;padding:10px;border-radius:4px;font-weight:500;cursor:pointer}@media (max-width:860px){.search-box,.user-box button{display:none}}@media (max-width:500px){.header-title{display:none}.user-box{width:100%;justify-content:flex-end}.button{display:none}}.card--list{flex-wrap:wrap}.card{flex:1;border-radius:10px;background:#eee;padding:20px;display:flex;flex-direction:column;gap:20px}.card--icon{background:#fff;width:30px;height:30px;padding:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;border-radius:50%}.growth{display:flex;justify-content:space-between;margin-top:10px;gap:10px}.chart{flex:2;border-radius:8px;padding:20px;box-shadow:0 0 10px #0000001a}.chart-title{margin-bottom:1rem}.activity-chart{flex:2}.sales-chart{flex:1}@media (max-width:768px){.chart{width:100%}}