.po-dashboard #dashboard-content [class*='rounded-xl'],
.po-dashboard #dashboard-content [class*='rounded-2xl'] {
  border-radius: 0.65rem;
}

.po-dashboard #dashboard-content .text-gray-900,
.po-dashboard #dashboard-content .text-gray-800,
.po-dashboard #dashboard-content .text-gray-700 {
  color: #26342c;
}

.po-dashboard #dashboard-content .text-gray-600,
.po-dashboard #dashboard-content .text-gray-500,
.po-dashboard #dashboard-content .text-gray-400 {
  color: #667068;
}

.po-dashboard #dashboard-content .bg-gray-50,
.po-dashboard #dashboard-content .bg-muted\/60 {
  background: #edf2e9;
}

.po-dashboard-shell > :not(.po-dashboard-home) > :first-child:has(h1) {
  position: relative;
  overflow: hidden;
  min-height: 8.5rem;
  padding: clamp(1.25rem, 3vw, 2rem) !important;
  border: 1px solid rgba(21, 35, 29, 0.2);
  border-radius: 0.7rem;
  background: linear-gradient(112deg, rgba(205, 234, 129, 0.2), transparent 48%), #fffef9;
}

.po-dashboard-shell > :not(.po-dashboard-home) > :first-child:has(h1)::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 0.4rem;
  background: linear-gradient(90deg, #4cae50 0 42%, #e1493f 42% 68%, #5370ff 68% 88%, #efb92f 88%);
}

.po-dashboard-shell > :not(.po-dashboard-home) > :first-child:has(h1) h1 {
  max-width: 18ch;
  font-size: clamp(2.15rem, 5vw, 4rem) !important;
}

.po-dashboard-shell > :not(.po-dashboard-home) > :first-child:has(h1) p {
  max-width: 44rem;
  margin-top: 0.55rem;
  color: #5d685f;
  line-height: 1.6;
}

.po-dashboard-shell > :not(.po-dashboard-home) > :first-child:has(h1) [class*='rounded-full'] {
  border-radius: 0.45rem;
}

.po-dashboard-shell [role='tablist'] {
  min-height: 3rem;
  padding: 0.25rem;
  border: 1px solid rgba(21, 35, 29, 0.17);
  border-radius: 0.55rem;
  background: #dfe8dc;
}

.po-dashboard-shell [role='tab'][data-state='active'] {
  border-radius: 0.35rem;
  background: #15231d;
  color: #fffef9;
  box-shadow: none;
}

.po-dashboard-shell button[class*='rounded-full'] {
  border: 1px solid rgba(21, 35, 29, 0.16);
  border-radius: 0.4rem;
  box-shadow: none;
}

.po-dashboard-shell button[class*='rounded-full'][class*='bg-primary'] {
  border-color: #15231d;
  background: #15231d;
  color: #fffef9;
}

.po-dashboard-shell .grid > .glass-solid:not(.po-dashboard-stat),
.po-dashboard-shell .grid > [class*='glass-solid']:not(.po-dashboard-stat) {
  border-top: 0.3rem solid #4cae50;
}

.po-dashboard-shell .grid > .glass-solid:nth-child(4n + 2),
.po-dashboard-shell .grid > [class*='glass-solid']:nth-child(4n + 2) {
  border-top-color: #5370ff;
}

.po-dashboard-shell .grid > .glass-solid:nth-child(4n + 3),
.po-dashboard-shell .grid > [class*='glass-solid']:nth-child(4n + 3) {
  border-top-color: #e1493f;
}

.po-dashboard-shell .grid > .glass-solid:nth-child(4n + 4),
.po-dashboard-shell .grid > [class*='glass-solid']:nth-child(4n + 4) {
  border-top-color: #efb92f;
}

.po-dashboard-shell .glass-solid:not(.po-dashboard-welcome),
.po-dashboard-shell .content-surface {
  box-shadow: none;
}

.po-dashboard-shell .po-dashboard-list-card {
  position: relative;
  overflow: hidden;
  border-left: 0.35rem solid #4cae50;
  border-radius: 0.65rem;
}

.po-dashboard-shell .po-dashboard-list-card:hover {
  border-color: #15231d;
  box-shadow: 0 22px 42px -36px rgba(21, 35, 29, 0.85);
}

.po-dashboard-shell .po-dashboard-list-card h3 {
  color: #15231d;
  font-weight: 850;
  letter-spacing: -0.035em;
}

.po-dashboard-home > div:last-child > .glass-solid {
  overflow: hidden;
  border-top: 0.35rem solid #5370ff;
}

.po-dashboard-home > div:last-child > .glass-solid:nth-child(2) {
  border-top-color: #efb92f;
}

.po-dashboard-home > div:last-child > .glass-solid:nth-child(3) {
  border-top-color: #4cae50;
}

.po-dashboard-home > div:last-child > .glass-solid h3 {
  font-size: clamp(1.35rem, 2.5vw, 2rem);
  font-weight: 850;
  letter-spacing: -0.04em;
}

.po-dashboard-shell .po-dashboard-list-card img {
  border-radius: 0.45rem;
}

.po-dashboard-shell .po-dashboard-list-card [class*='rounded-full'] {
  border-radius: 0.35rem;
}

.po-dashboard-shell [role='progressbar'] {
  overflow: hidden;
  border-radius: 0.2rem;
  background: #dfe8dc;
}

.po-dashboard-shell [role='progressbar'] > div {
  border-radius: inherit;
  background: #4cae50;
}

.po-dashboard-shell code,
.po-dashboard-shell time,
.po-dashboard-shell [class*='font-mono'] {
  font-family: 'Fira Code', ui-monospace, monospace;
}

@media (max-width: 639px) {
  .po-dashboard-shell > :not(.po-dashboard-home) > :first-child:has(h1) {
    min-height: 7.5rem;
  }
}

.po-dashboard-recommendation {
  position: relative;
  border-radius: 0.7rem;
}

.po-dashboard-recommendation::after {
  content: '';
  position: absolute;
  z-index: 2;
  inset: 0 0 auto;
  height: 0.28rem;
  background: #5370ff;
}

.po-dashboard-recommendation > div:first-child {
  border-bottom: 1px solid rgba(21, 35, 29, 0.16);
}

.po-dashboard-recommendation img {
  transition: transform 380ms ease;
}

.po-dashboard-recommendation:hover img {
  transform: scale(1.025);
}

.po-dashboard-recommendation__rating,
.po-dashboard-recommendation__label {
  position: absolute;
  top: 0.65rem;
  display: inline-flex;
  min-height: 1.7rem;
  align-items: center;
  gap: 0.3rem;
  padding: 0 0.5rem;
  border: 1px solid rgba(21, 35, 29, 0.18);
  border-radius: 0.3rem;
  background: #fffef9;
  color: #15231d;
  font-family: 'Fira Code', ui-monospace, monospace;
  font-size: 0.6rem;
  font-weight: 800;
  text-transform: uppercase;
}

.po-dashboard-recommendation__rating {
  right: 0.65rem;
}

.po-dashboard-recommendation__label {
  left: 0.65rem;
  border-color: #efb92f;
  background: #fff2bd;
  color: #6f5000;
}

.po-dashboard-empty {
  border-style: dashed;
}

.po-dashboard-notice {
  overflow: hidden;
  border: 1px solid rgba(21, 35, 29, 0.2);
  border-left: 0.4rem solid #efb92f;
  border-radius: 0.6rem;
  background: #fff9df;
}

.po-dashboard-notice__close {
  position: absolute;
  top: 0.7rem;
  right: 0.7rem;
  color: #776317;
}

.po-dashboard-notice__icon {
  display: grid;
  width: 2.7rem;
  height: 2.7rem;
  flex: none;
  place-items: center;
  border-radius: 0.4rem;
  background: #15231d;
  color: #fffef9;
}

.po-dashboard-notice__icon svg {
  width: 1.15rem;
  height: 1.15rem;
}

.po-dashboard-notice h3 {
  margin-bottom: 0.2rem;
  color: #15231d;
  font-weight: 800;
}

.po-dashboard-notice p {
  color: #655d3b;
  font-size: 0.84rem;
  line-height: 1.5;
}

.po-dashboard-notice__action {
  border-radius: 0.4rem;
  background: #15231d;
  color: #fffef9;
}

.po-dashboard-notice__action:hover {
  background: #2c3c33;
}

.po-certificates-summary {
  position: relative;
  overflow: hidden;
  border-radius: 0.7rem;
  background: #15231d;
  color: #fffef9;
}

.po-certificates-summary::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 0.35rem;
  background: linear-gradient(90deg, #4cae50 0 42%, #e1493f 42% 68%, #5370ff 68% 88%, #efb92f 88%);
}

.po-certificates-summary h3 {
  color: #fffef9;
}

.po-certificate-item {
  border-color: rgba(21, 35, 29, 0.2);
  border-radius: 0.7rem;
  background: #fffef9;
  box-shadow: none;
}

.po-certificate-item:hover {
  border-color: #15231d;
  box-shadow: 0 24px 50px -38px rgba(21, 35, 29, 0.9);
}

.po-profile-sidebar > div:first-child {
  border-top: 0.35rem solid #4cae50;
  background: #f8faf4;
}

.po-profile-sidebar nav button,
.po-profile-sidebar nav a {
  border-radius: 0.45rem;
}

.po-profile-sidebar nav button:hover,
.po-profile-sidebar nav a:hover {
  background: #edf2e9;
}

@media (prefers-reduced-motion: reduce) {
  .po-dashboard-recommendation img,
  .po-certificate-item {
    transition: none;
  }
}