body.Dashboard,
body.Dashboard button { font-family:"Montserrat",sans-serif; }
body.Dashboard .dashboard-page { max-width:var(--content-max-wide); margin:0 auto; padding:10px 0 56px; color:#25153c; }
.dashboard-hero { display:flex; align-items:center; justify-content:space-between; gap:26px; padding:30px; border:1px solid #eadff5; border-radius:22px; background:linear-gradient(135deg,#faf5ff 0%,#fff 52%,#fff7ed 100%); box-shadow:0 14px 42px rgba(77,36,138,.06); }
.dashboard-hero-copy { display:flex; align-items:flex-start; gap:17px; }
.dashboard-tile { display:grid; place-items:center; flex:0 0 auto; width:58px; height:58px; border-radius:18px; color:#fff; background:linear-gradient(135deg,#9333ea,#f97316); box-shadow:0 10px 22px rgba(147,51,234,.25); }
.dashboard-tile svg { width:28px; height:28px; }
.dashboard-eyebrow,.dashboard-section-eyebrow { display:block; margin-bottom:5px; color:#8a5ab1; font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }
.dashboard-hero h1,.dashboard-overview-head h2,.dashboard-section-head h2,.dashboard-journey-head h2,.dashboard-panel-head h2 { margin:0; letter-spacing:-.03em; }
.dashboard-hero h1 { font-size:32px; line-height:1.15; }
.dashboard-hero p { max-width:610px; margin:8px 0 0; color:#72588f; font-size:15px; line-height:1.55; }
.dashboard-hero-actions { display:flex; align-items:center; gap:9px; flex:0 0 auto; }
.dashboard-primary-button,.dashboard-secondary-button { display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:42px; padding:0 14px; border-radius:10px; text-decoration:none; font-size:13px; font-weight:800; transition:.18s ease; }
.dashboard-primary-button { color:#fff; background:linear-gradient(90deg,#9333ea,#f97316); box-shadow:0 8px 17px rgba(147,51,234,.2); }
.dashboard-secondary-button { color:#6c3d93; border:1px solid #e7d9f0; background:#fff; }
.dashboard-primary-button:hover,.dashboard-secondary-button:hover { transform:translateY(-1px); }
.dashboard-secondary-button:hover { border-color:#c79ce7; background:#fbf7ff; }
.dashboard-primary-button svg,.dashboard-secondary-button svg { width:16px; height:16px; }
.dashboard-overview,.dashboard-workspaces-section,.dashboard-quick-access { margin-top:27px; }
.dashboard-overview-head,.dashboard-section-head,.dashboard-journey-head,.dashboard-panel-head { display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.dashboard-overview-head h2,.dashboard-section-head h2,.dashboard-journey-head h2,.dashboard-panel-head h2 { font-size:21px; }
.dashboard-updated { color:#9576ae; font-size:12px; }
.dashboard-metric-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; margin-top:14px; }
.dashboard-metric-card { min-width:0; padding:16px; border:1px solid #eadff2; border-radius:15px; background:#fff; box-shadow:0 8px 22px rgba(71,35,116,.04); }
.dashboard-metric-icon { display:grid; place-items:center; width:34px; height:34px; margin-bottom:12px; border-radius:10px; color:#963fe0; background:#f5eafd; }
.dashboard-metric-icon svg { width:17px; height:17px; }
.dashboard-metric-card strong,.dashboard-metric-card small,.dashboard-metric-label { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.dashboard-metric-card strong { color:#301a4a; font-size:23px; letter-spacing:-.04em; }
.dashboard-metric-label { margin-top:4px; color:#52316e; font-size:12px; font-weight:800; }
.dashboard-metric-card small { margin-top:4px; color:#9276ae; font-size:10px; }
.dashboard-journey-card { margin-top:24px; padding:25px; border:1px solid #eadff2; border-radius:19px; background:#fff; box-shadow:0 10px 34px rgba(71,35,116,.05); }
.dashboard-journey-total { display:flex; align-items:baseline; gap:6px; color:#8f35d7; }
.dashboard-journey-total strong { font-size:30px; line-height:1; letter-spacing:-.05em; }
.dashboard-journey-total span { color:#9878ad; font-size:12px; font-weight:700; }
.dashboard-progress,.dashboard-phase-bar,.dashboard-workspace-progress { overflow:hidden; border-radius:999px; background:#f0e7f5; }
.dashboard-progress { height:8px; margin-top:17px; }
.dashboard-progress > span,.dashboard-phase-bar > span,.dashboard-workspace-progress > span { display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#9333ea,#f97316); transition:width .35s ease; }
.dashboard-phase-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:13px; margin-top:20px; }
.dashboard-phase-card { padding:16px; border:1px solid #eee3f5; border-radius:14px; background:linear-gradient(145deg,#fdfaff,#fff); }
.dashboard-phase-head { display:flex; align-items:center; gap:10px; }
.dashboard-phase-head > span { display:grid; place-items:center; flex:0 0 auto; width:34px; height:34px; border-radius:10px; color:#9b3eea; background:#f4e9fd; }
.dashboard-phase-head svg { width:17px; height:17px; }.dashboard-phase-head h3 { margin:0; color:#40215b; font-size:13px; }.dashboard-phase-head small { display:block; margin-top:3px; color:#9276ae; font-size:10px; }.dashboard-phase-bar { height:5px; margin-top:14px; }.dashboard-phase-card ul { display:grid; gap:7px; margin:13px 0 0; padding:0; list-style:none; }.dashboard-phase-card li { display:flex; align-items:center; gap:7px; color:#6d5088; font-size:11px; }.dashboard-phase-card li svg { width:14px; height:14px; color:#b493cf; }.dashboard-phase-card li:first-child svg { color:#9a3fe0; }.dashboard-phase-card li span { flex:1; }.dashboard-phase-card li small { color:#a080b9; font-size:10px; }
.dashboard-performance-grid { display:grid; grid-template-columns:minmax(0,2fr) minmax(260px,1fr); gap:20px; margin-top:24px; }.dashboard-panel { padding:24px; border:1px solid #eadff2; border-radius:18px; background:#fff; box-shadow:0 10px 34px rgba(71,35,116,.05); }.dashboard-currency { padding:5px 8px; border-radius:999px; color:#7a4b9f; background:#f7effc; font-size:10px; font-weight:800; }.dashboard-chart-wrap { position:relative; height:285px; margin-top:16px; }.dashboard-next-panel { display:flex; align-items:flex-start; flex-direction:column; background:linear-gradient(155deg,#fcf7ff,#fff8f1); }.dashboard-next-icon { display:grid; place-items:center; width:42px; height:42px; margin-bottom:18px; border-radius:13px; color:#fff; background:linear-gradient(135deg,#9333ea,#f97316); box-shadow:0 8px 18px rgba(147,51,234,.2); }.dashboard-next-icon svg { width:20px; height:20px; }.dashboard-next-panel h2 { margin:0; color:#40215b; font-size:22px; letter-spacing:-.03em; }.dashboard-next-panel p { margin:10px 0 21px; color:#765a93; font-size:13px; line-height:1.55; }.dashboard-next-link,.dashboard-text-link { display:inline-flex; align-items:center; gap:7px; color:#8436c2; text-decoration:none; font-size:12px; font-weight:800; }.dashboard-next-link { margin-top:auto; }.dashboard-next-link svg,.dashboard-text-link svg { width:15px; height:15px; }.dashboard-next-link:hover,.dashboard-text-link:hover { color:#f06e2e; }
.dashboard-workspace-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:14px; }.dashboard-workspace-card { padding:17px; border:1px solid #eadff2; border-radius:16px; background:#fff; box-shadow:0 8px 22px rgba(71,35,116,.04); }.dashboard-workspace-card-head { display:flex; align-items:center; gap:10px; }.dashboard-workspace-icon { display:grid; place-items:center; flex:0 0 auto; width:38px; height:38px; border-radius:11px; color:#9148d5; background:#f4e9fd; }.dashboard-workspace-icon svg { width:18px; height:18px; }.dashboard-workspace-card-head > div { min-width:0; flex:1; }.dashboard-workspace-card h3,.dashboard-workspace-card small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.dashboard-workspace-card h3 { margin:0; color:#3b2054; font-size:13px; }.dashboard-workspace-card small { margin-top:3px; color:#9276ae; font-size:10px; }.dashboard-workspace-card-head > strong { color:#913bd5; font-size:13px; }.dashboard-workspace-progress { height:5px; margin-top:14px; }.dashboard-product-list { display:grid; gap:5px; margin-top:14px; }.dashboard-product-row { display:flex; align-items:center; gap:8px; min-width:0; padding:7px; border-radius:9px; color:inherit; text-decoration:none; }.dashboard-product-row:hover { background:#faf6fd; }.dashboard-product-image { display:grid; place-items:center; overflow:hidden; flex:0 0 auto; width:28px; height:28px; border-radius:7px; background:#f3eaf9; }.dashboard-product-image img { width:100%; height:100%; object-fit:cover; }.dashboard-product-image.is-empty img { display:none; }.dashboard-product-row > span:nth-child(2) { min-width:0; flex:1; }.dashboard-product-row strong,.dashboard-product-row small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.dashboard-product-row strong { color:#56356f; font-size:11px; }.dashboard-product-row small { margin-top:2px; color:#997daf; font-size:9px; }.dashboard-product-row em { color:#8a4aba; font-size:10px; font-style:normal; font-weight:800; }.dashboard-workspace-link { display:flex; align-items:center; justify-content:space-between; margin-top:12px; padding-top:12px; border-top:1px solid #f1e8f6; color:#833abb; text-decoration:none; font-size:11px; font-weight:800; }.dashboard-workspace-link svg { width:14px; height:14px; }.dashboard-workspace-empty { display:flex; grid-column:1 / -1; align-items:center; gap:15px; padding:26px; border:1px dashed #deccea; border-radius:16px; color:#72588f; background:#fdfbff; }.dashboard-workspace-empty > span { display:grid; place-items:center; width:48px; height:48px; border-radius:14px; color:#9148d5; background:#f4e9fd; }.dashboard-workspace-empty svg { width:23px; height:23px; }.dashboard-workspace-empty h3 { margin:0; color:#482460; font-size:16px; }.dashboard-workspace-empty p { margin:4px 0 9px; font-size:12px; }.dashboard-workspace-empty a { display:inline-flex; align-items:center; gap:6px; color:#833abb; text-decoration:none; font-size:12px; font-weight:800; }.dashboard-workspace-empty a svg { width:14px; height:14px; }
.dashboard-quick-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px; margin-top:14px; }.dashboard-quick-card { display:flex; align-items:center; gap:8px; min-width:0; padding:12px; border:1px solid #eadff2; border-radius:12px; color:#4a2c63; text-decoration:none; background:#fff; transition:.18s ease; }.dashboard-quick-card:hover { transform:translateY(-2px); border-color:#c997e6; box-shadow:0 8px 16px rgba(113,55,159,.08); }.dashboard-quick-card > span { display:grid; place-items:center; flex:0 0 auto; width:29px; height:29px; border-radius:8px; color:#9a3fe0; background:#f5eafd; }.dashboard-quick-card > span svg,.dashboard-quick-card > svg { width:15px; height:15px; }.dashboard-quick-card strong { overflow:hidden; flex:1; color:#56336f; font-size:10px; line-height:1.25; }.dashboard-quick-card > svg { color:#aa85c1; }
@media (max-width:1050px) { .dashboard-metric-grid { grid-template-columns:repeat(3,1fr); }.dashboard-quick-grid { grid-template-columns:repeat(3,1fr); }.dashboard-workspace-grid { grid-template-columns:repeat(2,1fr); } }
@media (max-width:780px) { body.Dashboard .dashboard-page { padding:8px 0 38px; }.dashboard-hero { align-items:flex-start; flex-direction:column; }.dashboard-phase-grid,.dashboard-performance-grid { grid-template-columns:1fr; }.dashboard-workspace-grid { grid-template-columns:1fr; }.dashboard-chart-wrap { height:235px; } }
@media (max-width:540px) { .dashboard-hero,.dashboard-journey-card,.dashboard-panel { padding:20px; }.dashboard-hero h1 { font-size:27px; }.dashboard-hero-actions { width:100%; }.dashboard-hero-actions a { flex:1; }.dashboard-metric-grid { grid-template-columns:repeat(2,1fr); }.dashboard-quick-grid { grid-template-columns:repeat(2,1fr); }.dashboard-overview-head,.dashboard-section-head,.dashboard-journey-head { align-items:flex-start; flex-direction:column; }.dashboard-updated { display:none; } }

.dashboard-phase-card .dashboard-phase-step { display:flex; align-items:center; gap:7px; width:100%; padding:3px 0; border:0; color:#6d5088; background:transparent; cursor:pointer; font:inherit; font-size:11px; text-align:left; }
.dashboard-phase-card .dashboard-phase-step:hover { color:#7436a6; }
.dashboard-phase-card .dashboard-phase-step:disabled { cursor:default; opacity:.65; }
.dashboard-phase-card .dashboard-phase-step svg { width:14px; height:14px; color:#b493cf; }
.dashboard-phase-card .dashboard-phase-step span { flex:1; }
.dashboard-phase-card .dashboard-phase-step small { color:#a080b9; font-size:10px; }
.dashboard-phase-card .dashboard-phase-step[role="link"]:focus-visible { outline:2px solid #b76be8; outline-offset:3px; border-radius:5px; }

.dashboard-quick-groups { display:grid; gap:14px; margin-top:14px; }
.dashboard-quick-group { padding:17px; border:1px solid #eadff2; border-radius:16px; background:linear-gradient(145deg,#fdfaff,#fff); }
.dashboard-quick-group h3 { margin:0; color:#482460; font-size:14px; }
.dashboard-quick-group .dashboard-quick-grid { grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:12px; }
@media (max-width:1050px) { .dashboard-quick-group .dashboard-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:540px) { .dashboard-quick-group { padding:14px; }.dashboard-quick-group .dashboard-quick-grid { grid-template-columns:1fr; } }

.dashboard-performance-caption { margin: 12px 0 0; color: #765a93; font-size: 11px; line-height: 1.5; }
