* { box-sizing: border-box; }
body { margin: 0; font-family: Arial, Helvetica, sans-serif; background: #f5f6f8; color: #172b27; }
.dashboard { min-height: 100vh; padding: 64px; }
.intro { display: flex; flex-direction: column; gap: 16px; margin-bottom: 36px; }
.eyebrow { margin: 0; font-size: 11px; letter-spacing: 2px; color: #64786e; }
h1 { margin: 0; font-size: 48px; }
.description { margin: 0; font-size: 18px; color: #65726b; }
.cards { display: flex; gap: 24px; }
.card { width: 340px; padding: 28px; border-radius: 16px; background: #ffffff; border: 1px solid #e1e7e4; }
h2 { margin: 0 0 12px; font-size: 22px; }
p { line-height: 1.6; }
button { background: #235543; color: #ffffff; border: 0; border-radius: 8px; padding: 12px 18px; cursor: pointer; }

:root [data-design-id="stacks-26ad4b83-6"] {
  padding: 64px;
  border-radius: 22px;
  background-color: #e5efff;
  border-top-left-radius: 24px;
  border-top-right-radius: 24px;
  border-bottom-left-radius: 24px;
  border-bottom-right-radius: 24px;
}

@media (max-width: 1024px) { .dashboard { padding: 64px; } }
@media (max-width: 600px) { .dashboard { padding: 24px; } h1 { font-size: 32px; } .cards { flex-direction: column; } .card { width: 100%; } }

@media (max-width: 600px) {
  :root [data-design-id="stacks-26ad4b83-6"] {
    padding: 20px;
  }
}

/*$vite$:1*/