.dashboard-intro {
  width: min(calc(100% - 3rem), var(--content-width));
  margin: 0 auto;
  padding: 1.45rem 0 1.35rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(170px, 230px);
  align-items: center;
  gap: 2.2rem;
}

.dashboard-intro__copy {
  min-width: 0;
}

.dashboard-intro__copy h1 {
  margin-bottom: 0.65rem;
  color: var(--color-blue-deep);
  font-size: clamp(1.45rem, 2.3vw, 2rem);
  letter-spacing: -0.015em;
}

.dashboard-intro__copy > p:not(.eyebrow) {
  max-width: 48rem;
  color: var(--color-text-soft);
  line-height: 1.7;
}

.dashboard-intro__news {
  margin: 0.85rem 0 0;
  font-size: 0.92rem;
}

.dashboard-intro__visual {
  display: flex;
  align-items: center;
  justify-content: center;
}

.dashboard-intro__visual img {
  display: block;
  width: min(100%, 210px);
  height: auto;
  object-fit: contain;
  border-radius: 24px;
  box-shadow: 0 18px 34px rgba(30, 67, 92, 0.2), 0 6px 14px rgba(43, 107, 149, 0.15);
  filter: drop-shadow(0 8px 14px rgba(36, 91, 128, 0.16));
}

.dashboard-light-divider {
  position: relative;
  width: calc(100% - 3rem);
  height: 2px;
  margin: 0 auto;
  background: linear-gradient(90deg, transparent, rgba(143, 191, 220, 0.45) 15%, rgba(255, 255, 255, 0.98) 50%, rgba(143, 191, 220, 0.45) 85%, transparent);
  box-shadow: 0 0 9px rgba(112, 178, 218, 0.34), 0 0 18px rgba(255, 255, 255, 0.85);
}

.dashboard-light-divider::after {
  content: "";
  position: absolute;
  inset: -8px 25%;
  background: radial-gradient(ellipse at center, rgba(255, 255, 255, 0.95), rgba(145, 204, 238, 0.18) 48%, transparent 75%);
  filter: blur(4px);
  pointer-events: none;
}

.dashboard-quicklinks {
  width: min(calc(100% - 3rem), var(--content-width));
  margin: 0 auto;
  padding: 1.45rem 0 2rem;
}

.dashboard-section-heading {
  margin-bottom: 1rem;
  text-align: center;
}

.dashboard-section-heading h2 {
  margin-bottom: 0;
  font-size: clamp(1.25rem, 2vw, 1.6rem);
}

.dashboard-quicklinks__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.dashboard-quicklinks__grid .button {
  width: 100%;
}


html[data-theme="dark"] .dashboard-intro__visual img {
  box-shadow: 0 20px 38px rgba(0, 0, 0, 0.58), 0 7px 16px rgba(0, 0, 0, 0.4), 0 0 18px rgba(70, 151, 198, 0.16);
  filter: drop-shadow(0 8px 16px rgba(0, 0, 0, 0.36));
}

html[data-theme="dark"] .dashboard-light-divider {
  background: linear-gradient(90deg, transparent, rgba(107, 177, 219, 0.2) 15%, rgba(170, 218, 246, 0.82) 50%, rgba(107, 177, 219, 0.2) 85%, transparent);
  box-shadow: 0 0 10px rgba(96, 177, 226, 0.28);
}

html[data-theme="dark"] .dashboard-light-divider::after {
  background: radial-gradient(ellipse at center, rgba(146, 211, 247, 0.34), rgba(82, 158, 207, 0.12) 48%, transparent 75%);
}

.accounting-login {
  width: min(100%, 520px);
  margin-top: 1rem;
}

.accounting-login h2 {
  margin-bottom: 0.8rem;
  color: var(--color-text);
  font-size: 1.15rem;
}

.accounting-login__form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.55rem;
}

.accounting-login__form > label:not(.accounting-login__remember) {
  color: var(--color-text);
  font-weight: 750;
}

.accounting-login__form input[type="email"],
.accounting-login__form input[type="password"] {
  width: 100%;
  min-height: 44px;
  padding: 0.65rem 0.8rem;
  border: 1px solid #b8cad7;
  border-radius: 8px;
  background: linear-gradient(180deg, #fff, #f4f9fc);
  color: var(--color-text);
  box-shadow: inset 0 1px 2px rgba(35, 78, 108, 0.08);
}

.accounting-login__form input[type="email"]:focus,
.accounting-login__form input[type="password"]:focus {
  border-color: #70a6c8;
  outline: none;
  box-shadow: var(--focus-ring), inset 0 1px 2px rgba(35, 78, 108, 0.08);
}

.accounting-login__remember {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  margin: 0.25rem 0 0.35rem;
  color: var(--color-text-soft);
  font-size: 0.92rem;
  cursor: pointer;
}

.accounting-login__remember input {
  width: 18px;
  height: 18px;
  accent-color: var(--color-blue);
}

.accounting-login__submit {
  width: min(100%, 220px);
}

html[data-theme="dark"] .accounting-login__form input[type="email"],
html[data-theme="dark"] .accounting-login__form input[type="password"] {
  border-color: var(--color-line);
  background: var(--color-surface-soft);
  color: var(--color-text);
}

.dashboard-info {
  width: min(calc(100% - 3rem), var(--content-width));
  margin: 0 auto;
  padding: 0 0 2rem;
}

.dashboard-info__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.75rem;
}

.dashboard-info-card {
  display: grid;
  align-content: start;
  gap: 0.65rem;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--color-line);
  border-radius: var(--radius-md);
  background: var(--color-surface);
  box-shadow: var(--shadow-soft);
}

.dashboard-info-card h3,
.dashboard-info-card p {
  margin: 0;
}

.dashboard-info-card > p:not(.eyebrow) {
  color: var(--color-text-soft);
  line-height: 1.55;
}

.dashboard-info-card .button {
  width: fit-content;
}

.dashboard-info-card--warning {
  border-color: color-mix(in srgb, var(--color-warning) 55%, var(--color-line));
  border-left: 4px solid var(--color-warning);
  background: color-mix(in srgb, var(--color-warning) 10%, var(--color-surface));
  color: var(--color-warning);
}

.dashboard-info-card--warning .eyebrow,
.dashboard-info-card--warning h3,
.dashboard-info-card--warning > p:not(.eyebrow) {
  color: var(--color-warning);
}

html[data-theme="dark"] .dashboard-info-card {
  background: var(--color-surface-soft);
}

html[data-theme="dark"] .dashboard-info-card--warning {
  background: color-mix(in srgb, var(--color-warning) 15%, var(--color-surface-soft));
}

.dashboard-info-card--error {
  border-color: color-mix(in srgb, var(--color-error) 55%, var(--color-line));
  border-left: 4px solid var(--color-error);
  background: color-mix(in srgb, var(--color-error) 9%, var(--color-surface));
  color: var(--color-error);
}

.dashboard-info-card--error .eyebrow,
.dashboard-info-card--error h3,
.dashboard-info-card--error > p:not(.eyebrow) {
  color: var(--color-error);
}

html[data-theme="dark"] .dashboard-info-card--error {
  background: color-mix(in srgb, var(--color-error) 15%, var(--color-surface-soft));
}

.dashboard-info-card--information {
  border-color: color-mix(in srgb, var(--color-blue) 42%, var(--color-line));
  border-left: 4px solid var(--color-blue);
  background: color-mix(in srgb, var(--color-blue) 7%, var(--color-surface));
}

.dashboard-info-card--information .eyebrow,
.dashboard-info-card--information h3 {
  color: var(--color-blue-deep);
}

html[data-theme="dark"] .dashboard-info-card--information {
  background: color-mix(in srgb, var(--color-blue) 12%, var(--color-surface-soft));
}