html, body {
      font-family: 'Roboto', Arial, sans-serif;
      margin: 0;
      padding: 0;
      background-color: #F5F5F5;
  }

  #app {
      min-height: 100vh;
  }

  .portal-header {
      background-color: #FFFFFF;
      border-bottom: 3px solid #23AA59;
      padding: 12px 24px;
      display: flex;
      align-items: center;
      justify-content: center;
  }

  .portal-footer {
      background-color: #EEEEEE;
      border-top: 1px solid #E0E0E0;
      padding: 12px 24px;
      text-align: center;
      color: #009A44;
      font-size: 12px;
  }

  .portal-card {
      border-radius: 12px;
      box-shadow: 0 2px 12px rgba(0,0,0,0.08);
  }

  #blazor-error-ui {
      background: #DF1995;
      bottom: 0;
      box-shadow: 0 -1px 2px rgba(0,0,0,0.2);
      color: white;
      display: none;
      left: 0;
      padding: 0.6rem 1.25rem 0.7rem;
      position: fixed;
      width: 100%;
      z-index: 1000;
  }

  #blazor-error-ui .dismiss {
      cursor: pointer;
      position: absolute;
      right: 0.75rem;
      top: 0.5rem;
  }