body {
      background-color: #e2e0de;
      padding-top: 70px;
      font-family: 'Segoe UI', sans-serif;
    }

    h1 {
      font-weight: 700;
      margin-bottom: 30px;
    }

    .card {
      border-radius: 12px;
      box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    }

    .saldo-positivo {
      color: #198754;
      font-weight: bold;
    }

    .saldo-negativo {
      color: #dc3545;
      font-weight: bold;
    }

    .estrelas input {
      display: none;
    }

    .estrelas label {
      font-size: 28px;
      color: #ccc;
      cursor: pointer;
      transition: color 0.2s;
    }

    .estrelas input:checked ~ label,
    .estrelas label:hover,
    .estrelas label:hover ~ label {
      color: gold;
    }