@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;font-family:Montserrat,sans-serif}body{background:#dde6ed;padding:20px}.menu{display:flex;flex-direction:column;gap:2.3rem;height:94vh}.logo{text-align:center;padding:20px;color:#27374d;align-items:center;display:flex;gap:20px}.logo-icon{font-size:1.4rem}.menu--list{display:flex;flex-direction:column;gap:20px}.menu--list .item{display:flex;align-items:center;gap:20px;font-size:1.1rem;text-decoration:none;font-weight:600;padding:10px;border-radius:10px;transition:.3s ease-in-out;color:#27374d}.menu--list .item:hover{background:#27374d;color:#dde6ed}.content{width:75%}.content--header{display:flex;align-items:center;justify-content:space-between}.header--title{color:#526d82}.header--activity{display:flex;align-items:center;gap:20px}.search-box{background:#dde6ed;padding:8px 10px;border-radius:10px;display:flex;align-items:cenetr}.search-box input{border:none;background:transparent;padding:5px;outline:none}.search-box .icon{color:#969393;font-size:22px;cursor:pointer;transition:.5s ease-in-out}.notify{background:#dde6ed;padding:12px;border-radius:10px;color:#969393;display:flex;align-items:center;justify-content:center}.notify .icon{font-size:20px;transition:.5s ease-in-out}.icon:hover{transform:scale(1.3);cursor:pointer}.dashboard{display:flex;gap:20px}.dashboard--content{background:#fff;flex:1;border-radius:20px;padding:2rem;display:flex;gap:1.5rem;justify-content:space-between}