.welcome {
  align-items: center;
  background: linear-gradient(135deg, #f1f5f9 0%, #dbeafe 100%);
  display: flex;
  justify-content: center;
  min-height: 100vh;
  padding: 20px;
}

.welcome__card { background: #ffffff; border-radius: 20px; box-shadow: var(--shadow-large); max-width: 480px; padding: 40px 32px; text-align: center; width: 100%; }
.welcome__logo { font-size: 64px; margin-bottom: 8px; }
.welcome__card h1 { color: var(--color-text); font-size: 28px; font-weight: 800; margin-bottom: 6px; }
.welcome__subtitle { color: var(--color-muted); font-size: 14px; margin-bottom: 28px; }
.welcome__option { align-items: center; background: #ffffff; border: 2px solid var(--color-border); border-radius: 14px; color: var(--color-text); cursor: pointer; display: flex; font-size: 15px; font-weight: 600; gap: 16px; margin-bottom: 12px; padding: 18px 20px; text-align: left; transition: 0.15s; width: 100%; }
.welcome__option:hover { background: var(--color-primary-light); border-color: var(--color-primary); box-shadow: var(--shadow-small); transform: translateY(-2px); }
.welcome__option--manager:hover { background: #f1f5f9; border-color: var(--color-sidebar); }
.welcome__icon { flex-shrink: 0; font-size: 32px; }
.welcome__content { display: flex; flex: 1; flex-direction: column; gap: 2px; }
.welcome__content small { color: var(--color-muted); font-size: 12px; font-weight: 400; }
.welcome__arrow { color: var(--color-muted); font-size: 22px; }

@media (max-width: 768px) {
  .welcome__card { padding: 30px 22px; }
  .welcome__card h1 { font-size: 22px; }
}