/* CSS domain: base layout */
    .page-container {
      position: relative;
      width: 100%;
      height: 100%;
    }

    .page {
      display: none;
      width: 100%;
      height: 100%;
    }

    .page.is-active {
      display: block;
    }

    .dashboard {
      min-height: 100vh;
      padding: var(--dashboard-page-padding);
      display: grid;
      grid-template-rows: 1.2fr 1fr 2.2fr 0.9fr;
      gap: var(--gap);
    }

    .card {
      background: var(--card);
      border-radius: var(--radius);
      padding: var(--dashboard-card-padding);
      display: flex;
      flex-direction: column;
      justify-content: center;
      box-shadow: var(--dashboard-card-shadow);
      overflow: hidden;
    }