body {
      font-family: 'Roboto', sans-serif;
      margin: 0;
      background-color: darkblue;
      color: silver;
    }
    .dashboard {
      max-width: 450px;
      margin: 40px auto;
      background-color: blue;
      border-radius: 10px;
      box-shadow: 0 4px 12px rgb(0 0 0 / 0.1);
      padding: 25px 30px;
    }
    .dashboard h2 {
      text-align: center;
      margin-bottom: 25px;
      font-weight: 700;
      color: #1a73e8;
    }
    .info-item {
      display: flex;
      align-items: center;
      padding: 12px 0;
      border-bottom: 1px solid #eee;
      font-size: 1.1rem;
    }
    .info-item:last-child {
      border-bottom: none;
    }
    .info-item i {
      color: #1a73e8;
      margin-right: 15px;
      min-width: 25px;
      font-size: 1.3rem;
    }
    .info-label {
      font-weight: 600;
      margin-right: 6px;
      min-width: 110px;
    }
    .info-value a {
      color: #1a73e8;
      text-decoration: none;
    }
    .info-value a:hover {
      text-decoration: underline;
    }