:root {
    --vcp-font-body: "Manrope", "Avenir Next", "Segoe UI", sans-serif;
    --vcp-font-display: "Space Grotesk", "Manrope", sans-serif;
    --vcp-bg: #0a0d12;
    --vcp-panel: rgba(15, 19, 26, 0.84);
    --vcp-panel-strong: rgba(16, 20, 28, 0.95);
    --vcp-ink: #f5f6f7;
    --vcp-ink-soft: #a2acbb;
    --vcp-ink-muted: #707987;
    --vcp-line: rgba(255, 255, 255, 0.07);
    --vcp-line-strong: rgba(255, 255, 255, 0.12);
    --vcp-brand: #F20055;
    --vcp-brand-hover: #c81e78;
    --vcp-brand-deep: #ff5bb5;
    --vcp-brand-soft: #f2b7d7;
    --vcp-accent: #ff5bb5;
    --vcp-sun: #ff5bb5;
    --vcp-galaxy-blue: #4f5fff;
    --vcp-galaxy-purple: #7a38ff;
    --vcp-galaxy-deep: #2c0f66;
    --vcp-danger: #ff7f9f;
    --vcp-success: #67983e;
    --vcp-dark: #ffffff;
    --vcp-radius-lg: 30px;
    --vcp-radius-md: 22px;
    --vcp-radius-sm: 16px;
    --vcp-shadow-lg: 0 28px 68px rgba(0, 0, 0, 0.34);
    --vcp-shadow-md: 0 18px 40px rgba(0, 0, 0, 0.24);
    --vcp-shadow-sm: 0 10px 24px rgba(0, 0, 0, 0.18);
}

/* Dashboard redesign: align with the calmer Project Detail language */

.vcp-dashboard-showcase,
.vcp-dashboard-lower-grid,
.vcp-dashboard-support-grid {
    gap: 24px;
    align-items: start;
}

.vcp-dashboard-showcase {
    grid-template-columns: minmax(0, 1.1fr) minmax(340px, 0.9fr);
}

.vcp-dashboard-welcome,
.vcp-dashboard-finance-panel,
.vcp-dashboard-lower-grid > .vcp-panel,
.vcp-dashboard-support-grid > .vcp-panel {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(180deg, rgba(16, 19, 24, 0.96), rgba(12, 15, 20, 0.985));
    box-shadow: none;
}

.vcp-dashboard-welcome {
    display: grid;
    gap: 26px;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 76, 255, 0.09), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(91, 108, 255, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(16, 19, 26, 0.96), rgba(12, 15, 20, 0.985));
}

.vcp-dashboard-welcome-copy {
    display: grid;
    gap: 18px;
}

.vcp-dashboard-welcome h3 {
    margin: 0;
}

.vcp-dashboard-greeting-lead,
.vcp-dashboard-greeting-question {
    display: block;
    letter-spacing: -0.055em;
}

.vcp-dashboard-greeting-lead {
    font-size: clamp(32px, 3.2vw, 42px);
    line-height: 0.98;
}

.vcp-dashboard-greeting-question {
    font-size: clamp(48px, 4.8vw, 68px);
    line-height: 0.92;
}

.vcp-dashboard-summary {
    max-width: 58ch;
    color: rgba(245, 246, 247, 0.68);
}

.vcp-dashboard-priority-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    padding-top: 6px;
}

.vcp-dashboard-priority-pill {
    min-height: auto;
    padding: 0 0 0 22px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-priority-pill:first-child {
    padding-left: 0;
    border-left: 0;
}

.vcp-dashboard-priority-pill span {
    display: block;
    margin-bottom: 10px;
    color: rgba(255, 255, 255, 0.46);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.vcp-dashboard-priority-pill strong {
    color: #f5f6f7;
    font-size: clamp(30px, 3vw, 42px);
    line-height: 1;
}

.vcp-dashboard-showcase .vcp-action-row,
.vcp-dashboard-finance-panel .vcp-action-row,
.vcp-dashboard-team-panel .vcp-action-row {
    gap: 12px;
    flex-wrap: wrap;
}

.vcp-dashboard-showcase .vcp-button,
.vcp-dashboard-lower-grid .vcp-button,
.vcp-dashboard-support-grid .vcp-button {
    min-height: 44px;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: none;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.vcp-dashboard-showcase .vcp-button:not(.is-secondary),
.vcp-dashboard-lower-grid .vcp-button:not(.is-secondary),
.vcp-dashboard-support-grid .vcp-button:not(.is-secondary) {
    background: linear-gradient(180deg, rgba(114, 127, 188, 0.92), rgba(79, 90, 142, 0.96));
    border: 1px solid rgba(182, 192, 255, 0.14);
    color: #f8fbff;
}

.vcp-dashboard-showcase .vcp-button:not(.is-secondary):hover,
.vcp-dashboard-lower-grid .vcp-button:not(.is-secondary):hover,
.vcp-dashboard-support-grid .vcp-button:not(.is-secondary):hover {
    transform: translateY(-1px);
    background: linear-gradient(180deg, rgba(126, 139, 200, 0.98), rgba(88, 98, 150, 0.98));
    border-color: rgba(191, 200, 255, 0.18);
    color: #ffffff;
}

.vcp-dashboard-showcase .vcp-button.is-secondary,
.vcp-dashboard-lower-grid .vcp-button.is-secondary,
.vcp-dashboard-support-grid .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #eef2f7;
}

.vcp-dashboard-showcase .vcp-button.is-secondary:hover,
.vcp-dashboard-lower-grid .vcp-button.is-secondary:hover,
.vcp-dashboard-support-grid .vcp-button.is-secondary:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.vcp-dashboard-finance-panel {
    display: grid;
    gap: 24px;
}

.vcp-dashboard-finance-main {
    padding: 0 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-feature-top {
    gap: 16px;
    align-items: flex-start;
}

.vcp-dashboard-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-balance {
    font-size: clamp(42px, 4vw, 62px);
    line-height: 0.94;
}

.vcp-dashboard-supporting {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vcp-dashboard-mini-pill {
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(245, 246, 247, 0.72);
}

.vcp-dashboard-finance-grid {
    grid-template-columns: 1fr;
    gap: 0;
}

.vcp-dashboard-finance-mini,
.vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    padding: 0;
    border: 0;
    background: transparent;
}

.vcp-dashboard-finance-mini strong {
    font-size: clamp(32px, 3vw, 44px);
    line-height: 1;
}

.vcp-dashboard-lower-grid .vcp-panel-head,
.vcp-dashboard-support-grid .vcp-panel-head {
    display: flex;
    justify-content: space-between;
    align-items: end;
    gap: 18px;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-lower-grid .vcp-panel-head h3,
.vcp-dashboard-support-grid .vcp-panel-head h3 {
    font-size: clamp(22px, 2.4vw, 30px);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.vcp-dashboard-lower-grid .vcp-panel-head p,
.vcp-dashboard-support-grid .vcp-panel-head p {
    max-width: 40ch;
    color: rgba(255, 255, 255, 0.62);
}

.vcp-dashboard-lower-grid .vcp-panel-head a,
.vcp-dashboard-support-grid .vcp-panel-head a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: #eef2f7;
    transition: background 0.2s ease, color 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}

.vcp-dashboard-lower-grid .vcp-panel-head a:hover,
.vcp-dashboard-support-grid .vcp-panel-head a:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
}

.vcp-dashboard-task-tabs {
    width: fit-content;
    padding: 6px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.025);
    gap: 6px;
}

.vcp-dashboard-task-tab {
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    background: transparent;
}

.vcp-dashboard-task-tab.is-active,
.vcp-dashboard-task-tab[aria-selected="true"] {
    background: rgba(105, 116, 180, 0.3);
    border-color: rgba(184, 193, 255, 0.12);
}

.vcp-dashboard-task-list,
.vcp-invoice-stack {
    gap: 14px;
}

.vcp-dashboard-task-row,
.vcp-dashboard-invoices-panel .vcp-invoice-card {
    padding: 20px 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.015));
    box-shadow: none;
}

.vcp-dashboard-task-row:hover,
.vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    border-color: rgba(255, 255, 255, 0.11);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.02));
    transform: translateY(-1px);
}

.vcp-dashboard-task-content {
    gap: 8px;
}

.vcp-dashboard-task-support {
    color: rgba(255, 255, 255, 0.54);
}

.vcp-dashboard-task-open {
    min-width: 96px;
    justify-content: center;
}

.vcp-dashboard-update-list {
    gap: 0;
}

.vcp-dashboard-update-item {
    padding: 18px 0;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-update-item:first-child {
    padding-top: 0;
    border-top: 0;
}

.vcp-dashboard-update-item:hover {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.1);
    transform: none;
}

.vcp-dashboard-update-top {
    gap: 18px;
}

.vcp-dashboard-update-meta {
    color: rgba(255, 255, 255, 0.52);
}

.vcp-dashboard-update-meta a {
    color: #eef2f7;
    transition: color 0.2s ease, transform 0.2s ease;
}

.vcp-dashboard-update-meta a:hover {
    color: #ffffff;
    transform: translateX(2px);
}

.vcp-dashboard-team-card {
    padding: 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.015));
    box-shadow: none;
}

.vcp-dashboard-team-grid {
    gap: 14px;
}

html[data-vcp-theme="light"] .vcp-dashboard-welcome,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid > .vcp-panel,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid > .vcp-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(154, 112, 255, 0.05), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(91, 108, 255, 0.04), transparent 28%),
        #ffffff;
    border: 1px solid rgba(17, 24, 39, 0.08);
    box-shadow: 0 16px 42px rgba(15, 23, 42, 0.05);
}

html[data-vcp-theme="light"] .vcp-dashboard-welcome h3,
html[data-vcp-theme="light"] .vcp-dashboard-balance,
html[data-vcp-theme="light"] .vcp-dashboard-priority-pill strong,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-task-heading h4,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card h4,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card strong,
html[data-vcp-theme="light"] .vcp-dashboard-update-item strong,
html[data-vcp-theme="light"] .vcp-dashboard-team-card h4,
html[data-vcp-theme="light"] .vcp-dashboard-team-meta strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-summary,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head p,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head p,
html[data-vcp-theme="light"] .vcp-dashboard-task-meta,
html[data-vcp-theme="light"] .vcp-dashboard-task-support,
html[data-vcp-theme="light"] .vcp-dashboard-update-meta,
html[data-vcp-theme="light"] .vcp-dashboard-team-meta,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card p {
    color: #68707f;
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-pill span,
html[data-vcp-theme="light"] .vcp-dashboard-mini-pill,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head a,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head a {
    color: rgba(28, 34, 48, 0.68);
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-row,
html[data-vcp-theme="light"] .vcp-dashboard-finance-main,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head,
html[data-vcp-theme="light"] .vcp-dashboard-update-item,
html[data-vcp-theme="light"] .vcp-dashboard-task-row,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card,
html[data-vcp-theme="light"] .vcp-dashboard-team-card {
    border-color: rgba(17, 24, 39, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tabs {
    background: rgba(17, 24, 39, 0.03);
    border-color: rgba(17, 24, 39, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tab {
    color: rgba(28, 34, 48, 0.64);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tab.is-active,
html[data-vcp-theme="light"] .vcp-dashboard-task-tab[aria-selected="true"] {
    background: rgba(93, 104, 176, 0.13);
    border-color: rgba(93, 104, 176, 0.14);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-row,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card,
html[data-vcp-theme="light"] .vcp-dashboard-team-card {
    background: #ffffff;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-row:hover,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    background: #ffffff;
    border-color: rgba(17, 24, 39, 0.12);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-secondary,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-button.is-secondary,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button.is-secondary {
    background: rgba(17, 24, 39, 0.02);
    border-color: rgba(17, 24, 39, 0.09);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head a:hover,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head a:hover {
    background: rgba(93, 104, 176, 0.08);
    border-color: rgba(93, 104, 176, 0.14);
    color: #374266;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button:not(.is-secondary),
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-button:not(.is-secondary),
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button:not(.is-secondary) {
    background: linear-gradient(180deg, rgba(112, 124, 188, 0.92), rgba(86, 97, 152, 0.96));
    border-color: rgba(112, 124, 188, 0.16);
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button:not(.is-secondary):hover,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-button:not(.is-secondary):hover,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button:not(.is-secondary):hover {
    color: #ffffff;
}

@media (max-width: 1200px) {
    .vcp-dashboard-showcase,
    .vcp-dashboard-lower-grid,
    .vcp-dashboard-support-grid {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase {
        gap: 22px;
    }
}

@media (max-width: 900px) {
    .vcp-dashboard-welcome,
    .vcp-dashboard-finance-panel,
    .vcp-dashboard-lower-grid > .vcp-panel,
    .vcp-dashboard-support-grid > .vcp-panel {
        padding: 24px;
        border-radius: 24px;
    }

    .vcp-dashboard-priority-row {
        grid-template-columns: 1fr;
        gap: 16px;
    }

    .vcp-dashboard-priority-pill {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        padding-top: 16px;
    }

    .vcp-dashboard-priority-pill:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .vcp-dashboard-lower-grid .vcp-panel-head,
    .vcp-dashboard-support-grid .vcp-panel-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-dashboard-task-tabs {
        width: 100%;
        overflow-x: auto;
    }
}

/* Dashboard redesign: align the dashboard with the calmer Project Detail language */

.vcp-dashboard-showcase,
.vcp-dashboard-lower-grid,
.vcp-dashboard-support-grid {
    gap: 24px;
    align-items: start;
}

.vcp-dashboard-showcase {
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
}

.vcp-dashboard-welcome,
.vcp-dashboard-finance-panel,
.vcp-dashboard-lower-grid > .vcp-panel,
.vcp-dashboard-support-grid > .vcp-panel {
    position: relative;
    overflow: hidden;
    padding: 30px 32px;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    background: linear-gradient(180deg, rgba(16, 19, 24, 0.96), rgba(12, 15, 20, 0.985));
    box-shadow: none;
}

.vcp-dashboard-welcome {
    display: grid;
    gap: 22px;
    min-height: 0;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 76, 255, 0.085), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(91, 108, 255, 0.075), transparent 30%),
        linear-gradient(180deg, rgba(16, 19, 26, 0.97), rgba(12, 15, 20, 0.985));
}

.vcp-dashboard-welcome-copy {
    display: grid;
    gap: 16px;
}

.vcp-eyebrow {
    color: rgba(242, 92, 178, 0.92);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
}

.vcp-dashboard-greeting-lead,
.vcp-dashboard-greeting-question {
    display: block;
    margin: 0;
    color: #f6f7f8;
    font-family: var(--vcp-font-display);
    line-height: 0.96;
    letter-spacing: -0.055em;
}

.vcp-dashboard-greeting-lead {
    font-size: clamp(34px, 3.2vw, 44px);
}

.vcp-dashboard-greeting-question {
    font-size: clamp(48px, 4.6vw, 68px);
    max-width: 9ch;
}

.vcp-dashboard-summary {
    max-width: 54ch;
    margin: 0;
    color: rgba(244, 247, 252, 0.68);
    font-size: 16px;
    line-height: 1.75;
}

.vcp-dashboard-priority-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 4px;
}

.vcp-dashboard-priority-pill {
    min-height: 0;
    padding: 0 0 0 22px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-priority-pill:first-child {
    padding-left: 0;
    border-left: 0;
}

.vcp-dashboard-priority-pill span {
    display: block;
    margin-bottom: 8px;
    color: rgba(255, 255, 255, 0.44);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.vcp-dashboard-priority-pill strong {
    display: block;
    color: #f5f6f7;
    font-family: var(--vcp-font-display);
    font-size: clamp(34px, 3vw, 44px);
    line-height: 0.94;
    letter-spacing: -0.045em;
}

.vcp-dashboard-welcome .vcp-action-row,
.vcp-dashboard-finance-panel .vcp-action-row,
.vcp-dashboard-lower-grid .vcp-action-row,
.vcp-dashboard-support-grid .vcp-action-row {
    gap: 12px;
}

.vcp-dashboard-welcome .vcp-button,
.vcp-dashboard-finance-panel .vcp-button,
.vcp-dashboard-lower-grid .vcp-button,
.vcp-dashboard-support-grid .vcp-button {
    min-height: 44px;
    padding: 0 20px;
    border-radius: 999px;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
    box-shadow: none;
    transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.vcp-dashboard-welcome .vcp-button:not(.is-secondary),
.vcp-dashboard-finance-panel .vcp-button:not(.is-secondary),
.vcp-dashboard-lower-grid .vcp-button:not(.is-secondary),
.vcp-dashboard-support-grid .vcp-button:not(.is-secondary) {
    background: linear-gradient(180deg, rgba(116, 128, 190, 0.92), rgba(78, 88, 138, 0.96));
    border-color: rgba(194, 203, 255, 0.16);
    color: #f7f8fb;
}

.vcp-dashboard-welcome .vcp-button:not(.is-secondary):hover,
.vcp-dashboard-welcome .vcp-button:not(.is-secondary):focus-visible,
.vcp-dashboard-finance-panel .vcp-button:not(.is-secondary):hover,
.vcp-dashboard-finance-panel .vcp-button:not(.is-secondary):focus-visible,
.vcp-dashboard-lower-grid .vcp-button:not(.is-secondary):hover,
.vcp-dashboard-lower-grid .vcp-button:not(.is-secondary):focus-visible,
.vcp-dashboard-support-grid .vcp-button:not(.is-secondary):hover,
.vcp-dashboard-support-grid .vcp-button:not(.is-secondary):focus-visible {
    background: linear-gradient(180deg, rgba(132, 145, 212, 0.96), rgba(89, 101, 164, 0.98));
    border-color: rgba(214, 221, 255, 0.22);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-dashboard-welcome .vcp-button.is-secondary,
.vcp-dashboard-finance-panel .vcp-button.is-secondary,
.vcp-dashboard-lower-grid .vcp-button.is-secondary,
.vcp-dashboard-support-grid .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.1);
    color: #f2f4f7;
    min-height: 36px;
    padding: 0 14px;
    font-size: 13px;
    font-weight: 600;
}

.vcp-dashboard-welcome .vcp-button.is-secondary:hover,
.vcp-dashboard-welcome .vcp-button.is-secondary:focus-visible,
.vcp-dashboard-finance-panel .vcp-button.is-secondary:hover,
.vcp-dashboard-finance-panel .vcp-button.is-secondary:focus-visible,
.vcp-dashboard-lower-grid .vcp-button.is-secondary:hover,
.vcp-dashboard-lower-grid .vcp-button.is-secondary:focus-visible,
.vcp-dashboard-support-grid .vcp-button.is-secondary:hover,
.vcp-dashboard-support-grid .vcp-button.is-secondary:focus-visible {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-dashboard-finance-panel {
    display: grid;
    gap: 24px;
}

.vcp-dashboard-finance-main {
    padding: 0 0 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-feature-top {
    gap: 16px;
    align-items: flex-start;
}

.vcp-dashboard-icon {
    width: 46px;
    height: 46px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.085);
}

.vcp-dashboard-balance {
    display: block;
    margin-top: 8px;
    color: #f6f7f8;
    font-family: var(--vcp-font-display);
    font-size: clamp(46px, 4vw, 64px);
    line-height: 0.92;
    letter-spacing: -0.05em;
}

.vcp-dashboard-supporting {
    margin-top: 18px;
}

.vcp-dashboard-mini-pill {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(243, 245, 249, 0.72);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.vcp-dashboard-finance-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 0;
}

.vcp-dashboard-finance-mini,
.vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    padding: 0;
    border: 0;
    background: transparent;
}

.vcp-dashboard-finance-mini strong {
    color: #f6f7f8;
    font-family: var(--vcp-font-display);
    font-size: clamp(38px, 3.1vw, 48px);
    line-height: 0.94;
    letter-spacing: -0.04em;
}

.vcp-dashboard-finance-mini p {
    max-width: 24ch;
    margin: 10px 0 0;
}

.vcp-dashboard-lower-grid > .vcp-panel,
.vcp-dashboard-support-grid > .vcp-panel {
    min-height: 100%;
}

.vcp-dashboard-lower-grid .vcp-panel-head,
.vcp-dashboard-support-grid .vcp-panel-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 18px;
    margin-bottom: 22px;
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.075);
}

.vcp-dashboard-lower-grid .vcp-panel-head > div,
.vcp-dashboard-support-grid .vcp-panel-head > div {
    display: grid;
    gap: 8px;
}

.vcp-dashboard-lower-grid .vcp-panel-head h3,
.vcp-dashboard-support-grid .vcp-panel-head h3 {
    margin: 0;
    color: #f6f7f8;
    font-family: var(--vcp-font-display);
    font-size: clamp(32px, 3vw, 46px);
    line-height: 0.96;
    letter-spacing: -0.05em;
}

.vcp-dashboard-lower-grid .vcp-panel-head p,
.vcp-dashboard-support-grid .vcp-panel-head p {
    max-width: 40ch;
    margin: 0;
    color: rgba(244, 247, 252, 0.62);
    font-size: 15px;
    line-height: 1.7;
}

.vcp-dashboard-lower-grid .vcp-panel-head a,
.vcp-dashboard-support-grid .vcp-panel-head a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.02);
    color: rgba(244, 247, 252, 0.82);
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-decoration: none;
    transition: background 0.22s ease, border-color 0.22s ease, color 0.22s ease, transform 0.22s ease;
}

.vcp-dashboard-lower-grid .vcp-panel-head a:hover,
.vcp-dashboard-lower-grid .vcp-panel-head a:focus-visible,
.vcp-dashboard-support-grid .vcp-panel-head a:hover,
.vcp-dashboard-support-grid .vcp-panel-head a:focus-visible {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-dashboard-task-hub .vcp-panel-head a {
    min-height: 0;
    padding: 0;
    border: 0;
    border-radius: 0;
    vertical-align: baseline;
    background: transparent;
    color: rgba(244, 247, 252, 0.72);
    -webkit-text-fill-color: rgba(244, 247, 252, 0.72);
}

.vcp-dashboard-task-hub .vcp-panel-head a:hover,
.vcp-dashboard-task-hub .vcp-panel-head a:focus-visible {
    background: transparent;
    border-color: transparent;
    color: #f6f6f6;
    -webkit-text-fill-color: #f6f6f6;
    transform: none;
}

.vcp-dashboard-task-tabs {
    width: fit-content;
    padding: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.025);
    border: 1px solid rgba(255, 255, 255, 0.08);
    gap: 6px;
}

.vcp-dashboard-task-tab {
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: transparent;
    border-color: transparent;
    color: rgba(244, 247, 252, 0.68);
}

.vcp-dashboard-task-tab span {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vcp-dashboard-task-tab strong {
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, 0.06);
    color: rgba(244, 247, 252, 0.74);
    font-size: 11px;
}

.vcp-dashboard-task-tab:hover {
    background: rgba(255, 255, 255, 0.035);
}

.vcp-dashboard-task-tab.is-active,
.vcp-dashboard-task-tab[aria-selected="true"] {
    background: rgba(118, 129, 194, 0.17);
    border-color: rgba(173, 183, 255, 0.12);
    color: #ffffff;
}

.vcp-dashboard-task-tab.is-active strong,
.vcp-dashboard-task-tab[aria-selected="true"] strong {
    background: rgba(255, 255, 255, 0.18);
    color: #ffffff;
}

.vcp-dashboard-task-list,
.vcp-invoice-stack {
    display: grid;
    gap: 14px;
}

.vcp-dashboard-update-list {
    display: grid;
    gap: 0;
}

.vcp-dashboard-task-row,
.vcp-dashboard-invoices-panel .vcp-invoice-card {
    padding: 20px 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.012));
    box-shadow: none;
}

.vcp-dashboard-task-row:hover,
.vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.11);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.016));
}

.vcp-dashboard-task-heading h4,
.vcp-dashboard-invoices-panel .vcp-invoice-card h4,
.vcp-dashboard-invoices-panel .vcp-invoice-card strong,
.vcp-dashboard-team-card h4,
.vcp-dashboard-team-card strong {
    color: #f6f7f8;
}

.vcp-dashboard-task-meta,
.vcp-dashboard-task-support,
.vcp-dashboard-update-meta,
.vcp-dashboard-team-meta,
.vcp-dashboard-invoices-panel .vcp-invoice-card p,
.vcp-dashboard-update-item p {
    color: rgba(244, 247, 252, 0.6);
}

.vcp-dashboard-task-progress-row {
    margin-top: 14px;
}

.vcp-dashboard-task-open,
.vcp-dashboard-invoices-panel .vcp-action-row .vcp-button,
.vcp-dashboard-team-panel .vcp-action-row .vcp-button {
    min-height: 40px;
    padding: 0 16px;
}

.vcp-dashboard-update-item {
    padding: 18px 0;
    border-radius: 0;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-update-item:first-child {
    padding-top: 0;
    border-top: 0;
}

.vcp-dashboard-update-item:hover {
    transform: none;
    background: transparent;
    border-color: rgba(255, 255, 255, 0.075);
}

.vcp-dashboard-update-top {
    gap: 18px;
}

.vcp-dashboard-update-meta {
    margin-top: 12px;
}

.vcp-dashboard-update-meta a {
    color: rgba(244, 247, 252, 0.8);
    text-decoration: none;
    transition: color 0.22s ease;
}

.vcp-dashboard-update-meta a:hover,
.vcp-dashboard-update-meta a:focus-visible {
    color: #ffffff;
}

.vcp-dashboard-team-card {
    padding: 20px 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.012));
    box-shadow: none;
}

.vcp-dashboard-team-grid {
    gap: 14px;
}

.vcp-dashboard-team-meta {
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    background: rgba(255, 255, 255, 0.018);
}

.vcp-dashboard-team-card a {
    color: rgba(244, 247, 252, 0.82);
}

.vcp-dashboard-team-card a:hover,
.vcp-dashboard-team-card a:focus-visible {
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-dashboard-welcome,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid > .vcp-panel,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid > .vcp-panel {
    border-color: rgba(19, 25, 36, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 250, 255, 0.98));
    box-shadow: 0 18px 44px rgba(17, 24, 39, 0.05);
}

html[data-vcp-theme="light"] .vcp-dashboard-welcome {
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 76, 255, 0.055), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(91, 108, 255, 0.05), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(251, 248, 255, 0.98));
}

html[data-vcp-theme="light"] .vcp-dashboard-greeting-lead,
html[data-vcp-theme="light"] .vcp-dashboard-greeting-question,
html[data-vcp-theme="light"] .vcp-dashboard-balance,
html[data-vcp-theme="light"] .vcp-dashboard-priority-pill strong,
html[data-vcp-theme="light"] .vcp-dashboard-finance-mini strong,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-task-heading h4,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card h4,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card strong,
html[data-vcp-theme="light"] .vcp-dashboard-team-card h4,
html[data-vcp-theme="light"] .vcp-dashboard-team-card strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-summary,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head p,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head p,
html[data-vcp-theme="light"] .vcp-dashboard-task-meta,
html[data-vcp-theme="light"] .vcp-dashboard-task-support,
html[data-vcp-theme="light"] .vcp-dashboard-update-meta,
html[data-vcp-theme="light"] .vcp-dashboard-team-meta,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card p,
html[data-vcp-theme="light"] .vcp-dashboard-update-item p {
    color: rgba(28, 34, 48, 0.62);
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-pill,
html[data-vcp-theme="light"] .vcp-dashboard-finance-main,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head,
html[data-vcp-theme="light"] .vcp-dashboard-update-item,
html[data-vcp-theme="light"] .vcp-dashboard-task-tabs {
    border-color: rgba(19, 25, 36, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-pill span,
html[data-vcp-theme="light"] .vcp-dashboard-mini-pill,
html[data-vcp-theme="light"] .vcp-dashboard-task-tab,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card .vcp-card-label,
html[data-vcp-theme="light"] .vcp-dashboard-update-meta span,
html[data-vcp-theme="light"] .vcp-dashboard-team-meta {
    color: rgba(28, 34, 48, 0.5);
}

html[data-vcp-theme="light"] .vcp-dashboard-icon,
html[data-vcp-theme="light"] .vcp-dashboard-mini-pill,
html[data-vcp-theme="light"] .vcp-dashboard-task-tabs,
html[data-vcp-theme="light"] .vcp-dashboard-task-row,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card,
html[data-vcp-theme="light"] .vcp-dashboard-team-card,
html[data-vcp-theme="light"] .vcp-dashboard-team-meta {
    background: rgba(19, 25, 36, 0.03);
    border-color: rgba(19, 25, 36, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-row:hover,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-invoice-card:hover,
html[data-vcp-theme="light"] .vcp-dashboard-team-card:hover {
    border-color: rgba(19, 25, 36, 0.12);
    background: rgba(19, 25, 36, 0.05);
}

html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head a,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head a,
html[data-vcp-theme="light"] .vcp-dashboard-welcome .vcp-button.is-secondary,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel .vcp-button.is-secondary,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-button.is-secondary,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button.is-secondary {
    background: rgba(19, 25, 36, 0.035);
    border-color: rgba(19, 25, 36, 0.1);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head a:hover,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-panel-head a:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head a:hover,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-panel-head a:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-welcome .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-dashboard-welcome .vcp-button.is-secondary:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel .vcp-button.is-secondary:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-dashboard-lower-grid .vcp-button.is-secondary:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button.is-secondary:focus-visible {
    background: rgba(79, 95, 255, 0.08);
    border-color: rgba(79, 95, 255, 0.14);
    color: #1c2230;
}

@media (max-width: 1200px) {
    .vcp-dashboard-showcase {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-lower-grid,
    .vcp-dashboard-support-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 900px) {
    .vcp-dashboard-welcome,
    .vcp-dashboard-finance-panel,
    .vcp-dashboard-lower-grid > .vcp-panel,
    .vcp-dashboard-support-grid > .vcp-panel {
        padding: 24px;
        border-radius: 24px;
    }

    .vcp-dashboard-priority-row {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .vcp-dashboard-priority-pill {
        padding-left: 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.08);
        padding-top: 18px;
    }

    .vcp-dashboard-priority-pill:first-child {
        border-top: 0;
        padding-top: 0;
    }

    html[data-vcp-theme="light"] .vcp-dashboard-priority-pill {
        border-top-color: rgba(19, 25, 36, 0.08);
    }

    .vcp-dashboard-lower-grid .vcp-panel-head,
    .vcp-dashboard-support-grid .vcp-panel-head {
        align-items: flex-start;
        flex-direction: column;
    }

    .vcp-dashboard-task-tabs {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
    }
}

/* Dashboard refinement: align with the cleaner Project Detail visual system */

.vcp-dashboard-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    gap: 24px;
    align-items: stretch;
}

.vcp-dashboard-lower-grid,
.vcp-dashboard-support-grid {
    gap: 24px;
    align-items: start;
}

.vcp-dashboard-showcase .vcp-dashboard-welcome,
.vcp-dashboard-showcase .vcp-dashboard-finance-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
    padding: 28px 30px 30px;
    border-radius: 32px;
    border: 1px solid rgba(255, 255, 255, 0.065);
    background: linear-gradient(180deg, rgba(14, 17, 24, 0.95), rgba(11, 14, 19, 0.985));
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-welcome {
    display: grid;
    gap: 24px;
    min-height: 0;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 76, 255, 0.06), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(91, 108, 255, 0.055), transparent 28%),
        linear-gradient(180deg, rgba(16, 19, 26, 0.96), rgba(12, 15, 20, 0.985));
}

.vcp-dashboard-showcase .vcp-dashboard-welcome-copy {
    gap: 18px;
}

.vcp-dashboard-showcase .vcp-eyebrow {
    color: #f25cb2;
    font-size: 10px;
    letter-spacing: 0.18em;
}

.vcp-dashboard-showcase .vcp-dashboard-welcome h3 {
    margin: 0;
    max-width: 11ch;
    font-family: var(--vcp-font-display);
    font-size: clamp(38px, 4.2vw, 64px);
    line-height: 0.94;
    letter-spacing: -0.055em;
}

.vcp-dashboard-showcase .vcp-dashboard-greeting-lead,
.vcp-dashboard-showcase .vcp-dashboard-greeting-question {
    display: block;
}

.vcp-dashboard-showcase .vcp-dashboard-greeting-lead {
    color: #ffffff;
}

.vcp-dashboard-showcase .vcp-dashboard-greeting-question {
    color: #ffffff;
}

.vcp-dashboard-showcase .vcp-dashboard-summary {
    max-width: 56ch;
    margin: 0;
    color: rgba(255, 255, 255, 0.6);
    font-size: 15px;
    line-height: 1.66;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-row {
    gap: 0;
    padding: 16px 0 0;
    margin-top: 2px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill {
    min-height: auto;
    padding: 0 22px;
    border-left: 1px solid rgba(255, 255, 255, 0.06);
    border-radius: 0;
    background: transparent;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill:first-child {
    padding-left: 0;
    border-left: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill:last-child {
    padding-right: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill span {
    color: rgba(255, 255, 255, 0.42);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill strong {
    margin-top: 10px;
    color: #ffffff;
    font-family: var(--vcp-font-display);
    font-size: clamp(30px, 2.8vw, 42px);
    line-height: 1;
    letter-spacing: -0.045em;
}

.vcp-dashboard-showcase .vcp-action-row {
    gap: 10px;
    margin-top: 2px;
}

.vcp-dashboard-showcase .vcp-button {
    min-height: 42px;
    padding: 0 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: -0.01em;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-button:not(.is-secondary) {
    background: linear-gradient(
        180deg,
        rgba(58, 66, 120, 0.92),
        rgba(42, 48, 92, 0.95)
    );
    border: 1px solid rgba(110, 120, 200, 0.18);
    color: #ffffff;
    min-height: 36px;
    font-size: 12px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 2px 10px rgba(20, 24, 60, 0.35);
}

.vcp-dashboard-showcase .vcp-button:not(.is-secondary):hover,
.vcp-dashboard-showcase .vcp-button:not(.is-secondary):focus-visible {
    background: linear-gradient(
        180deg,
        rgba(66, 76, 145, 0.96),
        rgba(48, 56, 110, 0.96)
    );
    border-color: rgba(140, 150, 255, 0.28);

    transform: translateY(-1px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 6px 20px rgba(79, 95, 255, 0.22); /* subtle glow */
}

.vcp-dashboard-showcase .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.1);
    color: rgba(255, 255, 255, 0.9);
}

.vcp-dashboard-showcase .vcp-button.is-secondary:hover,
.vcp-dashboard-showcase .vcp-button.is-secondary:focus-visible {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.14);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-dashboard-showcase .vcp-dashboard-finance-panel {
    gap: 18px;
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 76, 255, 0.045), transparent 26%),
        linear-gradient(180deg, rgba(16, 18, 24, 0.95), rgba(12, 14, 19, 0.985));
}

.vcp-dashboard-showcase .vcp-dashboard-finance-main {
    gap: 18px;
}

.vcp-dashboard-showcase .vcp-dashboard-feature-top {
    align-items: center;
    gap: 16px;
}

.vcp-dashboard-showcase .vcp-dashboard-icon {
    width: 48px;
    height: 48px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-dashboard-showcase .vcp-dashboard-balance {
    color: #ffffff;
    font-family: var(--vcp-font-display);
    font-size: clamp(40px, 4.1vw, 60px);
    line-height: 0.98;
    letter-spacing: -0.055em;
}

.vcp-dashboard-showcase .vcp-dashboard-supporting {
    margin-top: -2px;
}

.vcp-dashboard-showcase .vcp-dashboard-mini-pill {
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.045);
    border: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.74);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-grid {
    gap: 0;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini,
.vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    padding: 0;
    border-left: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini {
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini strong {
    color: #ffffff;
    font-family: var(--vcp-font-display);
    font-size: clamp(32px, 3vw, 40px);
    line-height: 1;
    letter-spacing: -0.045em;
}

.vcp-dashboard-showcase .vcp-panel-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: start;
    padding-bottom: 18px;
    margin-bottom: 18px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-dashboard-showcase .vcp-panel-head h3 {
    margin: 0;
    color: #ffffff;
    font-family: var(--vcp-font-display);
    font-size: clamp(32px, 2.8vw, 44px);
    line-height: 0.98;
    letter-spacing: -0.05em;
}

.vcp-dashboard-showcase .vcp-panel-head p {
    margin: 12px 0 0;
    max-width: 42ch;
    color: rgba(255, 255, 255, 0.58);
    font-size: 15px;
    line-height: 1.68;
}

.vcp-dashboard-showcase .vcp-panel-head a {
    display: inline-flex;
    align-items: center;
    min-height: 38px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.09);
    color: rgba(255, 255, 255, 0.88);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    text-decoration: none;
}

.vcp-dashboard-showcase .vcp-panel-head a:hover,
.vcp-dashboard-showcase .vcp-panel-head a:focus-visible {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.13);
    color: #ffffff;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tabs {
    display: inline-grid;
    grid-auto-flow: column;
    justify-content: start;
    gap: 6px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab {
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: transparent;
    border-color: transparent;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab span {
    color: inherit;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab strong {
    min-width: 20px;
    height: 20px;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.86);
    font-size: 11px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab:hover {
    color: rgba(255, 255, 255, 0.82);
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active,
.vcp-dashboard-showcase .vcp-dashboard-task-tab[aria-selected="true"] {
    background: rgba(114, 128, 201, 0.2);
    border-color: rgba(153, 166, 230, 0.22);
    color: #ffffff;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active strong,
.vcp-dashboard-showcase .vcp-dashboard-task-tab[aria-selected="true"] strong {
    background: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.vcp-dashboard-showcase .vcp-dashboard-task-list,
.vcp-dashboard-showcase .vcp-invoice-stack,
.vcp-dashboard-showcase .vcp-dashboard-update-list,
.vcp-dashboard-showcase .vcp-dashboard-team-grid {
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-row,
.vcp-dashboard-showcase .vcp-dashboard-update-item,
.vcp-dashboard-showcase .vcp-dashboard-team-card,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card {
    padding: 22px 24px;
    border-radius: 28px;
    background: rgba(255, 255, 255, 0.028);
    border: 1px solid rgba(255, 255, 255, 0.055);
    box-shadow: none;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.vcp-dashboard-showcase .vcp-dashboard-task-row:hover,
.vcp-dashboard-showcase .vcp-dashboard-update-item:hover,
.vcp-dashboard-showcase .vcp-dashboard-team-card:hover,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    transform: translateY(-1px);
    background: rgba(255, 255, 255, 0.036);
    border-color: rgba(255, 255, 255, 0.085);
}

.vcp-dashboard-showcase .vcp-dashboard-task-heading h4,
.vcp-dashboard-showcase .vcp-dashboard-update-item strong,
.vcp-dashboard-showcase .vcp-dashboard-team-card strong,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card h4,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card strong {
    color: #ffffff;
}

.vcp-dashboard-showcase .vcp-dashboard-task-heading h4 {
    font-size: clamp(20px, 2vw, 24px);
    line-height: 1.08;
    letter-spacing: -0.03em;
}

.vcp-dashboard-showcase .vcp-dashboard-task-meta,
.vcp-dashboard-showcase .vcp-dashboard-task-support,
.vcp-dashboard-showcase .vcp-dashboard-update-meta,
.vcp-dashboard-showcase .vcp-dashboard-team-meta,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card p {
    color: rgba(255, 255, 255, 0.54);
}

.vcp-dashboard-showcase .vcp-dashboard-task-progress-row {
    margin-top: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-open,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-action-row .vcp-button,
.vcp-dashboard-showcase .vcp-dashboard-team-panel .vcp-action-row .vcp-button {
    min-width: 112px;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card {
    display: grid;
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card h4 {
    font-size: clamp(24px, 2.1vw, 34px);
    letter-spacing: -0.04em;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card .vcp-card-label {
    color: rgba(255, 255, 255, 0.38);
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-action-row {
    margin-top: 2px;
}

.vcp-dashboard-showcase .vcp-dashboard-update-item {
    display: grid;
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-update-item > span:first-child {
    color: rgba(255, 255, 255, 0.38);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
}

.vcp-dashboard-showcase .vcp-dashboard-update-item p {
    margin: 0;
    color: rgba(255, 255, 255, 0.56);
}

.vcp-dashboard-showcase .vcp-dashboard-team-grid {
    grid-template-columns: 1fr;
}

.vcp-dashboard-showcase .vcp-dashboard-team-card {
    gap: 8px;
}

.vcp-dashboard-showcase .vcp-dashboard-team-card h4 {
    margin: 0;
    color: #ffffff;
    font-size: 20px;
    letter-spacing: -0.03em;
}

.vcp-dashboard-showcase .vcp-dashboard-team-card a {
    color: rgba(255, 255, 255, 0.86);
    text-decoration: none;
}

.vcp-dashboard-showcase .vcp-dashboard-team-card a:hover,
.vcp-dashboard-showcase .vcp-dashboard-team-card a:focus-visible {
    color: #ffffff;
}

.vcp-dashboard-showcase .vcp-dashboard-team-panel .vcp-action-row {
    margin-top: 2px;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-welcome,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
    border-color: rgba(26, 31, 44, 0.08);
    background: #ffffff;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-welcome {
    background:
        radial-gradient(circle at 100% 0%, rgba(217, 76, 255, 0.045), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(91, 108, 255, 0.04), transparent 28%),
        #ffffff;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-greeting-lead,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-greeting-question,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-balance,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-heading h4,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card h4,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card h4 {
    color: #1d2433;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-summary,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head p,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-support,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card p {
    color: rgba(35, 42, 56, 0.62);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-row,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-grid,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head {
    border-color: rgba(26, 31, 44, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill {
    border-left-color: rgba(26, 31, 44, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill span,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card .vcp-card-label,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item > span:first-child {
    color: rgba(30, 37, 52, 0.42);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-icon {
    background: rgba(117, 129, 193, 0.06);
    border-color: rgba(117, 129, 193, 0.12);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-mini-pill {
    background: rgba(117, 129, 193, 0.08);
    border-color: rgba(117, 129, 193, 0.12);
    color: rgba(37, 45, 66, 0.76);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-secondary {
    background: #ffffff;
    border-color: rgba(26, 31, 44, 0.1);
    color: #1d2433;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-secondary:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a:focus-visible {
    background: rgba(117, 129, 193, 0.08);
    border-color: rgba(117, 129, 193, 0.16);
    color: #1d2433;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a {
    background: #ffffff;
    border-color: rgba(26, 31, 44, 0.09);
    color: rgba(29, 36, 51, 0.86);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tabs {
    background: rgba(117, 129, 193, 0.06);
    border-color: rgba(117, 129, 193, 0.1);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab {
    color: rgba(37, 45, 66, 0.62);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab strong {
    background: rgba(117, 129, 193, 0.08);
    color: rgba(29, 36, 51, 0.84);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab[aria-selected="true"] {
    background: rgba(117, 129, 193, 0.18);
    border-color: rgba(117, 129, 193, 0.2);
    color: #1d2433;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab[aria-selected="true"] strong {
    background: rgba(255, 255, 255, 0.78);
    color: #1d2433;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-row,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card {
    background: rgba(117, 129, 193, 0.03);
    border-color: rgba(26, 31, 44, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-row:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    background: rgba(117, 129, 193, 0.06);
    border-color: rgba(117, 129, 193, 0.12);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card a {
    color: rgba(29, 36, 51, 0.8);
}

@media (max-width: 1180px) {
    .vcp-dashboard-showcase {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-lower-grid,
    .vcp-dashboard-support-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 860px) {
    .vcp-dashboard-showcase .vcp-dashboard-welcome,
    .vcp-dashboard-showcase .vcp-dashboard-finance-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
        padding: 24px 22px;
        border-radius: 28px;
    }

    .vcp-dashboard-showcase .vcp-dashboard-priority-row {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .vcp-dashboard-showcase .vcp-dashboard-priority-pill {
        padding: 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .vcp-dashboard-showcase .vcp-dashboard-priority-pill:first-child {
        padding-top: 0;
        border-top: 0;
    }

    .vcp-dashboard-showcase .vcp-panel-head {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-task-tabs {
        width: 100%;
        grid-auto-flow: row;
    }
}

/* Dashboard redesign override: keep this at the end so it wins */
.vcp-dashboard-showcase {
    gap: 28px;
    align-items: start;
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);
}

.vcp-dashboard-showcase .vcp-dashboard-welcome,
.vcp-dashboard-showcase .vcp-dashboard-finance-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
    padding: 30px 32px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(180deg, rgba(16, 20, 27, 0.92), rgba(12, 16, 22, 0.88));
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-welcome {
    display: grid;
    gap: 26px;
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.11), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.94) 0%, rgba(12, 16, 22, 0.9) 100%);
    border-color: rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-showcase .vcp-dashboard-welcome-copy {
    display: grid;
    gap: 16px;
}

.vcp-dashboard-showcase .vcp-eyebrow {
    color: var(--vcp-brand);
}

.vcp-dashboard-showcase .vcp-dashboard-greeting-lead {
    max-width: 620px;
    color: rgba(246, 246, 246, 0.94);
    font-size: clamp(48px, 5vw, 64px);
    line-height: 0.96;
    letter-spacing: -0.065em;
}

.vcp-dashboard-showcase .vcp-dashboard-greeting-question {
    max-width: 820px;
    color: var(--vcp-ink-soft);
    font-size: 18px;
    font-weight: 500;
    line-height: 1.4;
    letter-spacing: 0.04em;

}

.vcp-dashboard-showcase .vcp-dashboard-summary {
    max-width: 560px;
    color: var(--vcp-ink-soft);
    font-size: 15px;
    line-height: 1.7;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 0;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill {
    min-height: 0;
    padding: 0 22px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill:first-child {
    padding-left: 0;
    border-left: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill:last-child {
    padding-right: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill span {
    color: var(--vcp-ink-muted);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 800;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill strong {
    color: #f6f6f6;
    font-size: 42px;
    line-height: 1;
    letter-spacing: -0.06em;
}

.vcp-dashboard-showcase .vcp-action-row {
    gap: 12px;
    margin-top: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-panel {
    display: grid;
    gap: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.09), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.94) 0%, rgba(12, 16, 22, 0.9) 100%);
}

.vcp-dashboard-showcase .vcp-dashboard-finance-main {
    display: grid;
    gap: 14px;
    padding: 0;
    border: 0;
    background: transparent;
}

.vcp-dashboard-showcase .vcp-dashboard-feature-top {
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-balance {
    color: #f6f6f6;
    font-size: clamp(48px, 4.3vw, 64px);
    line-height: 0.98;
    letter-spacing: -0.07em;
}

.vcp-dashboard-showcase .vcp-dashboard-supporting {
    color: var(--vcp-ink-soft);
    font-size: 15px;
    line-height: 1.7;
}

.vcp-dashboard-showcase .vcp-dashboard-mini-pill {
    width: fit-content;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #f6f6f6;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini,
.vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    padding: 0 0 0 22px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini:first-child {
    padding-left: 0;
    border-left: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini strong {
    display: block;
    margin-top: 10px;
    color: #f6f6f6;
    font-size: 30px;
    line-height: 1;
    letter-spacing: -0.05em;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini span {
    color: var(--vcp-ink-muted);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 800;
}

.vcp-dashboard-showcase .vcp-dashboard-lower-grid,
.vcp-dashboard-showcase .vcp-dashboard-support-grid {
    gap: 28px;
}

.vcp-dashboard-showcase .vcp-panel-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.vcp-dashboard-showcase .vcp-panel-head h3 {
    margin: 0;
    color: #f6f6f6;
    font-size: clamp(30px, 2.2vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.vcp-dashboard-showcase .vcp-panel-head p {
    max-width: 420px;
    color: var(--vcp-ink-soft);
    font-size: 15px;
    line-height: 1.68;
}

.vcp-dashboard-showcase .vcp-panel-head a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: #f6f6f6;
    font-size: 13px;
    font-weight: 700;
    -webkit-text-fill-color: #f6f6f6;
    box-shadow: none;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, color 0.18s ease;
}

.vcp-dashboard-showcase .vcp-panel-head a:hover,
.vcp-dashboard-showcase .vcp-panel-head a:focus-visible {
    color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6;
    background: rgba(122, 56, 255, 0.08);
    border-color: rgba(122, 56, 255, 0.22);
    transform: translateY(-1px);
}

.vcp-dashboard-showcase .vcp-dashboard-task-tabs {
    min-height: 48px;
    padding: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab {
    min-height: 38px;
    padding: 0 14px;
    color: var(--vcp-ink-soft);
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab strong {
    font-size: 13px;
    font-weight: 700;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab span {
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, 0.08);
    color: #f6f6f6;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active {
    background: rgba(101, 114, 164, 0.9);
    color: #f6f6f6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active span {
    background: rgba(255, 255, 255, 0.16);
}

.vcp-dashboard-showcase .vcp-dashboard-task-list,
.vcp-dashboard-showcase .vcp-invoice-stack,
.vcp-dashboard-showcase .vcp-dashboard-update-list {
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-row,
.vcp-dashboard-showcase .vcp-dashboard-update-item,
.vcp-dashboard-showcase .vcp-dashboard-team-card,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card {
    padding: 18px 20px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-task-row:hover,
.vcp-dashboard-showcase .vcp-dashboard-update-item:hover,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.032);
    transform: translateY(-1px);
}

.vcp-dashboard-showcase .vcp-dashboard-task-heading h4,
.vcp-dashboard-showcase .vcp-dashboard-update-item strong,
.vcp-dashboard-showcase .vcp-dashboard-team-card strong,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card h4,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card strong {
    color: #f6f6f6;
}

.vcp-dashboard-showcase .vcp-dashboard-task-meta,
.vcp-dashboard-showcase .vcp-dashboard-task-support,
.vcp-dashboard-showcase .vcp-dashboard-update-meta,
.vcp-dashboard-showcase .vcp-dashboard-team-meta,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card p {
    color: var(--vcp-ink-soft);
}

.vcp-dashboard-showcase .vcp-dashboard-task-progress-row {
    margin-top: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-open,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-action-row .vcp-button,
.vcp-dashboard-showcase .vcp-dashboard-team-panel .vcp-action-row .vcp-button {
    min-height: 42px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-hub .vcp-empty-state.is-dashboard,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-empty-state.is-dashboard {
    padding: 22px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-showcase .vcp-dashboard-team-grid {
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-team-card {
    display: grid;
    gap: 10px;
}

.vcp-dashboard-showcase .vcp-dashboard-team-panel .vcp-action-row {
    margin-top: 18px;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-welcome,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98));
    border-color: rgba(22, 26, 34, 0.08);
    box-shadow: 0 10px 30px rgba(20, 28, 45, 0.04);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-welcome,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.04), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.035), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.985) 0%, rgba(255, 255, 255, 0.985) 100%);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-greeting-lead,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-balance,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-heading h4,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card h4,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-summary,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-greeting-question,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head p,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-support,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card p {
    color: #6b7280;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-row,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-grid {
    border-top-color: rgba(22, 26, 34, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    border-left-color: rgba(22, 26, 34, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill {
    background: transparent;
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-icon {
    background: rgba(26, 30, 39, 0.03);
    border-color: rgba(22, 26, 34, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-mini-pill {
    background: rgba(26, 30, 39, 0.04);
    border-color: rgba(22, 26, 34, 0.08);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a {
    background: rgba(26, 30, 39, 0.025);
    border-color: rgba(22, 26, 34, 0.08);
    color: #1c2230;
    -webkit-text-fill-color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a:focus-visible {
    color: #3d2d85 !important;
    -webkit-text-fill-color: #3d2d85;
    background: rgba(122, 56, 255, 0.06);
    border-color: rgba(122, 56, 255, 0.16);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tabs {
    background: rgba(26, 30, 39, 0.03);
    border-color: rgba(22, 26, 34, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab {
    color: #6b7280;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab span {
    background: rgba(26, 30, 39, 0.08);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active {
    background: rgba(94, 108, 152, 0.92);
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-row,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(22, 26, 34, 0.08);
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-row:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    background: #ffffff;
    border-color: rgba(22, 26, 34, 0.12);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-hub .vcp-empty-state.is-dashboard,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-empty-state.is-dashboard {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(22, 26, 34, 0.1);
}

@media (max-width: 1180px) {
    .vcp-dashboard-showcase {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-lower-grid,
    .vcp-dashboard-showcase .vcp-dashboard-support-grid {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-welcome,
    .vcp-dashboard-showcase .vcp-dashboard-finance-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
        padding: 26px;
    }
}

@media (max-width: 720px) {
    .vcp-dashboard-showcase .vcp-dashboard-priority-row,
    .vcp-dashboard-showcase .vcp-dashboard-finance-grid {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-priority-pill,
    .vcp-dashboard-showcase .vcp-dashboard-finance-mini,
    .vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
        padding: 16px 0 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }

    .vcp-dashboard-showcase .vcp-dashboard-priority-pill:first-child,
    .vcp-dashboard-showcase .vcp-dashboard-finance-mini:first-child {
        padding-top: 0;
        border-top: 0;
    }

    html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill,
    html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini,
    html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
        border-top-color: rgba(22, 26, 34, 0.08);
    }

    .vcp-dashboard-showcase .vcp-panel-head,
    .vcp-dashboard-showcase .vcp-dashboard-task-hub .vcp-panel-head,
    .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-panel-head,
    .vcp-dashboard-showcase .vcp-dashboard-updates-panel .vcp-panel-head,
    .vcp-dashboard-showcase .vcp-dashboard-team-panel .vcp-panel-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

/* Dashboard redesign: align with project detail */
.vcp-dashboard-showcase {
    gap: 28px;
    align-items: start;
    grid-template-columns: minmax(0, 1.08fr) minmax(330px, 0.92fr);
}

.vcp-dashboard-showcase .vcp-dashboard-welcome,
.vcp-dashboard-showcase .vcp-dashboard-finance-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
.vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
    padding: 30px 32px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(180deg, rgba(16, 20, 27, 0.92), rgba(12, 16, 22, 0.88));
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-welcome {
    display: grid;
    gap: 26px;
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.11), transparent 36%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.94) 0%, rgba(12, 16, 22, 0.9) 100%);
    border-color: rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-showcase .vcp-dashboard-welcome-copy {
    display: grid;
    gap: 16px;
}

.vcp-dashboard-showcase .vcp-eyebrow {
    color: var(--vcp-brand);
}

.vcp-dashboard-showcase .vcp-dashboard-greeting-lead {
    max-width: 620px;
    color: rgba(246, 246, 246, 0.94);
    font-size: clamp(48px, 5vw, 64px);
    line-height: 0.96;
    letter-spacing: -0.065em;
}

.vcp-dashboard-showcase .vcp-dashboard-greeting-question {
    max-width: 820px;
    color: var(--vcp-ink-soft);
    font-size: 18px;
    line-height: 1.4;
}

.vcp-dashboard-showcase .vcp-dashboard-summary {
    max-width: 560px;
    color: var(--vcp-ink-soft);
    font-size: 15px;
    line-height: 1.7;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    margin-top: 0;
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill {
    min-height: 0;
    padding: 0 22px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 8px;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill:first-child {
    padding-left: 0;
    border-left: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill:last-child {
    padding-right: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill span {
    color: var(--vcp-ink-muted);
    font-size: 10px;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    font-weight: 700;
}

.vcp-dashboard-showcase .vcp-dashboard-priority-pill strong {
    color: #f6f6f6;
    font-size: 42px;
    line-height: 1;
    letter-spacing: -0.06em;
}

.vcp-dashboard-showcase .vcp-action-row {
    gap: 12px;
    margin-top: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-panel {
    display: grid;
    gap: 22px;
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.09), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.94) 0%, rgba(12, 16, 22, 0.9) 100%);
}

.vcp-dashboard-showcase .vcp-dashboard-finance-main {
    display: grid;
    gap: 14px;
    padding: 0;
    border: 0;
    background: transparent;
}

.vcp-dashboard-showcase .vcp-dashboard-feature-top {
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-icon {
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-balance {
    color: #f6f6f6;
    font-size: clamp(48px, 4.3vw, 64px);
    line-height: 0.98;
    letter-spacing: -0.07em;
}

.vcp-dashboard-showcase .vcp-dashboard-supporting {
    color: var(--vcp-ink-soft);
    font-size: 15px;
    line-height: 1.7;
}

.vcp-dashboard-showcase .vcp-dashboard-mini-pill {
    width: fit-content;
    min-height: 30px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #f6f6f6;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0;
    padding-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini,
.vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    padding: 0 0 0 22px;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.07);
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini:first-child {
    padding-left: 0;
    border-left: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini strong {
    display: block;
    margin-top: 10px;
    color: #f6f6f6;
    font-size: 30px;
    line-height: 1;
    letter-spacing: -0.05em;
}

.vcp-dashboard-showcase .vcp-dashboard-finance-mini span {
    color: var(--vcp-ink-muted);
    font-size: 11px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 800;
}

.vcp-dashboard-showcase .vcp-dashboard-lower-grid,
.vcp-dashboard-showcase .vcp-dashboard-support-grid {
    gap: 28px;
}

.vcp-dashboard-showcase .vcp-panel-head {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}

.vcp-dashboard-showcase .vcp-panel-head h3 {
    margin: 0;
    color: #f6f6f6;
    font-size: clamp(30px, 2.2vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.vcp-dashboard-showcase .vcp-panel-head p {
    max-width: 420px;
    color: var(--vcp-ink-soft);
    font-size: 15px;
    line-height: 1.68;
}

.vcp-dashboard-showcase .vcp-panel-head a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.03);
    color: #f6f6f6;
    font-size: 13px;
    font-weight: 700;
    -webkit-text-fill-color: #f6f6f6;
    box-shadow: none;
    transition: border-color 0.18s ease, background 0.18s ease, transform 0.18s ease, color 0.18s ease;
}

.vcp-dashboard-showcase .vcp-panel-head a:hover,
.vcp-dashboard-showcase .vcp-panel-head a:focus-visible {
    color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6;
    background: rgba(122, 56, 255, 0.08);
    border-color: rgba(122, 56, 255, 0.22);
    transform: translateY(-1px);
}

.vcp-dashboard-showcase .vcp-dashboard-task-tabs {
    min-height: 48px;
    padding: 5px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab {
    min-height: 38px;
    padding: 0 14px;
    color: var(--vcp-ink-soft);
    border-radius: 999px;
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab strong {
    font-size: 13px;
    font-weight: 700;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab span {
    width: 22px;
    height: 22px;
    background: rgba(255, 255, 255, 0.08);
    color: #f6f6f6;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active {
    background: rgba(101, 114, 164, 0.9);
    color: #f6f6f6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active span {
    background: rgba(255, 255, 255, 0.16);
}

.vcp-dashboard-showcase .vcp-dashboard-task-list,
.vcp-dashboard-showcase .vcp-invoice-stack,
.vcp-dashboard-showcase .vcp-dashboard-update-list {
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-row,
.vcp-dashboard-showcase .vcp-dashboard-update-item,
.vcp-dashboard-showcase .vcp-dashboard-team-card,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card {
    padding: 18px 20px;
    border-radius: 14px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: rgba(255, 255, 255, 0.02);
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-task-row:hover,
.vcp-dashboard-showcase .vcp-dashboard-update-item:hover,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    border-color: rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.032);
    transform: translateY(-1px);
}

.vcp-dashboard-showcase .vcp-dashboard-task-heading h4,
.vcp-dashboard-showcase .vcp-dashboard-update-item strong,
.vcp-dashboard-showcase .vcp-dashboard-team-card strong,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card h4,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card strong {
    color: #f6f6f6;
}

.vcp-dashboard-showcase .vcp-dashboard-task-meta,
.vcp-dashboard-showcase .vcp-dashboard-task-support,
.vcp-dashboard-showcase .vcp-dashboard-update-meta,
.vcp-dashboard-showcase .vcp-dashboard-team-meta,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card p {
    color: var(--vcp-ink-soft);
}

.vcp-dashboard-showcase .vcp-dashboard-task-progress-row {
    margin-top: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-open,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-action-row .vcp-button,
.vcp-dashboard-showcase .vcp-dashboard-team-panel .vcp-action-row .vcp-button {
    min-height: 42px;
}

.vcp-dashboard-showcase .vcp-dashboard-task-hub .vcp-empty-state.is-dashboard,
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-empty-state.is-dashboard {
    padding: 22px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px dashed rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-showcase .vcp-dashboard-team-grid {
    gap: 14px;
}

.vcp-dashboard-showcase .vcp-dashboard-team-card {
    display: grid;
    gap: 10px;
}

.vcp-dashboard-showcase .vcp-dashboard-team-panel .vcp-action-row {
    margin-top: 18px;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-welcome,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(255, 255, 255, 0.98));
    border-color: rgba(22, 26, 34, 0.08);
    box-shadow: 0 10px 30px rgba(20, 28, 45, 0.04);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-welcome,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-panel {
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.04), transparent 38%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.035), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.985) 0%, rgba(255, 255, 255, 0.985) 100%);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-greeting-lead,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-balance,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-heading h4,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card strong,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card h4,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-summary,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-greeting-question,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head p,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-support,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-meta,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card p {
    color: #6b7280;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-row,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-grid {
    border-top-color: rgba(22, 26, 34, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    border-left-color: rgba(22, 26, 34, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-icon {
    background: rgba(26, 30, 39, 0.03);
    border-color: rgba(22, 26, 34, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-mini-pill {
    background: rgba(26, 30, 39, 0.04);
    border-color: rgba(22, 26, 34, 0.08);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a {
    background: rgba(26, 30, 39, 0.025);
    border-color: rgba(22, 26, 34, 0.08);
    color: #1c2230;
    -webkit-text-fill-color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-panel-head a:focus-visible {
    color: #3d2d85 !important;
    -webkit-text-fill-color: #3d2d85;
    background: rgba(122, 56, 255, 0.06);
    border-color: rgba(122, 56, 255, 0.16);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tabs {
    background: rgba(26, 30, 39, 0.03);
    border-color: rgba(22, 26, 34, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab {
    color: #6b7280;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab span {
    background: rgba(26, 30, 39, 0.08);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-tab.is-active {
    background: rgba(94, 108, 152, 0.92);
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-row,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-team-card,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(22, 26, 34, 0.08);
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-row:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-update-item:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card:hover {
    background: #ffffff;
    border-color: rgba(22, 26, 34, 0.12);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-task-hub .vcp-empty-state.is-dashboard,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-empty-state.is-dashboard {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(22, 26, 34, 0.1);
}

@media (max-width: 1180px) {
    .vcp-dashboard-showcase {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-lower-grid,
    .vcp-dashboard-showcase .vcp-dashboard-support-grid {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-welcome,
    .vcp-dashboard-showcase .vcp-dashboard-finance-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-task-hub,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-invoices-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-updates-panel,
    .vcp-dashboard-showcase .vcp-panel.vcp-dashboard-team-panel {
        padding: 26px;
    }
}

@media (max-width: 720px) {
    .vcp-dashboard-showcase .vcp-dashboard-priority-row,
    .vcp-dashboard-showcase .vcp-dashboard-finance-grid {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-priority-pill,
    .vcp-dashboard-showcase .vcp-dashboard-finance-mini,
    .vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
        padding: 16px 0 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.07);
    }

    .vcp-dashboard-showcase .vcp-dashboard-priority-pill:first-child,
    .vcp-dashboard-showcase .vcp-dashboard-finance-mini:first-child {
        padding-top: 0;
        border-top: 0;
    }

    html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-priority-pill,
    html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini,
    html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-finance-mini + .vcp-dashboard-showcase .vcp-dashboard-finance-mini {
        border-top-color: rgba(22, 26, 34, 0.08);
    }

    .vcp-dashboard-showcase .vcp-panel-head,
    .vcp-dashboard-showcase .vcp-dashboard-task-hub .vcp-panel-head,
    .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-panel-head,
    .vcp-dashboard-showcase .vcp-dashboard-updates-panel .vcp-panel-head,
    .vcp-dashboard-showcase .vcp-dashboard-team-panel .vcp-panel-head {
        align-items: flex-start;
        flex-direction: column;
    }
}

html[data-vcp-theme="light"] {
    --vcp-bg: #f7f7f8;
    --vcp-panel: rgba(255, 255, 255, 0.94);
    --vcp-panel-strong: rgba(255, 255, 255, 0.985);
    --vcp-ink: #1c2230;
    --vcp-ink-soft: #68707f;
    --vcp-ink-muted: #8b93a2;
    --vcp-line: rgba(28, 34, 48, 0.08);
    --vcp-line-strong: rgba(28, 34, 48, 0.12);
    --vcp-dark: #1c2230;
    --vcp-shadow-lg: 0 24px 56px rgba(24, 29, 38, 0.08);
    --vcp-shadow-md: 0 16px 36px rgba(24, 29, 38, 0.06);
    --vcp-shadow-sm: 0 8px 22px rgba(24, 29, 38, 0.045);
}

html,
body.vcp-portal-body {
    margin: 0;
    padding: 0;
    background: #040607;
}

body.vcp-portal-body {
    min-height: 100vh;
}

html[data-vcp-theme="light"] body.vcp-portal-body {
    background: #f7f7f8;
}

.vcp-template-shell {
    background:
        /* ACCENT GLOWS (strong but small) */
        radial-gradient(circle at 15% 10%, rgba(79, 95, 255, 0.18), transparent 18%),
        radial-gradient(circle at 85% 15%, rgba(242, 39, 150, 0.16), transparent 20%),
        radial-gradient(circle at 80% 85%, rgba(122, 56, 255, 0.14), transparent 22%),

        /* ATMOSPHERE LAYER (soft wide blends) */
        radial-gradient(circle at 50% 0%, rgba(79, 95, 255, 0.08), transparent 40%),
        radial-gradient(circle at 100% 100%, rgba(242, 39, 150, 0.06), transparent 45%),

        /* DEPTH DARK OVERLAY */
        linear-gradient(180deg, rgba(0,0,0,0.2), rgba(0,0,0,0.6)),

        /* BASE */
        linear-gradient(180deg, #0b0e13 0%, #07090d 100%);

    min-height: 100vh;
    width: 100%;
}


html[data-vcp-theme="light"] .vcp-template-shell {
    position: relative;
    isolation: isolate;
    overflow: hidden;

    background:
        /* ACCENT GLOWS (same positions, softer for light mode) */
        radial-gradient(circle at 15% 10%, rgba(79, 95, 255, 0.08), transparent 18%),
        radial-gradient(circle at 85% 15%, rgba(242, 39, 150, 0.07), transparent 20%),
        radial-gradient(circle at 80% 85%, rgba(122, 56, 255, 0.06), transparent 22%),

        /* ATMOSPHERE LAYER */
        radial-gradient(circle at 50% 0%, rgba(79, 95, 255, 0.035), transparent 40%),
        radial-gradient(circle at 100% 100%, rgba(242, 39, 150, 0.03), transparent 45%),

        /* LIGHT DEPTH VEIL */
        linear-gradient(180deg, rgba(255,255,255,0.72), rgba(255,255,255,0.18)),

        /* BASE */
        linear-gradient(180deg, #fcfcfe 0%, #f3f1f6 100%);

    min-height: 100vh;
    width: 100%;
}

html[data-vcp-theme="light"] .vcp-template-shell > * {
    position: relative;
    z-index: 1;
}

.vcp-portal,
.vcp-portal * {
    box-sizing: border-box;
}

.vcp-portal {
    color: var(--vcp-ink);
    font-family: var(--vcp-font-body);
    width: min(1720px, 100%);
    margin: 0 auto;
    padding: 34px 32px 40px;
}

.vcp-portal-shell {
    display: grid;
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 32px;
    align-items: start;
}

.vcp-sidebar,
.vcp-panel,
.vcp-request-card,
.vcp-invoice-card,
.vcp-stat-card,
.vcp-hero-card,
.vcp-form-card,
.vcp-notice {
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.vcp-sidebar {
    position: sticky;
    top: 32px;
    padding: 36px;
    border-radius: var(--vcp-radius-lg);
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 91, 181, 0.08), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.09), transparent 30%),
        radial-gradient(circle at 50% 0%, rgba(122, 56, 255, 0.06), transparent 36%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.98) 0%, rgba(13, 16, 22, 0.96) 100%);
    color: #f4f7f8;
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--vcp-shadow-lg);
}

.vcp-brand-block {
    padding-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.vcp-brand-kicker,
.vcp-eyebrow,
.vcp-card-label,
.vcp-stat-label,
.vcp-topbar-meta {
    display: block;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 500;
}

.vcp-brand-kicker {
    color: rgba(255, 255, 255, 0.62);
}

.vcp-topbar-meta {
    color: var(--vcp-ink-muted);
}

.vcp-brand-block h1,
.vcp-topbar h2,
.vcp-hero h3,
.vcp-panel h3,
.vcp-detail-head h3,
.vcp-request-card h4,
.vcp-invoice-card h4 {
    font-family: var(--vcp-font-display);
    line-height: 1;
    letter-spacing: -0.04em;
    margin: 10px 0 0;
}

.vcp-brand-block h1 {
    font-size: clamp(28px, 3vw, 38px);
    color: #f7fbfc;
}

.vcp-brand-block p {
    color: rgba(255, 255, 255, 0.72);
    margin: 14px 0 0;
    max-width: 24ch;
    line-height: 1.55;
}

.vcp-sidebar-nav {
    display: grid;
    gap: 6px;
    margin: 22px 0 16px;
}

.vcp-nav-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding: 9px 10px 9px 8px;
    color: rgba(255, 255, 255, 0.74);
    text-decoration: none;
    border-radius: 16px;
    background: transparent;
    border: 1px solid transparent;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.vcp-nav-link-main {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-width: 0;
    transition: transform 160ms ease;
}

.vcp-nav-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: rgba(255, 255, 255, 0.46);
    flex: 0 0 auto;
}

.vcp-nav-link-icon svg {
    width: 18px;
    height: 18px;
}

.vcp-nav-link-text {
    font-size: 17px;
    font-weight: 500;
    color: inherit;
}

.vcp-nav-link strong {
    min-width: 28px;
    padding: 3px 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    text-align: center;
    color: rgba(255, 255, 255, 0.68);
    font-size: 10px;
    line-height: 1.2;
}

.vcp-nav-link:hover {
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(255, 255, 255, 0.04);
}

.vcp-nav-link:not(.is-active):hover .vcp-nav-link-main {
    transform: translateX(1px);
}

.vcp-nav-link:hover .vcp-nav-link-icon {
    color: rgba(255, 255, 255, 0.7);
}

.vcp-nav-link:hover strong {
    background: rgba(255, 255, 255, 0.07);
}

.vcp-nav-link.is-active {
    color: #fff;
    background: linear-gradient(180deg, rgba(44, 52, 76, 0.98), rgba(53, 46, 79, 0.96));
    border-color: rgba(170, 184, 255, 0.14);
}

.vcp-nav-link.is-active .vcp-nav-link-icon {
    color: rgba(255, 255, 255, 0.9);
}

.vcp-nav-link.is-active strong {
    background: rgba(255, 255, 255, 0.09);
}

.vcp-sidebar-footer {
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}

.vcp-sidebar-title {
    margin: 0;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.6);
}

.vcp-sidebar-support-list {
    display: grid;
    gap: 12px;
    margin-top: 10px;
}

.vcp-sidebar-support-item {
    display: grid;
    gap: 3px;
    text-decoration: none;
    color: inherit;
    transition: color 160ms ease, transform 160ms ease;
}

.vcp-sidebar-support-item:hover {
    transform: translateX(1px);
}

.vcp-sidebar-support-label {
    font-size: 10px;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-weight: 500;
    color: rgba(255, 255, 255, 0.34);
}

.vcp-sidebar-support-value {
    color: #fff;
    font-size: 16px;
    line-height: 1.35;
    font-weight: 500;
}

.vcp-sidebar-overlay,
.vcp-sidebar-mobile-head,
.vcp-sidebar-close,
.vcp-sidebar-toggle {
    display: none;
}

.vcp-sidebar-mobile-label {
    font-size: 11px;
    line-height: 1.2;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.46);
}

.vcp-sidebar-close {
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    padding: 0;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    color: rgba(255, 255, 255, 0.82);
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.vcp-sidebar-close:hover,
.vcp-sidebar-close:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-sidebar-close-icon,
.vcp-sidebar-toggle-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    flex: 0 0 auto;
}

.vcp-sidebar-close-icon svg,
.vcp-sidebar-toggle-icon svg {
    width: 16px;
    height: 16px;
}

html[data-vcp-theme="light"] .vcp-sidebar {
    background:
        radial-gradient(circle at 100% 0%, rgba(255, 91, 181, 0.04), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.035), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(250, 249, 252, 0.97) 100%);
    color: #1c2230;
    border-color: rgba(28, 34, 48, 0.08);
    box-shadow: 0 22px 48px rgba(24, 29, 38, 0.06);
}

html[data-vcp-theme="light"] .vcp-brand-kicker {
    color: rgba(28, 34, 48, 0.42);
}

html[data-vcp-theme="light"] .vcp-brand-block h1 {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-brand-block p {
    color: #68707f;
}

html[data-vcp-theme="light"] .vcp-nav-link {
    color: #596171;
    background: transparent;
    border-color: transparent;
}

html[data-vcp-theme="light"] .vcp-nav-link-icon {
    color: rgba(28, 34, 48, 0.38);
}

html[data-vcp-theme="light"] .vcp-nav-link strong {
    color: #273143;
    background: rgba(28, 34, 48, 0.045);
}

html[data-vcp-theme="light"] .vcp-nav-link:hover {
    color: #1c2230;
    background: rgba(28, 34, 48, 0.035);
    border-color: rgba(28, 34, 48, 0.04);
}

html[data-vcp-theme="light"] .vcp-nav-link:hover .vcp-nav-link-icon {
    color: #3f4a5e;
}

html[data-vcp-theme="light"] .vcp-nav-link:hover strong {
    background: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-nav-link.is-active {
    color: #1c2230;
    background: rgba(92, 41, 153, 0.08);
    border-color: rgba(92, 41, 153, 0.12);
}

html[data-vcp-theme="light"] .vcp-nav-link.is-active .vcp-nav-link-icon {
    color: #5a2f92;
}

html[data-vcp-theme="light"] .vcp-nav-link.is-active strong,
html[data-vcp-theme="light"] .vcp-nav-link:hover strong {
    color: #5a2f92;
    background: rgba(92, 41, 153, 0.12);
}

html[data-vcp-theme="light"] .vcp-sidebar-title {
    color: rgba(28, 34, 48, 0.48);
}

html[data-vcp-theme="light"] .vcp-sidebar-support-label {
    color: rgba(28, 34, 48, 0.34);
}

html[data-vcp-theme="light"] .vcp-sidebar-support-value {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-sidebar-mobile-label {
    color: rgba(28, 34, 48, 0.42);
}

html[data-vcp-theme="light"] .vcp-sidebar-close {
    border-color: rgba(28, 34, 48, 0.08);
    background: rgba(28, 34, 48, 0.04);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-sidebar-close:hover,
html[data-vcp-theme="light"] .vcp-sidebar-close:focus-visible {
    border-color: rgba(28, 34, 48, 0.12);
    background: rgba(28, 34, 48, 0.08);
    color: #1c2230;
}

.vcp-main {
    min-width: 0;
    width: 100%;
    display: grid;
    gap: 22px;
    align-content: start;
}

.vcp-topbar {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 18px;
    padding: 14px 8px 10px;
}

.vcp-topbar-main {
    display: grid;
    gap: 0;
    min-width: 0;
}

.vcp-topbar-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0px;
    flex-wrap: wrap;
}

.vcp-notification-menu {
    position: relative;
    display: inline-flex;
    align-items: center;
    flex: 0 0 auto;
    padding: 0 !important;
    margin: 0;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    margin-left: -20px;
}

.vcp-notification-menu::before,
.vcp-notification-menu::after {
    content: none !important;
    display: none !important;
}

.vcp-account-menu {
    position: relative;
}

.vcp-notification-trigger {
    all: unset;
    box-sizing: border-box;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 0;
    height: auto;
    padding: 0;
    border-radius: 0;
    border: 0 !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.9) !important;
    box-shadow: none !important;
    overflow: visible;
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.vcp-notification-trigger:hover,
.vcp-notification-menu.is-open .vcp-notification-trigger {
    transform: translateY(-1px);
    border-color: transparent;
    background: transparent !important;
}

.vcp-notification-trigger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: rgba(255, 255, 255, 0.02);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.vcp-notification-trigger-icon svg {
    width: 15px;
    height: 15px;
}

.vcp-notification-badge {
    position: absolute;
    top: 0px;
    right: 10px;
    min-width: 18px;
    height: 18px;
    padding: 0 5px;
    border-radius: 999px;
    background: linear-gradient(135deg, #7059f6 0%, #ae55d7 100%);
    color: #ffffff;
    font-size: 10px;
    font-weight: 800;
    line-height: 18px;
    letter-spacing: 0.02em;
    text-align: center;
    box-shadow: 0 8px 18px rgba(112, 89, 246, 0.28);
}

.vcp-account-trigger {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 12px;
    min-height: 38px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1)!important;
    background: rgba(255, 255, 255, 0.02) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    cursor: pointer;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.vcp-account-trigger:hover,
.vcp-account-menu.is-open .vcp-account-trigger {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.035) !important;
    box-shadow: none;
}

.vcp-account-trigger-text {
    font-size: 14px;
    font-weight: 700;
    line-height: 1;
    white-space: nowrap;
    color: rgba(255, 255, 255, 0.94);
    transition: color 180ms ease;
}

.vcp-account-trigger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 14px;
    height: 14px;
    color: rgba(255, 255, 255, 0.64) !important;
    transition: transform 180ms ease, color 180ms ease;
}

.vcp-account-trigger-icon svg {
    width: 14px;
    height: 14px;
}

.vcp-account-menu.is-open .vcp-account-trigger-icon {
    transform: rotate(180deg);
    color: rgba(255, 255, 255, 0.9) !important;
}

.vcp-account-trigger:hover .vcp-account-trigger-text,
.vcp-account-menu.is-open .vcp-account-trigger-text {
    color: #ffffff;
}

.vcp-account-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 30;
    width: 280px;
    padding: 18px;
    border-radius: 24px;
    border: 1px solid var(--vcp-line-strong);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(18, 22, 31, 0.98) 0%, rgba(12, 15, 22, 0.98) 100%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.vcp-notification-dropdown {
    position: absolute;
    top: calc(100% + 12px);
    right: 0;
    z-index: 32;
    width: min(92vw, 380px);
    padding: 18px;
    border-radius: 24px;
    border: 1px solid var(--vcp-line-strong);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(18, 22, 31, 0.98) 0%, rgba(12, 15, 22, 0.98) 100%);
    box-shadow: 0 24px 60px rgba(0, 0, 0, 0.3);
    opacity: 0;
    visibility: hidden;
    transform: translateY(8px);
    transition: opacity 180ms ease, transform 180ms ease, visibility 180ms ease;
}

.vcp-notification-menu.is-open .vcp-notification-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.vcp-account-menu.is-open .vcp-account-dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.vcp-notification-dropdown-head,
.vcp-account-dropdown-head {
    display: grid;
    gap: 8px;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--vcp-line);
}

.vcp-notification-dropdown-head {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 14px;
}

.vcp-notification-dropdown-intro {
    display: grid;
    gap: 6px;
}

.vcp-notification-dropdown-head strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--vcp-dark);
}

.vcp-notification-head-actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 8px;
    flex-wrap: wrap;
}

.vcp-notification-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.05);
    color: var(--vcp-dark);
    font-size: 12px;
    font-weight: 700;
    white-space: nowrap;
}

.vcp-notification-clear-form {
    margin: 0;
}

button.vcp-notification-clear-button,
.vcp-notification-clear-button {
    all: unset;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 28px;
    padding: 0 12px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08) !important;
    background: rgba(255, 255, 255, 0.02) !important;
    color: rgba(255, 255, 255, 0.82) !important;
    font-family: inherit;
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0;
    text-transform: none;
    box-shadow: none !important;
    cursor: pointer;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

button.vcp-notification-clear-button:hover,
.vcp-notification-clear-button:hover {
    background: rgba(255, 255, 255, 0.05);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-account-dropdown-label,
.vcp-account-dropdown-title {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--vcp-ink-muted);
}

.vcp-account-dropdown-head strong {
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
    color: var(--vcp-dark);
}

.vcp-notification-list {
    display: grid;
    gap: 8px;
    max-height: min(60vh, 420px);
    overflow-y: auto;
    padding-right: 2px;
}

.vcp-notification-item {
    display: grid;
    grid-template-columns: 8px 1fr;
    gap: 14px;
    align-items: start;
    padding: 14px;
    border-radius: 20px;
    color: var(--vcp-dark);
    text-decoration: none;
    transition: background 160ms ease, border-color 160ms ease, transform 160ms ease;
}

.vcp-notification-item:hover {
    background: rgba(255, 255, 255, 0.04);
    transform: translateY(-1px);
}

.vcp-notification-item-marker {
    width: 8px;
    height: 8px;
    margin-top: 7px;
    border-radius: 50%;
    background: rgb(227 194 16 / 62%);
}

.vcp-notification-item.is-billing .vcp-notification-item-marker {
    background: #f2ae63;
}

.vcp-notification-item.is-danger .vcp-notification-item-marker {
    background: #ff7e73;
}

.vcp-notification-item.is-success .vcp-notification-item-marker {
    background: #4ad0a4;
}

.vcp-notification-item.is-review .vcp-notification-item-marker {
    background: #8e8dff;
}

.vcp-notification-item.is-progress .vcp-notification-item-marker {
    background: #db63aa;
}

.vcp-notification-item.is-upcoming .vcp-notification-item-marker {
    background: #7d88a7;
}

.vcp-notification-item.is-canceled .vcp-notification-item-marker {
    background: #ff8a7a;
}

.vcp-notification-item.is-completed .vcp-notification-item-marker {
    background: #61d7ae;
}

.vcp-notification-item-body {
    display: grid;
    gap: 6px;
}

.vcp-notification-item-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vcp-notification-item-label {
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--vcp-ink-muted);
}

.vcp-notification-item-time {
    font-size: 12px;
    color: var(--vcp-ink-soft);
    white-space: nowrap;
}

.vcp-notification-item strong {
    font-size: 14px;
    font-weight: 700;
    line-height: 1.45;
    color: var(--vcp-dark);
}

.vcp-notification-item p {
    margin: 0;
    font-size: 13px;
    line-height: 1.6;
    color: var(--vcp-ink-soft);
}

.vcp-notification-empty {
    display: grid;
    gap: 8px;
    padding: 8px 2px 2px;
}

.vcp-notification-empty strong {
    font-size: 15px;
    font-weight: 700;
    color: var(--vcp-dark);
}

.vcp-notification-empty p {
    margin: 0;
    font-size: 14px;
    line-height: 1.6;
    color: var(--vcp-ink-soft);
}

.vcp-account-dropdown-group {
    display: grid;
    gap: 8px;
    margin-top: 14px;
}

.vcp-account-dropdown-group:first-of-type {
    margin-top: 0;
}

.vcp-account-dropdown-group.is-footer {
    padding-top: 14px;
    margin-top: 18px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-account-item {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 44px;
    padding: 0 14px;
    border-radius: 16px;
    color: var(--vcp-ink);
    text-decoration: none;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease;
}

.vcp-account-item:hover,
.vcp-account-item.is-active {
    background: rgba(255, 255, 255, 0.06);
    color: var(--vcp-dark);
}

.vcp-account-item-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    color: rgba(255, 255, 255, 0.72);
}

.vcp-account-item-icon svg {
    width: 18px;
    height: 18px;
}

.vcp-account-item:hover .vcp-account-item-icon,
.vcp-account-item.is-active .vcp-account-item-icon {
    color: var(--vcp-dark);
}

.vcp-account-item span:last-child {
    font-size: 14px;
    font-weight: 600;
}

.vcp-account-switcher {
    display: grid;
    gap: 8px;
}

.vcp-account-switcher label {
    font-size: 13px;
    font-weight: 600;
    color: var(--vcp-ink-soft);
}

.vcp-account-switcher select {
    width: 100%;
    min-height: 44px;
    padding: 0 14px;
    border-radius: 16px;
    border: 1px solid var(--vcp-line-strong);
    background: rgba(255, 255, 255, 0.04);
    color: var(--vcp-dark);
    outline: none;
}

.vcp-public-toolbar {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}

.vcp-public-toolbar-link {
    display: inline-flex;
    min-height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: rgba(247, 251, 252, 0.86);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    text-decoration: none;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
}

.vcp-public-toolbar-link:hover,
.vcp-public-toolbar-link:focus-visible {
    border-color: rgba(255, 255, 255, 0.14);
    background: rgba(255, 255, 255, 0.08);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-theme-toggle {
    all: unset;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 0;
    min-width: 0;
    padding: 0;
    margin: 0;
    border: 0 !important;
    border-radius: 0;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    color: var(--vcp-dark);
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    line-height: 1;
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease;
}

.vcp-theme-toggle:hover {
    transform: translateY(-1px);
    border-color: transparent;
    background: transparent !important;
}

.vcp-theme-toggle-rail {
    position: relative;
    display: inline-grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    width: 72px;
    height: 38px;
    padding: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-theme-toggle-thumb {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background: #ffffff;
    box-shadow: 0 10px 18px rgba(0, 0, 0, 0.18);
    transition: transform 180ms ease;
}

.vcp-theme-toggle-icon {
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 0.74);
    transition: color 180ms ease;
}

.vcp-theme-toggle-icon svg {
    width: 16px;
    height: 16px;
}

.vcp-theme-toggle-text {
    display: none;
}

html[data-vcp-theme="light"] .vcp-theme-toggle {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
}

html[data-vcp-theme="light"] .vcp-theme-toggle-rail {
    background: rgba(255, 255, 255, 0.98);
    border-color: rgba(18, 18, 18, 0.1);
}

html[data-vcp-theme="light"] .vcp-theme-toggle-thumb {
    background: linear-gradient(135deg, #3348b8 0%, #5c2999 44%, #c81e78 100%);
    box-shadow: 0 10px 18px rgba(92, 41, 153, 0.22);
    transform: translateX(34px);
}

html[data-vcp-theme="light"] .vcp-theme-toggle-icon {
    color: rgba(18, 18, 18, 0.7);
}

html[data-vcp-theme="light"] .vcp-theme-toggle-icon.is-sun {
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-theme-toggle-icon.is-moon {
    color: rgba(18, 18, 18, 0.9);
}

html[data-vcp-theme="dark"] .vcp-theme-toggle-icon.is-moon,
:root .vcp-theme-toggle-icon.is-moon {
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-account-trigger {
    background: rgba(255, 255, 255, 0.94) !important;
    border-color: rgba(18, 18, 18, 0.16);
    color: #121212 !important;
}

html[data-vcp-theme="light"] .vcp-notification-trigger {
    background: transparent !important;
    border-color: transparent;
    color: #121212 !important;
}

html[data-vcp-theme="light"] .vcp-account-trigger:hover,
html[data-vcp-theme="light"] .vcp-account-menu.is-open .vcp-account-trigger {
    background: rgba(255, 255, 255, 0.98) !important;
    border-color: rgba(92, 41, 153, 0.18);
    box-shadow: 0 12px 28px rgba(30, 24, 38, 0.12);
}

html[data-vcp-theme="light"] .vcp-notification-trigger:hover,
html[data-vcp-theme="light"] .vcp-notification-menu.is-open .vcp-notification-trigger {
    background: transparent !important;
    border-color: transparent;
}

html[data-vcp-theme="light"] .vcp-account-trigger-icon {
    color: rgba(18, 18, 18, 0.5) !important;
}

html[data-vcp-theme="light"] .vcp-notification-trigger-icon {
    color: rgba(18, 18, 18, 0.7) !important;
    border-color: rgba(18, 18, 18, 0.12);
    background: rgba(255, 255, 255, 0.98);
}

html[data-vcp-theme="light"] .vcp-account-menu.is-open .vcp-account-trigger-icon {
    color: rgba(18, 18, 18, 0.78) !important;
}

html[data-vcp-theme="light"] .vcp-account-trigger-text {
    color: rgba(18, 18, 18, 0.92);
}

html[data-vcp-theme="light"] .vcp-account-trigger:hover .vcp-account-trigger-text,
html[data-vcp-theme="light"] .vcp-account-menu.is-open .vcp-account-trigger-text {
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-account-dropdown {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 248, 252, 0.98) 100%);
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: 0 24px 50px rgba(30, 24, 38, 0.14);
}

html[data-vcp-theme="light"] .vcp-notification-dropdown {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(251, 248, 252, 0.98) 100%);
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: 0 24px 50px rgba(30, 24, 38, 0.14);
}

html[data-vcp-theme="light"] .vcp-account-dropdown-head strong,
html[data-vcp-theme="light"] .vcp-account-item,
html[data-vcp-theme="light"] .vcp-account-switcher select {
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-notification-dropdown-head strong,
html[data-vcp-theme="light"] .vcp-notification-item strong {
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-account-item:hover,
html[data-vcp-theme="light"] .vcp-account-item.is-active {
    background: rgba(79, 95, 255, 0.08);
}

html[data-vcp-theme="light"] .vcp-account-item-icon {
    color: rgba(18, 18, 18, 0.5);
}

html[data-vcp-theme="light"] .vcp-notification-count {
    border-color: rgba(18, 18, 18, 0.12);
    background: rgba(18, 18, 18, 0.045);
    color: #121212;
}

html[data-vcp-theme="light"] button.vcp-notification-clear-button,
html[data-vcp-theme="light"] .vcp-notification-clear-button {
    border-color: rgba(18, 18, 18, 0.12) !important;
    background: rgba(18, 18, 18, 0.045) !important;
    color: rgba(18, 18, 18, 0.74) !important;
}

html[data-vcp-theme="light"] button.vcp-notification-clear-button:hover,
html[data-vcp-theme="light"] .vcp-notification-clear-button:hover {
    background: rgba(79, 95, 255, 0.08) !important;
    border-color: rgba(92, 41, 153, 0.16) !important;
    color: #121212 !important;
}

html[data-vcp-theme="light"] .vcp-notification-item:hover {
    background: rgba(79, 95, 255, 0.08);
}

html[data-vcp-theme="light"] .vcp-notification-item-label {
    color: rgba(18, 18, 18, 0.48);
}

html[data-vcp-theme="light"] .vcp-notification-item-time,
html[data-vcp-theme="light"] .vcp-notification-item p,
html[data-vcp-theme="light"] .vcp-notification-empty p {
    color: rgba(18, 18, 18, 0.62);
}

html[data-vcp-theme="light"] .vcp-notification-empty strong {
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-account-switcher label {
    color: rgba(18, 18, 18, 0.68);
}

html[data-vcp-theme="light"] .vcp-account-switcher select {
    background: rgba(18, 18, 18, 0.03);
    border-color: rgba(18, 18, 18, 0.08);
}

.vcp-topbar h2 {
    font-size: clamp(34px, 4vw, 58px);
    color: var(--vcp-dark);
    margin-top: 12px;
}

.vcp-topbar-subtitle {
    margin: 12px 0 0;
    color: var(--vcp-ink-soft);
    max-width: 640px;
}

.vcp-account-switcher select,
.vcp-form-field input,
.vcp-form-field select,
.vcp-form-field textarea,
.vcp-inline-form textarea {
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--vcp-line-strong);
    background: rgba(255, 255, 255, 0.04);
    color: var(--vcp-ink);
    padding: 14px 16px;
    font: inherit;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vcp-form-field input::placeholder,
.vcp-form-field textarea::placeholder {
    color: var(--vcp-ink-muted);
}

.vcp-form-field textarea,
.vcp-inline-form textarea {
    resize: vertical;
}

.vcp-form-field input:focus,
.vcp-form-field select:focus,
.vcp-form-field textarea:focus,
.vcp-account-switcher select:focus,
.vcp-inline-form textarea:focus {
    outline: none;
    border-color: rgba(242, 39, 150, 0.45);
    box-shadow: 0 0 0 5px rgba(242, 39, 150, 0.12);
}

.vcp-notice {
    margin: 0 0 0px;
    padding: 16px 18px;
    border-radius: 18px;
    border: 1px solid var(--vcp-line);
    background: rgba(255, 255, 255, 0.05);
    box-shadow: var(--vcp-shadow-sm);
}
.vcp-notice p {
    margin-bottom: 0px;
}

.vcp-notice.is-success {
    border-color: rgba(85, 200, 144, 0.18);
    background: rgba(85, 200, 144, 0.08);
}

.vcp-notice.is-error {
    border-color: rgba(221, 120, 120, 0.2);
    background: rgba(221, 120, 120, 0.08);
}

.vcp-notice.is-info {
    border-color: rgba(242, 39, 150, 0.18);
    background: rgba(242, 39, 150, 0.08);
}

.vcp-portal-public {
    width: min(1440px, 100%);
}

.vcp-public-shell {
    display: grid;
    gap: 28px;
    padding: 20px 0 10px;
}

.vcp-public-hero,
.vcp-public-grid {
    display: grid;
    gap: 24px;
}

.vcp-public-hero {
    grid-template-columns: minmax(0, 1.2fr) minmax(320px, 420px);
    align-items: stretch;
}

.vcp-public-copy {
    padding: 40px;
    border-radius: var(--vcp-radius-lg);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.14), transparent 26%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.12), transparent 28%),
        radial-gradient(circle at 24% 0%, rgba(122, 56, 255, 0.08), transparent 24%),
        linear-gradient(180deg, rgba(18, 18, 18, 0.96) 0%, rgba(15, 15, 15, 0.94) 100%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--vcp-shadow-lg);
}

.vcp-public-copy h1 {
    margin: 14px 0 0;
    color: #f8fbfc;
    font-family: var(--vcp-font-display);
    font-size: clamp(40px, 6vw, 74px);
    line-height: 0.95;
    letter-spacing: -0.05em;
}

.vcp-public-copy p {
    margin: 18px 0 0;
    color: rgba(237, 245, 247, 0.74);
    font-size: 16px;
    line-height: 1.2;
}

.vcp-public-highlight-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 0;
    margin-top: 26px;
    color: rgba(237, 245, 247, 0.8);
    font-size: 15px;
    font-weight: 700;
    letter-spacing: 0.02em;
}

.vcp-public-highlight-row span {
    display: inline-flex;
    align-items: center;
}

.vcp-public-highlight-row span + span::before {
    content: "|";
    margin: 0 18px;
    color: rgba(237, 245, 247, 0.28);
    font-weight: 500;
}

.vcp-public-copy .vcp-action-row {
    margin-top: 28px;
    gap: 14px;
}

.vcp-public-copy .vcp-button {
    min-height: 48px;
    padding: 0 22px;
    border-radius: 999px;
    font-size: 16px;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.16);
}

.vcp-public-copy .vcp-button:not(.is-secondary) {
    background: rgba(255, 255, 255, 0.96);
    color: #16131d;
    border: 1px solid rgba(255, 255, 255, 0.18);
}

.vcp-public-copy .vcp-button:not(.is-secondary):hover {
    background: #ffffff;
    color: #121212;
}

.vcp-public-copy .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.05);
    color: #f7fbfc;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-public-copy .vcp-button.is-secondary:hover {
    background: rgba(255, 255, 255, 0.1);
}

.vcp-public-hero.is-compact .vcp-public-copy h1 {
    font-size: clamp(34px, 4.6vw, 58px);
}

.vcp-public-hero.is-compact {
    gap: 20px;
    align-items: stretch;
}

.vcp-public-hero.is-compact .vcp-public-copy {
    padding: 34px 36px;
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.11), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.1), transparent 26%),
        linear-gradient(180deg, rgba(18, 18, 18, 0.95) 0%, rgba(15, 15, 15, 0.94) 100%);
}

.vcp-public-hero.is-compact .vcp-public-copy h1 {
    max-width: none;
    width: 100%;
    margin-top: 12px;
    line-height: 0.98;
}

.vcp-public-hero.is-compact .vcp-public-copy p {
    margin-top: 16px;
    max-width: 620px;
    font-size: 18px;
    color: rgba(237, 245, 247, 0.7);
}

.vcp-public-hero.is-compact .vcp-public-highlight-row {
    margin-top: 22px;
    font-size: 14px;
    font-weight: 600;
    color: rgba(237, 245, 247, 0.72);
}

.vcp-public-request-account {
    padding: 30px 32px;
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 30%),
        linear-gradient(180deg, rgba(18, 18, 18, 0.96) 0%, rgba(14, 14, 15, 0.95) 100%);
}

.vcp-public-request-account .vcp-card-label {
    display: block;
    margin-bottom: 2px;
}

.vcp-public-request-account .vcp-snapshot-list {
    margin-top: 16px;
    gap: 14px;
}

.vcp-public-request-account .vcp-snapshot-list li {
    align-items: center;
}

.vcp-public-request-account .vcp-snapshot-list span {
    color: rgba(237, 245, 247, 0.54);
    font-size: 13px;
}

.vcp-public-request-account .vcp-snapshot-list strong {
    font-size: clamp(18px, 2.2vw, 28px);
    letter-spacing: -0.03em;
}

.vcp-public-request-code {
    font-family: ui-monospace, SFMono-Regular, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    font-size: clamp(16px, 1.55vw, 21px) !important;
    letter-spacing: 0.02em !important;
}

.vcp-public-request-experience {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(300px, 0.82fr);
    gap: 28px;
    align-items: start;
}

.vcp-public-request-main {
    display: grid;
    gap: 30px;
    min-width: 0;
    padding: clamp(34px, 5vw, 64px);
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.06), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.05), transparent 30%),
        linear-gradient(180deg, rgba(16, 19, 28, 0.96) 0%, rgba(13, 16, 24, 0.96) 100%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);
}

.vcp-public-request-intro {
    display: grid;
    gap: 18px;
    max-width: 760px;
}

.vcp-public-request-intro h1 {
    margin: 0;
    max-width: 780px;
    color: #f8fbfc;
    font-family: var(--vcp-font-display);
    font-size: clamp(48px, 6vw, 86px);
    line-height: 0.94;
    letter-spacing: -0.055em;
}

.vcp-public-request-intro p {
    margin: 0;
    max-width: 640px;
    color: rgba(237, 245, 247, 0.66);
    font-size: 16px;
    line-height: 1.55;
}

.vcp-public-request-main .vcp-request-page-shell {
    width: 100%;
    margin: 0;
    gap: 0;
}

.vcp-public-request-main .vcp-request-intake {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.vcp-public-request-context {
    align-self: start;
    min-height: 0;
    border-radius: 26px;
}

.vcp-public-request-context h2 {
    margin: 14px 0 0;
    max-width: 420px;
    color: #f8fbfc;
    font-family: var(--vcp-font-display);
    font-size: clamp(32px, 3.4vw, 48px);
    line-height: 0.96;
    letter-spacing: -0.05em;
}

.vcp-public-request-context > p {
    margin: 14px 0 0;
    max-width: 430px;
    color: rgba(237, 245, 247, 0.62);
    font-size: 15px;
    line-height: 1.5;
}

.vcp-public-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vcp-public-spotlight {
    position: relative;
    overflow: hidden;
}

.vcp-public-spotlight::before,
.vcp-modal-spotlight::before {
    content: "";
    position: absolute;
    inset: -20% auto auto -10%;
    width: 260px;
    height: 260px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.18) 0%, rgba(255, 255, 255, 0.02) 58%, transparent 74%);
    pointer-events: none;
}

.vcp-public-spotlight::after,
.vcp-modal-spotlight::after {
    content: "";
    position: absolute;
    right: -72px;
    bottom: -72px;
    width: 240px;
    height: 240px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.16) 0%, rgba(255, 255, 255, 0.04) 50%, transparent 74%);
    pointer-events: none;
}

.vcp-public-spotlight h3 {
    margin: 14px 0 0;
    max-width: none;
    font-size: clamp(34px, 4vw, 54px);
    color: #f8fbfc;
}

.vcp-public-feature-list {
    list-style: none;
    padding: 0;
    margin: 28px 0 0;
    display: grid;
    gap: 18px;
}

.vcp-public-feature-list li {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 14px;
    align-items: start;
}

.vcp-public-feature-list strong {
    display: block;
    font-size: 18px;
    color: #f8fbfc;
}

.vcp-public-feature-list p {
    margin: 6px 0 0;
    color: rgba(237, 245, 247, 0.68);
    line-height: 1.6;
}

.vcp-public-hero-onboarding {
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
    align-items: start;
    gap: 24px;
}

.vcp-onboarding-copy {
    display: grid;
    gap: 24px;
    padding: 60px 80px 50px;
    border-radius: 26px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.05), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.05), transparent 28%),
        linear-gradient(180deg, rgba(16, 19, 28, 0.96) 0%, rgba(13, 16, 24, 0.96) 100%);
    box-shadow: 0 30px 80px rgba(0, 0, 0, 0.24);
}

.vcp-onboarding-title {
    display: grid;
    gap: 2px;
    margin: 0;
    font-size: clamp(45px, 12vw, 70px) !important;
    line-height: 0.94;
    letter-spacing: -0.05em;
    color: #f8fbfc;
}

.vcp-onboarding-message {
    margin-top: 0 !important;
    font-size: 15px;
    line-height: 1.5!important;
    color: rgba(237, 245, 247, 0.68);
}

.vcp-public-hero-login {
    align-items: start;
}

.vcp-login-copy {
    gap: 26px;
}

.vcp-login-title {
    max-width: 760px;
}

.vcp-login-message {
    max-width: 560px;
}

.vcp-login-spotlight {
    align-self: start;
}

.vcp-onboarding-identity {
    display: grid;
    gap: 10px;
    width: fit-content;
    min-width: min(100%, 220px);
    padding: 0;
    background: transparent;
    border: 0;
}

.vcp-onboarding-identity strong {
    color: #f8fbfc;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: 0.04em;
    margin: -13px 0 0 0;
}

.vcp-onboarding-form {
    display: grid;
    gap: 18px;
    margin-top: 0;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
}

.vcp-login-form {
    max-width: 560px;
}

.vcp-onboarding-form .vcp-form-field {
    gap: 10px;
}

.vcp-onboarding-form .vcp-form-field label {
    font-size: 12px;
    color: rgba(237, 245, 247, 0.6);
    letter-spacing: 0.01em;
    font-weight: 600;
}

.vcp-onboarding-form .vcp-button {
    min-width: 144px;
    min-height: 48px;
    padding: 0 24px;
    border: 0;
    color: #ffffff;
    
}

.vcp-login-actions {
    align-items: center;
    justify-content: flex-start;
    gap: 18px;
    margin-top: 8px;
}

.vcp-login-captcha {
    margin-top: 8px;
}

.vcp-login-captcha .g-recaptcha {
    margin-top: 4px;
}

.vcp-login-captcha p {
    margin: 0;
}

.vcp-login-actions .vcp-button {
    min-width: 0;
    min-height: 42px;
    padding-inline: 20px;
    font-size: 13px;
}

.vcp-login-forgot {
    color: rgba(237, 245, 247, 0.56) !important;
}

.vcp-login-forgot:hover,
.vcp-login-forgot:focus-visible {
    color: #ffffff !important;
}

.vcp-onboarding-form .vcp-button:hover,
.vcp-onboarding-form .vcp-button:focus-visible {
    transform: translateY(-1px);
    color: #ffffff;
    box-shadow: 0 14px 30px rgba(132, 88, 255, 0.28);
}

.vcp-onboarding-help {
    margin: 0;
    max-width: 420px!important;
    color: rgba(237, 245, 247, 0.52);
    font-size: 13px!important;
    line-height: 1.4!important;
}

.vcp-login-help {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: none !important;
}

.vcp-login-help a,
.vcp-login-help a:visited {
    color: #f8fbfc;
    font-weight: 700;
    text-decoration: none;
}

.vcp-login-help a:hover,
.vcp-login-help a:focus-visible {
    color: #ffffff;
    text-decoration: underline;
}

.vcp-onboarding-spotlight {
    display: grid;
    align-content: start;
    gap: 18px;
    min-height: 0;
    padding: 34px 34px 30px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-onboarding-spotlight h3 {
    margin-top: -18px;
    max-width: 420px;
    font-size: clamp(30px, 3vw, 44px)!important;
    line-height: 0.96;
}

.vcp-onboarding-spotlight-lock {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 38px;
    height: 38px;
    border-radius: 12px;
    background: linear-gradient(160deg, rgb(0 0 0 / 15%), rgb(255 255 255 / 18%));
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 244, 179, 0.16);
}

.vcp-onboarding-spotlight-lock svg {
    width: 18px;
    height: 18px;
}

.vcp-onboarding-spotlight-copy {
    margin: 0;
    max-width: 450px;
    font-size: 15px;
    line-height: 1.5!important;
    color: rgba(237, 245, 247, 0.62);
}

.vcp-onboarding-spotlight-list {
    list-style: none;
    display: grid;
    gap: 10px;
    margin: 8px 0 0;
    padding: 0;
}

.vcp-onboarding-spotlight-list li {
    position: relative;
    padding-left: 0;
    font-size: 15px;
    line-height: 1.2;
    color: rgba(237, 245, 247, 0.7);
}

.vcp-onboarding-spotlight-list li {
  border-bottom: 1px solid #4a4a4a8a;
  padding: 0 0 11px 0;
margin: 2px 0 0 0;
}

.vcp-onboarding-spotlight-list li:last-child {
  border-bottom: none;
}

.vcp-onboarding-field {
    gap: 10px;
}

.vcp-onboarding-field-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}

.vcp-onboarding-toggle {
    all: unset;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 2px 0;
    color: rgba(237, 245, 247, 0.52)!important;
    background: #ffffff00 !important;
    font-size: 13px;
    line-height: 1;
    font-weight: 600;
    transition: color 180ms ease, text-decoration-color 180ms ease;
}

.vcp-onboarding-toggle:hover,
.vcp-onboarding-toggle:focus-visible {
    color: #ffffff!important;
    text-decoration-color: rgba(255, 255, 255, 0.68);
}

.vcp-onboarding-form .vcp-onboarding-field input {
    min-height: 40px;
    padding: 0 10px 0;
    border-radius: 0;
    border-width: 0 0 1px;
    border-color: rgb(240 240 240 / 29%) !important;
    background: #ffffff00 !important;
    box-shadow: none !important;
    color: #f8fbfc !important;
}

.vcp-onboarding-form .vcp-onboarding-field input::placeholder {
    color: rgba(237, 245, 247, 0.28);
}

.vcp-onboarding-form .vcp-onboarding-field input:focus {
    border-color: rgba(255, 79, 184, 0.72)!important;
    box-shadow: 0 1px 0 rgba(255, 79, 184, 0.72)!important;
}

.vcp-onboarding-strength {
    display: grid;
    gap: 12px;
    margin-top: 2px;
}

.vcp-onboarding-strength-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    font-size: 13px;
    color: rgba(237, 245, 247, 0.5);
}

.vcp-onboarding-strength-head strong {
    font-size: 14px;
    font-weight: 600;
    color: #ff4fb8;
}

.vcp-onboarding-strength-bar {
    position: relative;
    width: 100%;
    height: 2px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0);
    overflow: hidden;
}

.vcp-onboarding-strength-bar span {
    display: block;
    width: 0;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, #ff4fb8 0%, #8458ff 100%);
    transition: width 180ms ease;
}

.vcp-onboarding-strength.is-weak .vcp-onboarding-strength-bar span {
    width: 28%;
}

.vcp-onboarding-strength.is-medium .vcp-onboarding-strength-bar span {
    width: 62%;
}

.vcp-onboarding-strength.is-strong .vcp-onboarding-strength-bar span {
    width: 100%;
}

.vcp-onboarding-strength.is-empty .vcp-onboarding-strength-head strong {
    color: rgba(237, 245, 247, 0.34);
}

.vcp-onboarding-strength.is-weak .vcp-onboarding-strength-head strong {
    color: #ff8a8a;
}

.vcp-onboarding-strength.is-medium .vcp-onboarding-strength-head strong {
    color: #ff9ce2;
}

.vcp-onboarding-strength.is-strong .vcp-onboarding-strength-head strong {
    color: #ff4fb8;
}

.vcp-onboarding-checklist {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px 22px;
}

.vcp-onboarding-checklist span {
    position: relative;
    padding-left: 12px;
    font-size: 13px;
    line-height: 1.5;
    color: rgba(237, 245, 247, 0.54);
}

.vcp-onboarding-checklist span::before {
    content: "•";
    position: absolute;
    left: 0;
    top: 0;
}

.vcp-onboarding-checklist span.is-valid {
    color: rgba(237, 245, 247, 0.86);
}

.vcp-onboarding-footer {
    display: grid;
    gap: 12px;
    padding-top: 8px;
    max-width: 420px;
}

.vcp-onboarding-actions {
    display: flex;
    justify-content: flex-start;
}

html[data-vcp-theme="light"] .vcp-onboarding-copy {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 244, 251, 0.96) 100%);
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-login-forgot {
    color: rgba(28, 34, 48, 0.56) !important;
}

html[data-vcp-theme="light"] .vcp-login-forgot:hover,
html[data-vcp-theme="light"] .vcp-login-forgot:focus-visible {
    color: #1c2230 !important;
}

html[data-vcp-theme="light"] .vcp-login-help a,
html[data-vcp-theme="light"] .vcp-login-help a:visited {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-login-help a:hover,
html[data-vcp-theme="light"] .vcp-login-help a:focus-visible {
    color: #111827;
}

html[data-vcp-theme="light"] .vcp-onboarding-title,
html[data-vcp-theme="light"] .vcp-onboarding-identity strong {
    color: #141822;
}

html[data-vcp-theme="light"] .vcp-onboarding-message,
html[data-vcp-theme="light"] .vcp-onboarding-help,
html[data-vcp-theme="light"] .vcp-onboarding-strength-head,
html[data-vcp-theme="light"] .vcp-onboarding-checklist span {
    color: rgba(20, 24, 34, 0.62);
}

html[data-vcp-theme="light"] .vcp-onboarding-form .vcp-form-field label {
    color: rgba(20, 24, 34, 0.58);
}

html[data-vcp-theme="light"] .vcp-onboarding-form .vcp-onboarding-field input {
    color: #141822!important;
    border-color: rgba(20, 24, 34, 0.14)!important;
}

html[data-vcp-theme="light"] .vcp-onboarding-form .vcp-onboarding-field input::placeholder {
    color: rgba(20, 24, 34, 0.34);
}

html[data-vcp-theme="light"] .vcp-onboarding-form .vcp-onboarding-field input:focus {
    border-color: rgba(255, 79, 184, 0.72)!important;
    box-shadow: 0 1px 0 rgba(255, 79, 184, 0.72)!important;
}

html[data-vcp-theme="light"] .vcp-onboarding-toggle {
    color: rgba(20, 24, 34, 0.48);
    text-decoration-color: rgba(20, 24, 34, 0.16);
}

html[data-vcp-theme="light"] .vcp-onboarding-toggle:hover,
html[data-vcp-theme="light"] .vcp-onboarding-toggle:focus-visible {
    color: #141822;
    text-decoration-color: rgba(20, 24, 34, 0.6);
}

html[data-vcp-theme="light"] .vcp-onboarding-strength.is-empty .vcp-onboarding-strength-head strong {
    color: rgba(20, 24, 34, 0.4);
}

html[data-vcp-theme="light"] .vcp-onboarding-strength.is-weak .vcp-onboarding-strength-head strong {
    color: #d65178;
}

html[data-vcp-theme="light"] .vcp-onboarding-strength.is-medium .vcp-onboarding-strength-head strong,
html[data-vcp-theme="light"] .vcp-onboarding-strength.is-strong .vcp-onboarding-strength-head strong {
    color: #c13cff;
}

.vcp-public-code-form {
    display: grid;
    gap: 18px;
    margin-top: 18px;
}

.vcp-modal[hidden] {
    display: none !important;
}

.vcp-modal {
    position: fixed;
    inset: 0;
    z-index: 1200;
    display: grid;
    place-items: center;
    padding: 28px;
}

.vcp-modal-backdrop {
    position: absolute;
    inset: 0;
    background: rgba(9, 19, 24, 0.54);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
}

.vcp-modal-dialog {
    position: relative;
    z-index: 1;
    width: min(1160px, 100%);
    max-height: calc(100vh - 56px);
    padding: 0;
    border-radius: 32px;
    background:
        linear-gradient(180deg, rgba(16, 18, 22, 0.28) 0%, rgba(11, 14, 18, 0.38) 90%);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: 0 42px 90px rgba(0, 0, 0, 0.42);
    overflow: auto;
}

.vcp-modal-dialog.is-compact {
    width: min(680px, 100%);
}

.vcp-modal-dialog.is-compact .vcp-modal-auth.is-single {
    gap: 20px;
    padding: 40px 42px 36px;
}

.vcp-modal-dialog.is-compact .vcp-modal-copy {
    max-width: none;
}

.vcp-modal-dialog.is-compact .vcp-modal-copy h3 {
    max-width: none;
    margin: 10px 0 0;
    font-size: clamp(28px, 3vw, 42px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.vcp-modal-dialog.is-compact .vcp-modal-copy p {
    margin: 12px 0 0;
    max-width: 38rem;
}

.vcp-modal-close {
    appearance: none;
    -webkit-appearance: none;
    position: absolute !important;
    top: 22px !important;
    right: 22px !important;
    left: auto !important;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    padding: 0;
    border: 0;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #f8fbfc;
    font-size: 22px;
    line-height: 1;
    cursor: pointer;
    z-index: 999 !important;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.16);
    overflow: hidden;
}

.vcp-modal-dialog.is-compact .vcp-modal-close {
    top: 18px !important;
    right: 18px !important;
    width: 42px;
    height: 42px;
    background: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.14);
    color: #f6f6f6;
    font-size: 20px;
    font-weight: 600;
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.vcp-modal-layout {
    display: grid;
    grid-template-columns: minmax(360px, 0.9fr) minmax(420px, 1.1fr);
    min-height: 680px;
    align-items: stretch;
}

.vcp-modal-auth,
.vcp-modal-spotlight {
    position: relative;
    padding: 48px 50px;
}

.vcp-modal-auth {
    display: grid;
    align-content: center;
    gap: 26px;
    background: linear-gradient(180deg, rgba(15, 17, 21, 0.96) 0%, rgba(13, 15, 19, 0.96) 100%);
    border-right: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-modal-auth.is-single {
    border-right: 0;
}

.vcp-modal-brand {
    display: grid;
    gap: 10px;
}

.vcp-modal-brand strong {
    color: #f8fbfc;
    font-family: var(--vcp-font-display);
    font-size: clamp(22px, 2.2vw, 28px);
    line-height: 1.05;
    letter-spacing: -0.03em;
}

.vcp-modal-copy {
    max-width: 34rem;
}

.vcp-modal-copy h3 {
    margin: 14px 0 0;
    color: #f8fbfc;
    max-width: 11ch;
    font-size: clamp(32px, 3.2vw, 50px);
    line-height: 0.98;
    letter-spacing: -0.04em;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-copy h3 {
    max-width: none;
}

.vcp-modal-copy p {
    margin: 16px 0 0;
    color: rgba(237, 245, 247, 0.68);
    line-height: 1.7;
    max-width: 32rem;
    font-size: 16px;
}

.vcp-modal-form {
    display: grid;
    gap: 18px;
    margin-top: 6px;
    padding: 24px;
    border-radius: 26px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vcp-modal-dialog.is-compact .vcp-modal-form {
    gap: 14px;
    margin-top: 4px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.vcp-modal-form .vcp-form-field {
    gap: 10px;
}

.vcp-modal-form .vcp-form-field label {
    font-size: 12px;
    color: #a0a0a0;
    letter-spacing: 0.01em;
    font-weight: 600;
}

.vcp-modal-dialog.is-compact .vcp-modal-form .vcp-form-field {
    gap: 8px;
}

.vcp-modal-form .vcp-form-field input {
    min-height: 32px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.vcp-modal-form .vcp-form-field input::placeholder {
    color: rgba(237, 245, 247, 0.34);
}

.vcp-modal-form .vcp-form-field textarea {
    min-height: 148px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: #f8fbfc;
    padding: 16px 18px;
    resize: vertical;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.vcp-modal-dialog.is-compact .vcp-modal-form .vcp-form-field textarea {
    min-height: 136px;
    border-radius: 22px;
    padding: 18px 20px;
    background: rgb(255 255 255 / 1%);
    border-color: rgba(255, 255, 255, 0.07);
}

.vcp-modal-form .vcp-form-field textarea::placeholder {
    color: rgba(237, 245, 247, 0.34);
}

.vcp-checkbox {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    color: rgba(237, 245, 247, 0.68);
    font-weight: 600;
}

.vcp-checkbox input {
    width: 18px;
    height: 18px;
    accent-color: var(--vcp-brand);
}

.vcp-modal-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
    margin-top: 4px;
}

.vcp-modal-dialog.is-compact .vcp-modal-actions {
    justify-content: flex-end;
    gap: 10px;
    margin-top: 8px;
    padding-top: 8px;
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button {
    width: auto;
    min-width: 0;
    min-height: 40px;
    padding: 0 18px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: #f6f8ff !important;
    -webkit-text-fill-color: #f6f8ff;
    box-shadow: 0 12px 24px rgba(9, 13, 22, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.06);
}

.vcp-signature-modal-dialog {
    max-width: 760px;
}

.vcp-signature-summary {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
}

.vcp-signature-summary div {
    display: grid;
    gap: 6px;
    min-width: 0;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-signature-summary span {
    color: rgba(237, 245, 247, 0.54);
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vcp-signature-summary strong {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.35;
    overflow-wrap: anywhere;
}

.vcp-signature-field-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vcp-signature-pad {
    position: relative;
    overflow: hidden;
    border-radius: 18px;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.14);
    box-shadow: inset 0 0 0 1px rgba(7, 10, 16, 0.04);
}

.vcp-signature-pad canvas {
    display: block;
    width: 100%;
    min-height: 180px;
    touch-action: none;
    cursor: crosshair;
}

.vcp-signature-clear {
    min-height: 26px;
    padding: 0 10px;
    border: 1px solid rgba(237, 245, 247, 0.16);
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(237, 245, 247, 0.8);
    font-size: 10px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    cursor: pointer;
}

.vcp-signature-clear:hover,
.vcp-signature-clear:focus-visible {
    background: rgba(255, 255, 255, 0.1);
    color: #ffffff;
}

.vcp-signature-form .vcp-modal-actions .vcp-button.is-success {
    background: #f20055;
    border-color: #f20055;
    color: #ffffff;
    box-shadow: 0 18px 36px rgba(242, 0, 85, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.vcp-signature-form .vcp-modal-actions .vcp-button.is-success:hover,
.vcp-signature-form .vcp-modal-actions .vcp-button.is-success:focus-visible {
    background: #ff1f6c;
    border-color: #ff1f6c;
    color: #ffffff;
}

.vcp-signature-consent {
    align-items: flex-start;
    line-height: 1.55;
}

.vcp-signature-consent span {
    color: rgba(237, 245, 247, 0.72);
}

.vcp-form-field-label {
    display: inline-block;
    color: #a0a0a0;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.vcp-modal-dialog.is-compact .vcp-form-field-choices {
    gap: 10px;
}

.vcp-choice-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.vcp-choice-pill {
    position: relative;
    display: inline-flex;
    align-items: center;
}

.vcp-choice-pill input {
    position: absolute;
    opacity: 0;
    inset: 0;
    pointer-events: none;
}

.vcp-choice-pill span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(242, 244, 250, 0.82);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.vcp-choice-pill:hover span {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-choice-pill input:checked + span {
    background: linear-gradient(180deg, rgba(84, 95, 138, 0.94), rgba(63, 72, 104, 0.94));
    border-color: rgba(189, 201, 255, 0.18);
    color: #ffffff;
    box-shadow: 0 10px 22px rgba(9, 13, 22, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-choice-pill input:focus-visible + span {
    outline: 2px solid rgba(195, 205, 255, 0.42);
    outline-offset: 2px;
}

.vcp-text-link {
    color: var(--vcp-brand-deep);
    font-weight: 700;
    text-decoration: none;
}

.vcp-modal-support {
    margin: 2px 0 0;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(237, 245, 247, 0.5);
    font-size: 14px;
}

.vcp-modal-support span {
	display: block;
}

.vcp-modal-support a {
    color: #f8fbfc;
    text-decoration: none;
    font-weight: 700;
}

.vcp-modal-spotlight {
    display: grid;
    align-content: space-between;
    align-self: stretch;
    min-height: 100%;
    padding-top: 22px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(255, 91, 181, 0.12), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.1), transparent 26%),
        linear-gradient(180deg, rgba(18, 20, 24, 0.96) 0%, rgba(12, 14, 18, 0.96) 100%);
}

.vcp-modal-spotlight h4 {
    position: relative;
    z-index: 1;
    margin: 18px 0 0;
    max-width: 11ch;
    color: #f8fbfc;
    font-family: var(--vcp-font-display);
    font-size: clamp(34px, 4.1vw, 60px);
    line-height: 0.94;
    letter-spacing: -0.05em;
}

.vcp-modal-stat-grid {
    position: relative;
    z-index: 1;
    display: grid;
    gap: 14px;
    margin-top: 28px;
}

.vcp-modal-stat-grid div {
    display: grid;
    grid-template-columns: minmax(96px, 0.46fr) minmax(0, 1fr);
    gap: 14px;
    align-items: start;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-modal-stat-grid span {
    color: rgba(237, 245, 247, 0.58);
}

.vcp-modal-stat-grid strong {
    color: #f8fbfc;
    font-family: var(--vcp-font-display);
    font-size: clamp(22px, 2.6vw, 34px);
    line-height: 1.02;
    letter-spacing: -0.04em;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-dialog {
    width: min(840px, 100%);
    height: min(572px, calc(100vh - 28px));
    max-height: none;
    border-radius: 26px;
    overflow: hidden;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-layout {
    grid-template-columns: minmax(0, 1.22fr) minmax(292px, 0.78fr);
    min-height: 0;
    height: 100%;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-auth,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-spotlight {
    min-height: 0;
    padding: 28px 30px 18px;
    overflow: hidden;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-auth {
    display: grid;
    grid-template-rows: auto auto 1fr auto;
    align-content: start;
    gap: 14px;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-brand {
    gap: 6px;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-brand strong {
    font-size: clamp(15px, 1.2vw, 18px);
    line-height: 1.06;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-copy {
    max-width: 24rem;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-copy h3 {
    margin-top: 4px;
    font-size: clamp(18px, 1.72vw, 27px);
    line-height: 1.02;
    letter-spacing: -0.045em;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-copy p {
    margin-top: 6px;
    max-width: 24rem;
    font-size: 12px;
    line-height: 1.52;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-form {
    gap: 10px;
    max-width: 448px;
    padding: 13px;
    border-radius: 17px;
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field label {
    font-size: 11.5px;
    letter-spacing: 0.01em;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input {
    min-height: 40px;
    font-size: 13px;
    border-radius: 15px;
    color: #ffffff!important;
    -webkit-text-fill-color: #f7f9ff !important;
    caret-color: #ffffff;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input::placeholder {
    color: rgba(247, 249, 255, 0.42);
    -webkit-text-fill-color: rgba(247, 249, 255, 0.42);
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:hover,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:focus,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:active {
    -webkit-text-fill-color: #f7f9ff !important;
    caret-color: #ffffff;
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.04);
    transition: background-color 9999s ease-out 0s;
}

.vcp-modal[data-vcp-modal="login"] .vcp-checkbox {
    gap: 8px;
    font-size: 12.5px;
}

.vcp-modal[data-vcp-modal="login"] .vcp-checkbox span {
    line-height: 1.35;
}

.vcp-modal[data-vcp-modal="login"] .vcp-checkbox input {
    width: 16px;
    height: 16px;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-actions {
    display: grid;
    grid-template-columns: auto 1fr;
    align-items: center;
    gap: 8px 14px;
    margin-top: 0;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-actions .vcp-button {
    justify-self: start;
    min-height: 36px;
    padding: 0 14px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(88, 100, 146, 0.98), rgba(66, 76, 111, 0.98));
    border-color: rgba(193, 204, 255, 0.16);
    color: #f7f9ff !important;
    -webkit-text-fill-color: #f7f9ff;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.03em;
    box-shadow: 0 8px 16px rgba(9, 13, 22, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.07);
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-actions .vcp-button:hover,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-actions .vcp-button:focus-visible {
    background: linear-gradient(180deg, rgba(99, 112, 163, 1), rgba(73, 84, 124, 1));
    border-color: rgba(210, 218, 255, 0.2);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-actions .vcp-button:disabled {
    opacity: 0.58;
    cursor: not-allowed;
    color: rgba(247, 249, 255, 0.72) !important;
    -webkit-text-fill-color: rgba(247, 249, 255, 0.72);
    transform: none;
}

.vcp-modal[data-vcp-modal="login"] .vcp-text-link {
    justify-self: end;
    color: rgba(237, 245, 247, 0.38);
    font-size: 12px;
    font-weight: 600;
}

.vcp-modal[data-vcp-modal="login"] .vcp-text-link:hover,
.vcp-modal[data-vcp-modal="login"] .vcp-text-link:focus-visible {
    color: rgba(237, 245, 247, 0.6);
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-support a,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-support a:hover,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-support a:focus-visible,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-support a:visited {
    color: #f8fbfc !important;
    -webkit-text-fill-color: #f8fbfc;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-support {
    margin-top: 0;
    padding-top: 12px;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-close {
    top: 14px !important;
    right: 14px !important;
    width: 34px;
    height: 34px;
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(255, 255, 255, 0.06);
    color: rgba(248, 251, 252, 0.68);
    box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-close:hover,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-close:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-spotlight {
    display: grid;
    grid-template-rows: auto auto auto;
    align-content: center;
    gap: 18px;
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.07), transparent 24%),
        radial-gradient(circle at 100% 0%, rgba(255, 91, 181, 0.08), transparent 18%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 18%),
        linear-gradient(180deg, rgba(17, 19, 23, 0.97) 0%, rgba(12, 14, 18, 0.97) 100%);
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-spotlight h4 {
    width: 100%;
    max-width: none;
    margin: 5px 0 30px 0;
    align-self: start;
    font-size: clamp(17px, 1.62vw, 26px);
    line-height: 1.12;
    letter-spacing: -0.044em;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-stat-grid {
    align-self: end;
    gap: 10px;
    margin-top: 0;
    width: 100%;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-stat-grid div {
    grid-template-columns: minmax(66px, 0.34fr) minmax(0, 1fr);
    gap: 12px;
    padding-top: 9px;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-stat-grid strong {
    font-size: clamp(14px, 1.45vw, 20px);
    line-height: 1.08;
    font-weight: 700;
}

.vcp-modal[data-vcp-modal="login"] .vcp-modal-stat-grid span {
    font-size: 10.5px;
    color: rgba(237, 245, 247, 0.42);
}

.vcp-profile-code {
    margin-top: 4px;
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.vcp-profile-code strong {
    display: block;
    font-family: var(--vcp-font-display);
    font-size: clamp(22px, 1.8vw, 34px);
    line-height: 1;
    letter-spacing: 0.14em;
}

.vcp-profile-link {
    display: grid;
    gap: 8px;
    margin-top: 0;
}

.vcp-profile-link span {
    color: rgba(255, 255, 255, 0.64);
    font-size: 11px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.14em;
}

.vcp-profile-link a {
    display: block;
    padding: 13px 15px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.075);
    background: rgba(255, 255, 255, 0.035);
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
    line-height: 1.52;
    word-break: break-word;
    text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease;
}

.vcp-profile-link a:hover {
    color: #ffffff;
}

.vcp-profile-head {
    margin-bottom: 2px;
}

.vcp-profile-head p {
    margin: 0;
    max-width: 720px;
    font-size: 16px;
    line-height: 1.75;
    color: rgba(235, 239, 246, 0.62);
}

.vcp-profile-layout {
    grid-template-columns: minmax(0, 1.18fr) minmax(320px, 0.82fr);
    align-items: start;
    gap: 22px;
}

.vcp-profile-card {
    padding: 30px 28px 26px;
    border-radius: 28px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.045), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.04), transparent 24%),
        linear-gradient(180deg, rgba(18, 22, 29, 0.94) 0%, rgba(11, 14, 20, 0.97) 100%);
    box-shadow: var(--vcp-shadow-lg);
}

.vcp-profile-card-head {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 20px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-profile-card-tools {
    display: grid;
    justify-items: end;
    align-content: start;
    gap: 6px;
    flex: 0 0 auto;
    padding-top: 2px;
}

.vcp-profile-edit-button {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 30px;
    padding: 0 10px;
    border-radius: 999px;
    font-size: 10.5px;
    font-weight: 650;
    letter-spacing: 0.03em;
    border-color: rgba(255, 255, 255, 0.09);
    background: rgba(255, 255, 255, 0.035);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
}

.vcp-profile-edit-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 17px;
    height: 17px;
    flex: 0 0 12px;
}

.vcp-profile-edit-button-icon svg {
    width: 17px;
    height: 17px;
    display: block;
}

.vcp-profile-edit-button,
.vcp-profile-edit-button:hover,
.vcp-profile-edit-button:focus-visible,
.vcp-profile-actions-buttons [data-vcp-profile-submit],
.vcp-profile-actions-buttons [data-vcp-profile-submit]:hover,
.vcp-profile-actions-buttons [data-vcp-profile-submit]:focus-visible {
    color: #ffffff !important;
    border-color: #363547!important;
    -webkit-text-fill-color: #ffffff;
}

.vcp-profile-edit-button:hover,
.vcp-profile-edit-button:focus-visible {
    background: rgba(255, 255, 255, 0.055);
    border-color: rgba(255, 255, 255, 0.14);
}

.vcp-profile-card-head h3 {
    margin: 8px 0 0;
    font-size: clamp(24px, 2.15vw, 34px);
    line-height: 1.06;
    letter-spacing: -0.045em;
    color: #ffffff;
    max-width: 18ch;
}

.vcp-profile-card-head p {
    margin: 10px 0 0;
    max-width: 42ch;
    color: rgba(235, 239, 246, 0.66);
    font-size: 15px;
    line-height: 1.7;
}

.vcp-profile-section {
    padding-top: 22px;
}

.vcp-profile-section + .vcp-profile-section {
    margin-top: 22px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-profile-section-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 18px;
}

.vcp-profile-section-head p {
    margin: 8px 0 0;
    max-width: 54ch;
    color: rgba(235, 239, 246, 0.54);
    font-size: 13px;
    line-height: 1.68;
}

.vcp-profile-grid-business,
.vcp-profile-grid-contact-primary,
.vcp-profile-grid-contact-secondary,
.vcp-profile-grid-address-primary,
.vcp-profile-grid-address-secondary {
    display: grid;
    align-items: start;
    column-gap: 18px;
    row-gap: 20px;
}

.vcp-profile-grid-business {
    grid-template-columns: minmax(0, 1fr);
}

.vcp-profile-grid-contact-primary {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

.vcp-profile-grid-contact-secondary {
    grid-template-columns: minmax(0, 45%) minmax(0, 40%) minmax(0, 15%);
}

.vcp-profile-grid-address-primary {
    grid-template-columns: minmax(0, 80%) minmax(0, 20%);
}

.vcp-profile-grid-address-secondary {
    grid-template-columns: minmax(0, 40%) minmax(0, 35%) minmax(0, 25%);
}

.vcp-profile-grid-contact-primary > .vcp-form-field,
.vcp-profile-grid-contact-secondary > .vcp-form-field,
.vcp-profile-grid-address-primary > .vcp-form-field,
.vcp-profile-grid-address-secondary > .vcp-form-field {
    min-width: 0;
}

.vcp-profile-card .vcp-form-field {
    gap: 2px;
}

.vcp-profile-card .vcp-form-field label {
    font-size: 9px;
    font-weight: 500;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(235, 239, 246, 0.4);
}

.vcp-profile-value {
    display: none;
    min-height: 20px;
    padding: 0;
    color: rgba(255, 255, 255, 0.94);
    font-size: 15px;
    font-weight: 500;
    line-height: 1.48;
    letter-spacing: -0.015em;
    word-break: break-word;
}

.vcp-profile-grid-business {
    padding-top: 2px;
}

.vcp-profile-grid-contact-primary,
.vcp-profile-grid-address-primary {
    padding-bottom: 18px;
}

.vcp-profile-grid-contact-secondary,
.vcp-profile-grid-address-secondary {
    margin-top: 2px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-profile-value.is-visible {
    display: block;
}

.vcp-profile-card .vcp-form-field input,
.vcp-profile-card .vcp-form-field select,
.vcp-profile-card .vcp-form-field textarea {
    min-height: 34px;
    padding: 0 10px;
    border-radius: 10px;
    border-color: rgba(255, 255, 255, 0.07);
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    font-size: 11.5px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.02);
}

.vcp-profile-card .vcp-form-field select {
    appearance: none;
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(235, 239, 246, 0.62) 50%),
        linear-gradient(135deg, rgba(235, 239, 246, 0.62) 50%, transparent 50%);
    background-position:
        calc(100% - 19px) calc(50% - 2px),
        calc(100% - 13px) calc(50% - 2px);
    background-size: 6px 6px, 6px 6px;
    background-repeat: no-repeat;
    padding-right: 30px;
}

.vcp-profile-card.is-locked .vcp-profile-grid-business .vcp-form-field {
    gap: 8px;
}

.vcp-profile-card.is-locked .vcp-profile-grid-business .vcp-profile-value {
    display: block;
    font-size: 20px;
    font-weight: 900;
}

.vcp-profile-card.is-locked .vcp-profile-grid-business .vcp-form-field input[data-vcp-profile-input],
.vcp-profile-card.is-locked .vcp-profile-grid-business .vcp-form-field select[data-vcp-profile-input],
.vcp-profile-card.is-locked .vcp-profile-grid-business .vcp-form-field textarea[data-vcp-profile-input] {
    display: none !important;
}

.vcp-profile-field-static {
    gap: 8px;
}

.vcp-profile-card.is-locked .vcp-form-field {
    gap: 0px;
    align-content: start;
}

.vcp-profile-card.is-locked .vcp-profile-value {
    display: block;
}

.vcp-profile-card:not(.is-editing) .vcp-form-field input[data-vcp-profile-input],
.vcp-profile-card:not(.is-editing) .vcp-form-field select[data-vcp-profile-input],
.vcp-profile-card:not(.is-editing) .vcp-form-field textarea[data-vcp-profile-input],
.vcp-profile-card.is-locked .vcp-form-field input[data-vcp-profile-input],
.vcp-profile-card.is-locked .vcp-form-field select[data-vcp-profile-input],
.vcp-profile-card.is-locked .vcp-form-field textarea[data-vcp-profile-input] {
    display: none !important;
}

.vcp-profile-card.is-editing .vcp-profile-value:not(.is-visible) {
    display: none !important;
}

.vcp-profile-card .vcp-form-field input::placeholder,
.vcp-profile-card .vcp-form-field textarea::placeholder {
    color: rgba(235, 239, 246, 0.28);
}

.vcp-profile-actions {
    margin-top: 8px;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    justify-content: space-between;
    align-items: center;
    gap: 14px;
}

.vcp-profile-card:not(.is-editing) .vcp-profile-actions {
    display: none;
}

.vcp-profile-actions-buttons {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 12px;
}

.vcp-profile-card:not(.is-editing) .vcp-profile-actions-buttons {
    display: none;
}

.vcp-profile-card.is-locked .vcp-profile-grid-contact-primary .vcp-form-field,
.vcp-profile-card.is-locked .vcp-profile-grid-contact-secondary .vcp-form-field,
.vcp-profile-card.is-locked .vcp-profile-grid-address-primary .vcp-form-field,
.vcp-profile-card.is-locked .vcp-profile-grid-address-secondary .vcp-form-field {
    padding-top: 2px;
}

.vcp-profile-actions-buttons [hidden] {
    display: none !important;
}

.vcp-profile-actions-buttons .vcp-button {
    min-height: 35px;
    padding: 0 26px;
    font-size: 12px;
}

.vcp-profile-actions-buttons .vcp-button.is-secondary,
.vcp-profile-actions-buttons .vcp-profile-cancel-button {
    background: rgba(255, 255, 255, 0.045);
    color: rgba(255, 255, 255, 0.88);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vcp-profile-actions-buttons .vcp-button.is-secondary:hover,
.vcp-profile-actions-buttons .vcp-profile-cancel-button:hover,
.vcp-profile-actions-buttons .vcp-button.is-secondary:focus-visible,
.vcp-profile-actions-buttons .vcp-profile-cancel-button:focus-visible {
    background: rgba(255, 255, 255, 0.07);
    color: #ffffff;
    border-color: rgba(255, 255, 255, 0.16);
}

.vcp-profile-actions-buttons [data-vcp-profile-submit] {
    background: linear-gradient(180deg, rgba(86, 95, 132, 0.98), rgba(64, 71, 100, 0.98));
    color: #ffffff;
    border-color: rgba(198, 207, 255, 0.14);
}

.vcp-profile-actions-buttons [data-vcp-profile-submit]:hover,
.vcp-profile-actions-buttons [data-vcp-profile-submit]:focus-visible {
    background: linear-gradient(180deg, rgba(99, 109, 149, 0.98), rgba(71, 79, 112, 0.98));
    border-color: #090b10;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.vcp-profile-actions-copy {
    display: grid;
    gap: 6px;
    max-width: 34ch;
}

.vcp-profile-actions-copy p {
    margin: 0;
    color: rgba(235, 239, 246, 0.54);
    font-size: 12px;
    line-height: 1.55;
}

.vcp-profile-identity {
    display: grid;
    align-content: start;
    align-self: start;
    gap: 18px;
    padding: 24px 22px 20px;
    border-radius: 28px;
    min-height: 0;
    height: fit-content;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.09), transparent 28%),
        radial-gradient(circle at bottom left, rgba(79, 95, 255, 0.08), transparent 32%),
        linear-gradient(180deg, rgba(17, 20, 26, 0.92) 0%, rgba(13, 16, 23, 0.97) 100%);
    box-shadow: 0 18px 42px rgba(6, 10, 18, 0.22);
}

.vcp-profile-identity-head {
    display: grid;
    gap: 8px;
}

.vcp-profile-identity-head h3 {
    margin: 2px 0 0;
    max-width: 80%;
    font-size: clamp(17px, 1.55vw, 24px);
    line-height: 1.08;
    letter-spacing: -0.05em;
    color: #ffffff;
}

.vcp-profile-identity-head p {
    margin: 0;
    max-width: 80%;
    color: rgba(235, 239, 246, 0.64);
    font-size: 13px;
    line-height: 1.64;
}

.vcp-profile-identity-block {
    display: grid;
    gap: 10px;
}

.vcp-profile-identity-label-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.vcp-profile-identity-actions {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
}

.vcp-profile-identity .vcp-profile-identity-actions .vcp-profile-copy-button {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 16px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.14) !important;
    background: transparent !important;
    color: rgba(255, 255, 255, 0.84) !important;
    font: inherit;
    font-size: 10.5px;
    font-weight: 650;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    line-height: 1;
    white-space: nowrap;
    cursor: pointer;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03) !important;
    text-decoration: none;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.vcp-profile-link-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    background: #ffffff;
    color: #11131a;
    font-size: 10.5px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    text-transform: uppercase;
    text-decoration: none;
    white-space: nowrap;
    transition: background 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}

.vcp-profile-link-button:hover,
.vcp-profile-link-button:focus-visible {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(255, 255, 255, 0.16);
    color: #11131a;
    transform: translateY(-1px);
}

.vcp-profile-identity .vcp-profile-identity-actions .vcp-profile-copy-button:hover,
.vcp-profile-identity .vcp-profile-identity-actions .vcp-profile-copy-button:focus-visible {
    background: #ffffff !important;
    border-color: rgba(255, 255, 255, 0.18) !important;
    color: #11131a !important;
    transform: translateY(-1px);
}

.vcp-profile-identity .vcp-profile-identity-actions .vcp-profile-copy-button.is-copied {
    background: rgba(255, 255, 255, 0.12) !important;
    border-color: rgba(255, 255, 255, 0.22) !important;
    color: #ffffff !important;
}

.vcp-profile-identity .vcp-card-label {
    color: rgba(235, 239, 246, 0.56);
}

.vcp-profile-identity-foot {
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
    line-height: 1.62;
}

html[data-vcp-theme="light"] .vcp-profile-head p {
    color: #697282;
}

html[data-vcp-theme="light"] .vcp-profile-card {
    border-color: rgba(28, 34, 48, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.028), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.024), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.992), rgba(248, 250, 253, 0.988));
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.04);
}

html[data-vcp-theme="light"] .vcp-profile-card-head,
html[data-vcp-theme="light"] .vcp-profile-section + .vcp-profile-section,
html[data-vcp-theme="light"] .vcp-profile-actions {
    border-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-profile-card-head h3 {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-profile-card-head p,
html[data-vcp-theme="light"] .vcp-profile-section-head p,
html[data-vcp-theme="light"] .vcp-profile-actions-copy p {
    color: #6b7485;
}

html[data-vcp-theme="light"] .vcp-profile-edit-button {
    background: rgba(255, 255, 255, 0.78);
    border-color: rgba(28, 34, 48, 0.08);
    color: #1c2230 !important;
    -webkit-text-fill-color: #1c2230;
    box-shadow: 0 10px 22px rgba(25, 18, 28, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}

html[data-vcp-theme="light"] .vcp-profile-edit-button:hover,
html[data-vcp-theme="light"] .vcp-profile-edit-button:focus-visible {
    background: #ffffff;
    border-color: rgba(28, 34, 48, 0.12);
    color: #111827 !important;
    -webkit-text-fill-color: #111827;
}

html[data-vcp-theme="light"] .vcp-profile-card .vcp-form-field label {
    color: rgba(28, 34, 48, 0.48);
}

html[data-vcp-theme="light"] .vcp-profile-value {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-profile-grid-contact-secondary,
html[data-vcp-theme="light"] .vcp-profile-grid-address-secondary {
    border-top-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-profile-card .vcp-form-field input,
html[data-vcp-theme="light"] .vcp-profile-card .vcp-form-field select,
html[data-vcp-theme="light"] .vcp-profile-card .vcp-form-field textarea {
    border-color: rgba(28, 34, 48, 0.08);
    background: rgba(249, 250, 252, 0.96);
    color: #1c2230;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

html[data-vcp-theme="light"] .vcp-profile-field-static .vcp-profile-value {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-profile-identity .vcp-profile-identity-actions .vcp-profile-copy-button {
    background: transparent !important;
    border-color: rgba(28, 34, 48, 0.12) !important;
    color: #374151 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.74) !important;
}

html[data-vcp-theme="light"] .vcp-profile-identity .vcp-profile-identity-actions .vcp-profile-copy-button:hover,
html[data-vcp-theme="light"] .vcp-profile-identity .vcp-profile-identity-actions .vcp-profile-copy-button:focus-visible {
    background: #1c2230 !important;
    border-color: rgba(28, 34, 48, 0.18) !important;
    color: #ffffff !important;
}

html[data-vcp-theme="light"] .vcp-profile-identity .vcp-profile-identity-actions .vcp-profile-copy-button.is-copied {
    background: rgba(28, 34, 48, 0.1) !important;
    border-color: rgba(28, 34, 48, 0.18) !important;
    color: #1c2230 !important;
}

html[data-vcp-theme="light"] .vcp-profile-link-button {
    background: #1c2230;
    border-color: rgba(28, 34, 48, 0.08);
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-profile-link-button:hover,
html[data-vcp-theme="light"] .vcp-profile-link-button:focus-visible {
    background: #121722;
    border-color: rgba(18, 23, 34, 0.12);
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-profile-actions-buttons .vcp-button.is-secondary,
html[data-vcp-theme="light"] .vcp-profile-actions-buttons .vcp-profile-cancel-button {
    background: rgba(255, 255, 255, 0.92);
    color: #1c2230;
    border-color: rgba(28, 34, 48, 0.1);
    box-shadow: 0 10px 22px rgba(25, 18, 28, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-vcp-theme="light"] .vcp-profile-actions-buttons .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-profile-actions-buttons .vcp-profile-cancel-button:hover,
html[data-vcp-theme="light"] .vcp-profile-actions-buttons .vcp-button.is-secondary:focus-visible,
html[data-vcp-theme="light"] .vcp-profile-actions-buttons .vcp-profile-cancel-button:focus-visible {
    background: #ffffff;
    color: #111827;
    border-color: rgba(28, 34, 48, 0.14);
}

html[data-vcp-theme="light"] .vcp-profile-actions-buttons [data-vcp-profile-submit] {
    background: linear-gradient(180deg, rgba(53, 60, 84, 0.96), rgba(39, 44, 63, 0.96));
    color: #ffffff;
    border-color: rgba(53, 60, 84, 0.18);
}

html[data-vcp-theme="light"] .vcp-profile-actions-buttons [data-vcp-profile-submit]:hover,
html[data-vcp-theme="light"] .vcp-profile-actions-buttons [data-vcp-profile-submit]:focus-visible {
    background: linear-gradient(180deg, rgba(65, 73, 102, 0.98), rgba(47, 53, 75, 0.98));
    border-color: rgba(65, 73, 102, 0.22);
}

html[data-vcp-theme="light"] .vcp-profile-card .vcp-form-field select {
    background-image:
        linear-gradient(45deg, transparent 50%, rgba(28, 34, 48, 0.42) 50%),
        linear-gradient(135deg, rgba(28, 34, 48, 0.42) 50%, transparent 50%);
}

html[data-vcp-theme="light"] .vcp-profile-card .vcp-form-field input::placeholder,
html[data-vcp-theme="light"] .vcp-profile-card .vcp-form-field textarea::placeholder {
    color: rgba(28, 34, 48, 0.3);
}

html[data-vcp-theme="light"] .vcp-profile-identity,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity {
    border-color: rgba(28, 34, 48, 0.08);
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.045), transparent 30%),
        radial-gradient(circle at bottom left, rgba(79, 95, 255, 0.04), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.985), rgba(246, 248, 252, 0.985));
    box-shadow: 0 18px 44px rgba(15, 23, 42, 0.045);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-profile-identity-head h3,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-identity-head h3 {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-profile-identity-head p,
html[data-vcp-theme="light"] .vcp-profile-identity-foot,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-identity-head p,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-identity-foot {
    color: #697282;
}

html[data-vcp-theme="light"] .vcp-profile-identity .vcp-card-label,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-card-label {
    color: rgba(28, 34, 48, 0.52);
}

html[data-vcp-theme="light"] .vcp-profile-link a,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-link a {
    border-color: rgba(28, 34, 48, 0.08);
    background: rgba(255, 255, 255, 0.84);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-profile-link a:hover,
html[data-vcp-theme="light"] .vcp-profile-link a:focus-visible,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-link a:hover,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-link a:focus-visible {
    background: #ffffff;
    color: #121927;
    border-color: rgba(28, 34, 48, 0.12);
}

html[data-vcp-theme="light"] .vcp-profile-code,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-code {
    background: transparent;
    border-color: transparent;
}

html[data-vcp-theme="light"] .vcp-profile-code strong,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-code strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity p,
html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-card-label {
    color: #697282;
}

html[data-vcp-theme="light"] .vcp-panel.is-dark.vcp-profile-identity .vcp-profile-identity-foot {
    border-top-color: rgba(28, 34, 48, 0.08);
}

@media (max-width: 980px) {
    .vcp-profile-layout {
        grid-template-columns: 1fr;
    }

    .vcp-profile-grid-contact-primary,
    .vcp-profile-grid-contact-secondary,
    .vcp-profile-grid-address-primary,
    .vcp-profile-grid-address-secondary {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vcp-profile-grid-contact-secondary > .vcp-form-field:last-child,
    .vcp-profile-grid-address-secondary > .vcp-form-field:last-child {
        grid-column: span 2;
    }

    .vcp-profile-actions {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-profile-actions-buttons {
        justify-content: flex-start;
    }
}

@media (max-width: 820px) {
    .vcp-profile-card,
    .vcp-profile-identity {
        padding: 24px;
    }

    .vcp-profile-card-head,
    .vcp-profile-section-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-profile-card-tools {
        width: 100%;
        justify-items: start;
    }

    .vcp-profile-card-head h3,
    .vcp-profile-identity-head h3 {
        max-width: none;
    }

    .vcp-profile-grid-contact-primary,
    .vcp-profile-grid-contact-secondary,
    .vcp-profile-grid-address-primary,
    .vcp-profile-grid-address-secondary {
        grid-template-columns: 1fr;
    }

    .vcp-profile-grid-contact-secondary > .vcp-form-field:last-child,
    .vcp-profile-grid-address-secondary > .vcp-form-field:last-child {
        grid-column: auto;
    }
}

.vcp-page-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 24px;
    align-content: start;
    justify-items: stretch;
}

.vcp-dashboard-showcase {
    display: grid;
    grid-template-columns: minmax(0, 1.14fr) minmax(380px, 0.86fr);
    grid-auto-rows: 1fr;
    gap: 24px;
    align-items: stretch;
}

.vcp-dashboard-welcome,
.vcp-dashboard-finance-panel,
.vcp-dashboard-focus-card,
.vcp-dashboard-feature-card {
    padding: 28px;
    border-radius: var(--vcp-radius-lg);
    background: rgba(17, 21, 26, 0.8);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--vcp-shadow-md);
    backdrop-filter: blur(18px);
    -webkit-backdrop-filter: blur(18px);
}

.vcp-dashboard-welcome {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.12), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.12), transparent 32%),
        radial-gradient(circle at 28% 0%, rgba(122, 56, 255, 0.08), transparent 28%),
        linear-gradient(140deg, rgba(18, 18, 18, 0.96) 0%, rgba(15, 15, 15, 0.94) 100%);
    min-height: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    height: 100%;
}

.vcp-dashboard-welcome-copy {
    display: grid;
    gap: 14px;
    width: 100%;
}

.vcp-dashboard-welcome h3 {
    font-family: var(--vcp-font-display);
    display: grid;
    gap: 4px;
    line-height: 0.96;
    letter-spacing: -0.05em;
    color: var(--vcp-dark);
    margin: 0;
    max-width: none;
    width: 100%;
}

.vcp-dashboard-greeting-lead {
    display: block;
    font-size: clamp(44px, 4.8vw, 64px);
    line-height: inherit;
}

.vcp-dashboard-greeting-question {
    display: block;
    font-size: clamp(44px, 4.8vw, 64px);
    line-height: inherit;
    text-wrap: balance;
}

.vcp-dashboard-client-meta {
    margin: -2px 0 0;
    color: rgba(237, 245, 247, 0.78);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
}

.vcp-dashboard-summary {
    color: var(--vcp-ink-soft);
    line-height: 1.72;
    max-width: 62ch;
    margin: 0;
}

.vcp-dashboard-priority-row {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
    width: 100%;
}

.vcp-dashboard-priority-pill {
    display: grid;
    gap: 8px;
    min-height: 84px;
    padding: 14px 16px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.vcp-dashboard-priority-pill span {
    color: var(--vcp-ink-muted);
    font-size: 12px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.vcp-dashboard-priority-pill strong {
    font-family: var(--vcp-font-display);
    font-size: clamp(24px, 2.4vw, 34px);
    line-height: 1;
    letter-spacing: -0.04em;
    color: var(--vcp-dark);
}

.vcp-dashboard-finance-panel {
    display: grid;
    grid-template-rows: auto auto;
    align-content: stretch;
    gap: 18px;
    min-height: 0;
    height: 100%;
    padding: 30px;
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.1), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.12), transparent 30%),
        radial-gradient(circle at 30% 0%, rgba(122, 56, 255, 0.08), transparent 28%),
        linear-gradient(180deg, rgba(17, 18, 24, 0.96) 0%, rgba(13, 13, 18, 0.96) 100%);
}

.vcp-dashboard-finance-main,
.vcp-dashboard-finance-mini {
    padding: 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.vcp-dashboard-finance-main {
    display: grid;
    align-content: space-between;
    min-height: 0;
    gap: 18px;
    padding-bottom: 4px;
}

.vcp-dashboard-finance-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
    padding-top: 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-finance-mini {
    display: grid;
    align-content: space-between;
    gap: 16px;
    min-height: 150px;
    padding-right: 10px;
}

.vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    padding-left: 18px;
    padding-right: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-finance-panel .vcp-card-label,
.vcp-dashboard-finance-panel .vcp-dashboard-summary,
.vcp-dashboard-finance-panel p,
.vcp-dashboard-finance-panel .vcp-dashboard-mini-pill {
    color: rgba(247, 251, 252, 0.72);
}

.vcp-dashboard-finance-panel .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.05);
    color: #f7fbfc;
    border: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-finance-panel .vcp-button.is-secondary:hover {
    background: rgba(255, 255, 255, 0.09);
}

.vcp-dashboard-feature-top {
    display: flex;
    align-items: flex-start;
    gap: 16px;
}

.vcp-dashboard-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 52px;
    height: 52px;
    border-radius: 18px;
    background: rgba(242, 183, 215, 0.06);
    border: 1px solid rgba(242, 183, 215, 0.1);
    color: #efc5df;
    flex: 0 0 auto;
}

.vcp-dashboard-icon svg {
    width: 24px;
    height: 24px;
}

.vcp-dashboard-icon.is-billing,
.vcp-dashboard-icon.is-pending,
.vcp-dashboard-icon.is-progress,
.vcp-dashboard-icon.is-approve,
.vcp-dashboard-icon.is-request,
.vcp-dashboard-icon.is-invoice {
    background: rgba(242, 183, 215, 0.06);
    border-color: rgba(242, 183, 215, 0.1);
    color: #efc5df;
}

.vcp-dashboard-balance,
.vcp-dashboard-finance-mini strong,
.vcp-dashboard-feature-card strong {
    display: block;
    font-family: var(--vcp-font-display);
    font-size: clamp(32px, 3vw, 52px);
    line-height: 0.98;
    letter-spacing: -0.04em;
    margin-top: 10px;
}

.vcp-dashboard-supporting {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vcp-dashboard-mini-pill {
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 0 12px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.06);
    font-size: 13px;
    font-weight: 700;
}

.vcp-dashboard-lower-grid {
    align-items: start;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, 0.88fr);
}

.vcp-panel.vcp-dashboard-task-hub {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.08), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 26%),
        linear-gradient(180deg, rgba(17, 21, 26, 0.9) 0%, rgba(14, 17, 22, 0.9) 100%);
}

.vcp-dashboard-task-hub .vcp-dashboard-task-head {
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 20px;
}

.vcp-dashboard-task-hub .vcp-dashboard-task-head > div {
    min-width: 0;
}

.vcp-dashboard-task-hub .vcp-dashboard-task-head h3 {
    margin: 0;
    font-size: clamp(30px, 2.8vw, 42px);
    letter-spacing: -0.045em;
    color: #f7f9fd;
}

.vcp-dashboard-task-hub .vcp-dashboard-task-head p {
    margin: 12px 0 0;
    max-width: 56ch;
    color: rgba(255, 255, 255, 0.72);
    font-size: 17px;
    line-height: 1.6;
}

.vcp-dashboard-task-tabs {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.025), rgba(255, 255, 255, 0.018));
    border: 1px solid rgba(255, 255, 255, 0.06);
    flex-wrap: wrap;
}

.vcp-dashboard-task-tab {
    all: unset;
    appearance: none;
    -webkit-appearance: none;
    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    justify-content: center;
    min-height: 46px;
    padding: 0 18px 0 16px;
    border: 0;
    border-radius: 999px;
    background: transparent;
    color: rgba(255, 255, 255, 0.64);
    font: inherit;
    font-weight: 800;
    line-height: 1;
    letter-spacing: 0.01em;
    cursor: pointer;
    white-space: nowrap;
    transition: background 160ms ease, color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
}

.vcp-dashboard-task-tab:not(.is-active):not([aria-selected="true"]) {
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

.vcp-dashboard-task-tab:not(.is-active):not([aria-selected="true"]) span {
    color: rgba(255, 255, 255, 0.64) !important;
}

.vcp-dashboard-task-tab span {
    color: inherit;
    transition: color 160ms ease;
}

.vcp-dashboard-task-tab:hover {
    background: rgba(255, 255, 255, 0.035);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-dashboard-task-tab strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 9px;
    border-radius: 999px;
    background: linear-gradient(180deg, rgba(80, 85, 98, 0.96), rgba(58, 62, 73, 0.96));
    color: rgba(255, 255, 255, 0.78);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    font-size: 12px;
    font-weight: 800;
    line-height: 1;
}

.vcp-dashboard-task-tab.is-active,
.vcp-dashboard-task-tab[aria-selected="true"] {
    background: linear-gradient(180deg, rgba(64, 72, 100, 0.96), rgba(47, 54, 78, 0.96));
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 10px 24px rgba(14, 18, 28, 0.14);
}

.vcp-dashboard-task-tab.is-active:hover,
.vcp-dashboard-task-tab[aria-selected="true"]:hover,
.vcp-dashboard-task-tab.is-active span,
.vcp-dashboard-task-tab[aria-selected="true"] span,
.vcp-dashboard-task-tab.is-active:hover span,
.vcp-dashboard-task-tab[aria-selected="true"]:hover span {
    color: #ffffff;
}

.vcp-dashboard-task-tab.is-active strong,
.vcp-dashboard-task-tab[aria-selected="true"] strong {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.22), rgba(255, 255, 255, 0.14));
    color: #ffffff;
}

.vcp-dashboard-task-panels {
    margin-top: 18px;
}

.vcp-dashboard-task-panel {
    display: none;
}

.vcp-dashboard-task-panel.is-active {
    display: block;
}

.vcp-dashboard-task-panel[hidden] {
    display: none !important;
}

.vcp-dashboard-task-list {
    display: grid;
    gap: 12px;
}

.vcp-dashboard-task-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 20px 20px 18px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.035), rgba(255, 255, 255, 0.02));
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease;
}

.vcp-dashboard-task-row:hover {
    transform: translateY(-2px);
    border-color: rgba(255, 255, 255, 0.11);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.024));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04), 0 14px 34px rgba(0, 0, 0, 0.16);
}

.vcp-dashboard-task-content {
    flex: 1 1 auto;
    min-width: 0;
    display: grid;
    gap: 12px;
}

.vcp-dashboard-task-heading {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 16px;
}

.vcp-dashboard-task-heading h4 {
    margin: 0;
    font-family: var(--vcp-font-display);
    font-size: clamp(22px, 1.8vw, 28px);
    line-height: 1.04;
    letter-spacing: -0.04em;
    color: #ffffff;
}

.vcp-dashboard-task-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 10px;
    color: rgba(255, 255, 255, 0.64);
    font-size: 13px;
}

.vcp-dashboard-task-progress-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
}

.vcp-dashboard-task-progress-row strong {
    font-size: 12px;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.88);
}

.vcp-dashboard-task-support {
    margin: 0;
    color: rgba(255, 255, 255, 0.68);
    font-size: 14px;
    line-height: 1.55;
}

.vcp-dashboard-task-open {
    flex: 0 0 auto;
}

.vcp-dashboard-task-hub .vcp-empty-state.is-dashboard {
    min-height: 170px;
    padding: 26px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.015));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 16px;
}

.vcp-dashboard-task-hub .vcp-empty-state.is-dashboard p {
    margin: 0;
    max-width: 44ch;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.65;
}

.vcp-panel.vcp-dashboard-invoices-panel {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.06), transparent 26%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(17, 21, 26, 0.9) 0%, rgba(14, 17, 22, 0.9) 100%);
}

.vcp-dashboard-invoices-panel .vcp-panel-head {
    align-items: flex-start;
    gap: 18px;
    margin-bottom: 20px;
}

.vcp-dashboard-invoices-panel .vcp-panel-head > div {
    min-width: 0;
}

.vcp-dashboard-invoices-panel .vcp-panel-head h3 {
    margin: 0;
    font-size: clamp(30px, 2.8vw, 42px);
    letter-spacing: -0.045em;
    color: #f7f9fd;
}

.vcp-dashboard-invoices-panel .vcp-panel-head p {
    margin: 12px 0 0;
    max-width: 44ch;
    color: rgba(255, 255, 255, 0.72);
    font-size: 17px;
    line-height: 1.6;
}

.vcp-dashboard-invoices-panel .vcp-panel-head a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #f3ebff;
    text-decoration: none;
    white-space: nowrap;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.vcp-dashboard-invoices-panel .vcp-panel-head a:hover {
    background: rgba(255, 255, 255, 0.07);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-dashboard-invoices-panel .vcp-empty-state.is-dashboard {
    min-height: 170px;
    padding: 26px;
    border-style: solid;
    border-color: rgba(255, 255, 255, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.028), rgba(255, 255, 255, 0.015));
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    display: grid;
    align-content: center;
}

.vcp-dashboard-invoices-panel .vcp-empty-state.is-dashboard p {
    margin: 0;
    max-width: 40ch;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.65;
}

.vcp-dashboard-support-grid {
    align-items: start;
    grid-template-columns: minmax(0, 1.08fr) minmax(340px, 0.92fr);
}

.vcp-panel.vcp-dashboard-updates-panel {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.06), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 24%),
        linear-gradient(180deg, rgba(17, 21, 26, 0.9) 0%, rgba(14, 17, 22, 0.9) 100%);
}

.vcp-panel.vcp-dashboard-team-panel {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.09), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 26%),
        linear-gradient(180deg, rgba(20, 24, 31, 0.94) 0%, rgba(16, 20, 27, 0.94) 100%);
    border-color: rgba(255, 255, 255, 0.065);
}

.vcp-dashboard-updates-head,
.vcp-dashboard-team-head {
    align-items: flex-start;
    gap: 14px 22px;
    margin-bottom: 18px;
}

.vcp-dashboard-updates-head > div,
.vcp-dashboard-team-head > div {
    min-width: 0;
}

.vcp-dashboard-updates-head .vcp-project-detail-section-link {
    margin-left: auto;
    align-self: flex-start;
    white-space: nowrap;
    flex: 0 0 auto;
}

.vcp-dashboard-updates-head h3,
.vcp-dashboard-team-head h3 {
    margin: 0;
    font-size: clamp(30px, 2.8vw, 42px);
    letter-spacing: -0.045em;
    color: #f7f9fd;
}

.vcp-dashboard-updates-head p,
.vcp-dashboard-team-head p {
    margin: 12px 0 0;
    max-width: 48ch;
    color: rgba(255, 255, 255, 0.72);
    font-size: 17px;
    line-height: 1.6;
}

.vcp-dashboard-update-list {
    display: grid;
    gap: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
    margin-top: 2px;
    padding-top: 12px;
}

.vcp-dashboard-update-item {
    display: grid;
    gap: 10px;
    padding: 18px 0 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    transition: border-color 160ms ease, opacity 160ms ease;
}

.vcp-dashboard-update-item:first-child {
    border-top: 0;
}

.vcp-dashboard-update-item:hover {
    border-color: rgba(255, 255, 255, 0.1);
}

.vcp-dashboard-update-top {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px 20px;
    align-items: flex-start;
}

.vcp-dashboard-update-top h4 {
    margin: 0;
    margin-bottom: 8px;
    font-family: var(--vcp-font-display);
    font-size: clamp(14px, 1.2vw, 18px);
    line-height: 1.12;
    letter-spacing: -0.04em;
}

.vcp-dashboard-update-top h4 a {
    color: #ffffff;
    text-decoration: none;
}

.vcp-dashboard-update-top h4 a:hover {
    color: #f4f0ff;
}

.vcp-dashboard-update-top p {
    margin: 7px 0 0;
    color: rgba(255, 255, 255, 0.72);
    line-height: 1.65;
}

.vcp-dashboard-update-meta {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: center;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    margin-top: 2px;
}

.vcp-dashboard-update-meta a {
    color: rgba(244, 247, 252, 0.78);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
}

.vcp-dashboard-update-meta a:hover {
    color: #ffffff;
}

.vcp-dashboard-team-card {
    display: grid;
    gap: 8px;
    padding: 22px 0 18px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.vcp-dashboard-team-card h4 {
    margin: 0;
    font-family: var(--vcp-font-display);
    font-size: clamp(22px, 1.8vw, 28px);
    line-height: 1.06;
    letter-spacing: -0.04em;
    color: #ffffff;
}

.vcp-dashboard-team-card a {
    color: rgba(255, 255, 255, 0.82);
    text-decoration: none;
    font-weight: 700;
}

.vcp-dashboard-team-card a:hover {
    color: #ffffff;
}

.vcp-dashboard-team-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    margin-top: 2px;
}

.vcp-dashboard-team-contacts a {
    white-space: nowrap;
}

.vcp-dashboard-team-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
    margin-top: 0;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.045);
}

.vcp-dashboard-team-meta {
    display: grid;
    gap: 6px;
    padding: 0;
    border-top: 0;
}

.vcp-dashboard-team-meta strong {
    color: #ffffff;
    font-size: 16px;
    line-height: 1.5;
}

.vcp-dashboard-showcase .vcp-dashboard-team-card,
.vcp-dashboard-showcase .vcp-dashboard-team-meta {
    padding: 18px 0 10px;
    border-radius: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.vcp-dashboard-showcase .vcp-dashboard-team-card:hover {
    background: transparent;
    transform: none;
}

.vcp-dashboard-team-panel .vcp-action-row {
    margin-top: 18px;
    padding-top: 4px;
}

.vcp-dashboard-feature-grid {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 20px;
}

.vcp-dashboard-feature-card {
    grid-column: span 4;
    display: grid;
    align-content: start;
    gap: 14px;
    min-height: 236px;
    background: rgba(17, 21, 26, 0.76);
}

.vcp-dashboard-feature-card strong {
    color: var(--vcp-dark);
}

.vcp-dashboard-feature-card h4 {
    margin: 0;
    font-family: var(--vcp-font-display);
    font-size: clamp(24px, 2.1vw, 32px);
    line-height: 0.98;
    letter-spacing: -0.04em;
    color: var(--vcp-dark);
}

.vcp-dashboard-feature-card p {
    margin: 0;
    color: var(--vcp-ink-soft);
    line-height: 1.68;
}

.vcp-dashboard-feature-card.is-action {
    grid-column: span 6;
    background:
        linear-gradient(180deg, rgba(19, 23, 28, 0.92) 0%, rgba(14, 18, 22, 0.92) 100%);
    align-content: space-between;
}

.vcp-dashboard-feature-card.is-action .vcp-button {
    margin-top: auto;
    justify-self: start;
}

.vcp-button-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
}

.vcp-button-icon svg {
    width: 18px;
    height: 18px;
}

.vcp-dashboard-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--vcp-brand-deep);
    text-decoration: none;
    font-weight: 800;
}

.vcp-dashboard-link::after {
    content: "→";
    font-size: 15px;
}

.vcp-hero {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(320px, 0.85fr);
    gap: 24px;
}

.vcp-hero-copy,
.vcp-hero-card,
.vcp-panel,
.vcp-form-card,
.vcp-request-card,
.vcp-invoice-card,
.vcp-stat-card {
    padding: 28px;
    border-radius: var(--vcp-radius-lg);
    background: var(--vcp-panel);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: var(--vcp-shadow-md);
}

.vcp-hero-copy {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.14), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.11), transparent 30%),
        radial-gradient(circle at 24% 0%, rgba(122, 56, 255, 0.08), transparent 24%),
        linear-gradient(140deg, rgba(17, 21, 29, 0.96) 0%, rgba(12, 16, 22, 0.94) 100%);
    min-height: 300px;
    display: grid;
    align-content: space-between;
}

.vcp-eyebrow {
    color: var(--vcp-brand);
}

.vcp-hero h3 {
    font-size: clamp(34px, 4vw, 56px);
    margin-top: 12px;
    color: var(--vcp-dark);
    max-width: 10ch;
}

.vcp-hero p,
.vcp-panel p,
.vcp-request-card p,
.vcp-invoice-card p,
.vcp-empty-state p,
.vcp-richtext {
    color: var(--vcp-ink-soft);
    line-height: 1.2;
}

.vcp-action-row,
.vcp-form-actions,
.vcp-chip-row,
.vcp-subnav,
.vcp-file-grid,
.vcp-card-stack,
.vcp-comment-list {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.vcp-action-row {
    margin-top: 24px;
}

.vcp-button,
.vcp-back-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-decoration: none;
    border: 0;
    cursor: pointer;
    font-weight: 800;
    letter-spacing: 0.01em;
}

.vcp-button,
.vcp-back-link,
.vcp-nav-link,
.vcp-account-trigger,
.vcp-settings-link,
.vcp-dashboard-task-tab,
.vcp-modal-close,
.vcp-theme-toggle-rail,
.vcp-theme-toggle-thumb {
    border-radius: 999px !important;
}

.vcp-button {
    min-height: 48px;
    padding: 0 20px;
    color: #fff;
    background: linear-gradient(180deg, rgba(73, 81, 110, 0.96), rgba(54, 61, 84, 0.96));
    border: 1px solid rgba(188, 197, 255, 0.14);
    box-shadow: 0 14px 28px rgba(14, 18, 28, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.04);
    color: var(--vcp-dark);
    border: 1px solid rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
    min-height: 32px;
    font-size: 11px;
    padding: 5px 10px 5px 10px;
}

.vcp-button.is-success {
    background: linear-gradient(180deg, rgba(59, 144, 101, 0.96), rgba(40, 110, 75, 0.96));
    border-color: rgba(143, 226, 188, 0.18);
    color: #f6fff9;
    box-shadow: 0 14px 28px rgba(13, 39, 24, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-button.is-danger {
    background: linear-gradient(180deg, rgba(146, 55, 69, 0.96), rgba(116, 39, 52, 0.96));
    border-color: rgba(255, 170, 181, 0.16);
    color: #fff8f8;
    box-shadow: 0 14px 28px rgba(46, 16, 22, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-button:hover {
    background: linear-gradient(180deg, rgba(85, 94, 128, 0.98), rgba(62, 69, 96, 0.98));
    border-color: rgba(205, 212, 255, 0.18);
}

.vcp-button.is-success:hover {
    background: linear-gradient(180deg, rgba(68, 157, 112, 0.98), rgba(47, 124, 88, 0.98));
    border-color: rgba(163, 238, 202, 0.2);
}

.vcp-button.is-danger:hover {
    background: linear-gradient(180deg, rgba(160, 62, 78, 0.98), rgba(126, 46, 59, 0.98));
    border-color: rgba(255, 189, 197, 0.2);
}

.vcp-button:hover,
.vcp-nav-link:hover,
.vcp-request-card:hover,
.vcp-invoice-card:hover,
.vcp-stat-card:hover {
    transform: translateY(-2px);
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button {
    min-width: 80px;
    min-height: 35px;
    padding: 0 20px;
    font-size: 12px;
    transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, box-shadow 0.18s ease;
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button:hover {
    transform: none;
    box-shadow: 0 14px 28px rgba(9, 13, 22, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button:not(.is-secondary):not(.is-danger) {
    background: linear-gradient(180deg, rgb(235 160 43 / 96%), rgb(187 109 30 / 95%));
    border: 1px solid rgb(99 57 8 / 35%);
    color: #d0d0d0 !important;
    -webkit-text-fill-color: #ffffff;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.35),
        0 6px 20px rgba(140, 85, 20, 0.35);
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button:not(.is-secondary):not(.is-danger):hover,
.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button:not(.is-secondary):not(.is-danger):focus-visible {
    background: linear-gradient(
        180deg,
        rgba(220, 140, 35, 1),
        rgba(160, 90, 25, 0.98)
    );
    border-color: rgba(120, 70, 15, 0.45);

    transform: translateY(-1px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.2),
        0 10px 28px rgba(160, 95, 30, 0.45);
}
.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.035);
    border-color: rgba(255, 255, 255, 0.1);
    color: #f2f4fa !important;
    -webkit-text-fill-color: #f2f4fa;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-secondary:hover {
    background: rgba(255, 255, 255, 0.065);
    border-color: rgba(255, 255, 255, 0.14);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger {
    background: linear-gradient(
        180deg,
        rgba(130, 36, 52, 0.98),
        rgba(92, 24, 38, 0.98)
    );
    border: 1px solid rgba(255, 120, 140, 0.28);
    color: #fff6f8 !important;
    -webkit-text-fill-color: #fff6f8;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.06),
        0 10px 28px rgba(60, 12, 20, 0.45);
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger:hover {
    background: linear-gradient(
        180deg,
        rgba(160, 42, 62, 1),
        rgba(110, 28, 45, 1)
    );
    border-color: rgba(255, 150, 170, 0.38);

    transform: translateY(-1px);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.08),
        0 14px 36px rgba(120, 20, 40, 0.55);
}

.vcp-modal-dialog.is-compact .vcp-modal-close:hover,
.vcp-modal-dialog.is-compact .vcp-modal-close:focus-visible {
    background: rgba(255, 255, 255, 0.12);
    border-color: rgba(255, 255, 255, 0.18);
    color: #ffffff;
    box-shadow: 0 14px 26px rgba(0, 0, 0, 0.26);
}

.vcp-hero-card {
    background:
        linear-gradient(180deg, rgba(19, 34, 42, 0.98) 0%, rgba(12, 42, 47, 0.96) 100%);
    color: #fff;
    min-height: 300px;
}

.vcp-hero-card .vcp-card-label,
.vcp-hero-card span {
    color: rgba(255, 255, 255, 0.62);
}

.vcp-hero-card strong,
.vcp-hero-card h3,
.vcp-hero-card li,
.vcp-hero-card p {
    color: #f7fbfc;
}

.vcp-snapshot-list {
    list-style: none;
    padding: 0;
    margin: 18px 0 0;
    display: grid;
    gap: 18px;
}

.vcp-snapshot-list li {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: baseline;
}

.vcp-snapshot-list strong,
.vcp-stat-card strong,
.vcp-panel h3,
.vcp-invoice-meta strong {
    font-size: clamp(28px, 3vw, 40px);
    line-height: 1;
    letter-spacing: -0.04em;
}

.vcp-metric-grid,
.vcp-card-grid,
.vcp-invoice-grid,
.vcp-detail-grid {
    display: grid;
    gap: 20px;
}

.vcp-metric-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.vcp-stat-card {
    min-height: 210px;
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.vcp-stat-card p {
    margin: 18px 0 0;
}

.vcp-two-column,
.vcp-detail-grid,
.vcp-billing-hero {
    display: grid;
    gap: 24px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vcp-panel-head,
.vcp-section-head,
.vcp-detail-head,
.vcp-card-top,
.vcp-card-bottom {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: flex-start;
}

.vcp-section-head,
.vcp-subnav,
.vcp-empty-state,
.vcp-card-grid,
.vcp-invoice-grid,
.vcp-metric-grid,
.vcp-two-column,
.vcp-detail-grid,
.vcp-billing-hero {
    width: 100%;
}

.vcp-section-head p {
    max-width: 920px;
}

.vcp-panel-head a,
.vcp-back-link {
    color: var(--vcp-brand-deep);
    font-weight: 800;
}

.vcp-empty-state {
    padding: 28px;
    border-radius: var(--vcp-radius-md);
    border: 1px dashed var(--vcp-line-strong);
    background: rgba(255, 255, 255, 0.03);
}

.vcp-empty-state.is-dashboard {
    min-height: 0;
    padding: 24px;
}

.vcp-empty-state.is-large {
    min-height: 240px;
    display: grid;
    align-content: center;
    justify-items: start;
    gap: 18px;
}

.vcp-card-grid,
.vcp-invoice-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vcp-request-card,
.vcp-invoice-card,
.vcp-file-card,
.vcp-comment-card {
    transition: transform 160ms ease, box-shadow 160ms ease;
}

.vcp-request-card h4,
.vcp-invoice-card h4,
.vcp-panel h3,
.vcp-detail-head h3 {
    font-size: clamp(24px, 2vw, 34px);
}

.vcp-card-top,
.vcp-card-bottom {
    margin-bottom: 20px;
}

.vcp-card-bottom {
    margin: 22px 0 0;
    align-items: flex-end;
}

.vcp-card-label,
.vcp-meta-note,
.vcp-field-help,
.vcp-muted {
    color: var(--vcp-ink-muted);
}

.vcp-meta-note.is-danger {
    color: var(--vcp-danger);
}

.vcp-meta-note.is-warning {
    color: #f6f6f6;
}

.vcp-chip,
.vcp-status-pill {
    display: inline-flex;
    align-items: center;
    min-height: 28px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.08em;
}

.vcp-chip {
    background: rgba(255, 255, 255, 0.06);
    color: var(--vcp-ink-soft);
}

.vcp-status-pill {
    background: rgba(122, 56, 255, 0.14);
    color: #e4ddff;
}

.vcp-status-pill.is-pending,
.vcp-status-pill.is-under-review,
.vcp-status-pill.is-estimate-ready,
.vcp-status-pill.is-pending_release {
    background: rgba(96, 106, 130, 0.16);
    color: #c5cfdf;
}

.vcp-status-pill.is-awaiting-deposit {
    background: rgba(255, 191, 102, 0.14);
    color: #ffd4a0;
}

.vcp-status-pill.is-not_paid,
.vcp-status-pill.is-payment-required {
    background: #f3180057;
    color: #ffffff;
    border: 1px solid #c51c1c;
}

.vcp-status-pill.is-payment-overdue {
    background: rgba(255, 107, 120, 0.22);
    color: #fff1f3;
}

.vcp-status-pill.is-queued,
.vcp-status-pill.is-in-progress,
.vcp-status-pill.is-waiting-approval {
    background: rgba(106, 98, 255, 0.14);
    color: #e3dfff;
}

.vcp-status-pill.is-change-requested {
    background: rgba(221, 120, 120, 0.12);
    color: var(--vcp-danger);
}

.vcp-status-pill.is-approved,
.vcp-status-pill.is-completed,
.vcp-status-pill.is-paid {
    background: #b9f53152;
    color: #e4f6bc;
    
}

.vcp-status-pill.is-canceled {
    background: rgba(255, 255, 255, 0.04);
    color: #b5bcc9;
}

.vcp-status-pill.is-declined {
    background: rgba(255, 107, 120, 0.14);
    color: #ffc0c6;
}

.vcp-status-stack {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 10px;
    flex-shrink: 0;
}

.vcp-request-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    flex-wrap: wrap;
    margin-top: 20px;
}

.vcp-subnav {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.018);
    border: 1px solid rgba(255, 255, 255, 0.07);
    box-shadow: none;
    flex-wrap: wrap;
}

.vcp-subnav a {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    color: rgba(255, 255, 255, 0.58);
    font-weight: 600;
    padding: 9px 15px;
    border-radius: 999px;
    transition: background 160ms ease, color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.vcp-subnav a strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.7);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.vcp-subnav a:hover {
    color: rgba(255, 255, 255, 0.9);
    background: rgba(255, 255, 255, 0.035);
}

.vcp-subnav a.is-active {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(56, 64, 95, 0.98), rgba(67, 59, 91, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    font-weight: 700;
}

.vcp-subnav a.is-active strong {
    background: rgba(255, 255, 255, 0.14);
    color: #ffffff;
}

.vcp-request-list {
    display: grid;
    gap: 12px;
    margin-top: 18px;
}

.vcp-request-list.is-grouped {
    gap: 26px;
}

.vcp-request-group {
    display: grid;
    gap: 12px;
}

.vcp-request-group-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 0 6px 8px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-request-group-head h2 {
    margin: 0;
    color: rgba(255, 255, 255, 0.9);
    font-family: var(--vcp-font-display);
    font-size: 17px;
    font-weight: 700;
    letter-spacing: -0.02em;
}

.vcp-request-group-head span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 28px;
    height: 28px;
    padding: 0 10px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.055);
    color: rgba(255, 255, 255, 0.72);
    font-size: 12px;
    font-weight: 700;
    line-height: 1;
}

.vcp-request-group.is-attention .vcp-request-group-head h2 {
    color: #ffffff;
}

.vcp-request-group.is-attention .vcp-request-group-head {
    border-color: rgba(242, 0, 85, 0.28);
}

.vcp-request-group.is-attention .vcp-request-group-head span {
    background: rgba(242, 0, 85, 0.16);
    color: #ffffff;
}

.vcp-request-group-list {
    display: grid;
    gap: 12px;
}

.vcp-request-list-head {
    display: none;
}

.vcp-request-list-row {
    display: grid;
    gap: 0;
    padding: 24px 36px 26px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.04), transparent 10%),
        linear-gradient(180deg, rgba(24, 25, 31, 0.24), rgba(19, 20, 27, 0.76));
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: none;
    transition: border-color 160ms ease, background 160ms ease;
}

.vcp-request-list-row:hover {
    border-color: rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.05), transparent 40%),
        linear-gradient(180deg, rgba(27, 28, 35, 0.26), rgba(21, 22, 29, 0.78));
}

.vcp-request-list-col {
    min-width: 0;
}

.vcp-request-list-label {
    display: none;
}

.vcp-request-list-col strong {
    display: block;
    line-height: 1.25;
}

.vcp-request-list-col.is-main {
    display: grid;
    gap: 12px;
}

.vcp-request-list-topline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
}

.vcp-request-list-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: start;
    gap: 10px;
    margin-top: -14px;
}

.vcp-request-list-statuses {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 10px;
}

.vcp-request-list-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: -4px;
    color: rgba(255, 255, 255, 0.46);
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.vcp-request-list-col.is-main strong {
    font-family: var(--vcp-font-display);
    font-size: clamp(18px, 1.55vw, 20px);
    letter-spacing: -0.03em;
    color: #ffffff;
    line-height: 1.14;
}

.vcp-request-list-meta-line {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-top: -1px;
    color: rgba(255, 255, 255, 0.44);
    font-size: 13px;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
}

.vcp-request-list-meta-line span {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.vcp-request-list-meta-line span + span::before {
    content: "|";
    margin: 0 16px;
    color: rgba(255, 255, 255, 0.24);
}

.vcp-request-list-progress {
    display: grid;
    gap: 8px;
    max-width: 100%;
    margin-top: 0;
}

.vcp-request-list-progress-meta {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: baseline;
}

.vcp-request-list-progress-summary,
.vcp-request-list-progress-percent {
    display: inline-flex;
    align-items: center;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: -0.01em;
    font-variant-numeric: tabular-nums;
}

.vcp-request-list-progress-summary {
    color: rgba(255, 255, 255, 0.62);
}

.vcp-request-list-progress-percent {
    color: rgba(255, 255, 255, 0.62);
}

.vcp-request-list-progress-meta small {
    color: rgba(255, 255, 255, 0.46);
    font-size: 11px;
    line-height: 1.42;
    text-align: right;
}

.vcp-progress-track.is-timeline-neutral {
    background: rgba(255, 255, 255, 0.08);
}

.vcp-progress-track.is-timeline-neutral span {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(234, 236, 240, 0.82));
}

.vcp-progress-track.is-timeline-success span {
    background: linear-gradient(90deg, rgba(255, 255, 255, 0.92), rgba(228, 232, 238, 0.84));
}

.vcp-progress-track.is-timeline-warning span {
    background: linear-gradient(90deg, #ffb05c, #ff8d47);
}

.vcp-progress-track.is-timeline-danger span {
    background: linear-gradient(90deg, #ff7f68, #ff5151);
}

.vcp-request-list-progress.is-timeline-success .vcp-request-list-progress-summary,
.vcp-request-list-progress.is-timeline-success .vcp-request-list-progress-percent,
.vcp-request-list-progress.is-timeline-neutral .vcp-request-list-progress-summary,
.vcp-request-list-progress.is-timeline-neutral .vcp-request-list-progress-percent {
    color: rgba(255, 255, 255, 0.7);
}

.vcp-request-list-progress.is-timeline-warning .vcp-request-list-progress-summary,
.vcp-request-list-progress.is-timeline-warning .vcp-request-list-progress-percent {
    color: #ffbe74;
}

.vcp-request-list-progress.is-timeline-danger .vcp-request-list-progress-summary,
.vcp-request-list-progress.is-timeline-danger .vcp-request-list-progress-percent {
    color: #ff8d8d;
}

.vcp-deadline-note {
    display: inline-flex;
    align-items: center;
    min-height: 32px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.01em;
    white-space: nowrap;
}

.vcp-deadline-note.is-muted {
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.62);
}

.vcp-deadline-note.is-warning {
    background: rgba(255, 176, 92, 0.14);
    color: #ffbe74;
}

.vcp-deadline-note.is-danger {
    background: rgba(255, 127, 104, 0.15);
    color: #ff9e7a;
}

.vcp-deadline-note.is-overdue {
    background: #d64a56;
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(214, 74, 86, 0.26);
}

.vcp-request-list-actions .vcp-button {
    min-width: 100px;
    min-height: 32px;
    padding-inline: 18px;
    border-radius: 999px;
    font-size: 12px;
    font-weight: 600;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vcp-request-list-actions .vcp-button:hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.14);
}

.vcp-request-list-actions .vcp-status-pill {
    min-height: 32px;
    padding: 0 14px;
    font-size: 12px;
    letter-spacing: 0.04em;
    white-space: nowrap;
    font-weight: 600;
}

.vcp-billing-summary-row {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) repeat(2, minmax(0, 0.94fr));
    gap: 14px;
    margin-top: 18px;
}

.vcp-billing-summary-card {
    padding: 18px 20px;
    border-radius: 22px;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0.014));
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: none;
}

.vcp-billing-summary-card.is-primary {
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.05), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.05), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(255, 255, 255, 0.022));
}

.vcp-billing-summary-card .vcp-card-label {
    color: rgba(255, 255, 255, 0.44);
}

.vcp-billing-summary-card strong {
    display: block;
    margin-top: 10px;
    font-family: var(--vcp-font-display);
    font-size: clamp(28px, 2.6vw, 38px);
    line-height: 1;
    letter-spacing: -0.05em;
    color: #ffffff;
}

.vcp-billing-summary-card p {
    margin: 10px 0 0;
    max-width: 30ch;
    color: rgba(255, 255, 255, 0.58);
    line-height: 1.52;
}

.vcp-invoice-subnav {
    margin-top: 18px;
    padding: 5px;
}

.vcp-invoice-subnav a {
    padding: 8px 14px;
}

.vcp-invoice-list {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.vcp-invoice-list-head {
    display: none;
    padding: 0 18px;
    color: rgba(255, 255, 255, 0.36);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.vcp-invoice-list-row {
    display: grid;
    gap: 0;
    padding: 24px 28px 26px;
    border-radius: 30px;
    background:
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.035), transparent 30%),
        linear-gradient(180deg, rgba(24, 25, 31, 0.94), rgba(19, 20, 27, 0.96));
    border: 1px solid rgba(255, 255, 255, 0.075);
    box-shadow: none;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.vcp-invoice-list-row:hover {
    transform: translateY(-1px);
    border-color: rgba(255, 255, 255, 0.1);
    background:
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.045), transparent 32%),
        linear-gradient(180deg, rgba(27, 28, 35, 0.96), rgba(21, 22, 29, 0.98));
}

.vcp-invoice-list-main {
    display: grid;
    gap: 12px;
    min-width: 0;
}

.vcp-invoice-list-kicker {
    display: inline-flex;
    align-items: center;
    margin-bottom: -4px;
    color: rgba(255, 255, 255, 0.46);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    line-height: 1.2;
}

.vcp-invoice-list-topline {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: start;
}

.vcp-invoice-list-topline > strong {
    display: block;
    font-family: var(--vcp-font-display);
    font-size: clamp(18px, 1.55vw, 20px);
    letter-spacing: -0.03em;
    line-height: 1.14;
    color: #ffffff;
}

.vcp-invoice-list-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: flex-start;
    align-self: start;
    gap: 8px;
    margin-top: -4px;
}

.vcp-invoice-list-actions .vcp-button {
    min-width: 128px;
    min-height: 40px;
    padding-inline: 18px;
    border-radius: 999px;
    font-size: 13px;
    font-weight: 600;
    box-shadow: none;
    white-space: nowrap;
}

.vcp-invoice-list-actions .vcp-button:not(.is-secondary) {
    background: rgba(255, 255, 255, 0.04);
    color: var(--vcp-dark);
    border-color: rgba(255, 255, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vcp-invoice-list-actions .vcp-button:not(.is-secondary):hover {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    transform: translateY(-1px);
}

.vcp-invoice-list-actions .vcp-deadline-note {
    min-height: 36px;
    padding: 0 14px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0;
    box-shadow: none;
}

.vcp-invoice-list-actions .vcp-status-pill {
    min-height: 36px;
    padding: 0 14px;
    font-size: 11px;
    letter-spacing: 0.03em;
    white-space: nowrap;
}

.vcp-invoice-list-actions .vcp-muted {
    align-self: center;
    font-size: 12px;
    color: rgba(255, 255, 255, 0.48);
}

.vcp-invoice-list-meta-line {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
    margin-top: -6px;
    color: rgba(255, 255, 255, 0.44);
    font-size: 13px;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
}

.vcp-invoice-list-meta-line span {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
}

.vcp-invoice-list-meta-line span + span::before {
    content: "|";
    margin: 0 14px;
    color: rgba(255, 255, 255, 0.24);
}

.vcp-invoice-list-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-invoice-list-stat {
    min-width: 0;
}

.vcp-invoice-list-stat-label {
    display: block;
    margin-bottom: 6px;
    color: rgba(255, 255, 255, 0.36);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.vcp-invoice-list-stat strong {
    display: block;
    color: #ffffff;
    line-height: 1.2;
}

.vcp-invoice-list-stat.is-due strong {
    font-size: 15px;
}

.vcp-invoice-list-stat.is-amount {
    text-align: right;
}

.vcp-invoice-list-amount {
    font-family: var(--vcp-font-display);
    font-size: 22px;
    letter-spacing: -0.03em;
    white-space: nowrap;
}

.vcp-approval-list {
    display: grid;
    gap: 14px;
    margin-top: 18px;
}

.vcp-approval-item {
    display: grid;
    gap: 18px;
    padding: 20px 22px;
    border-radius: 24px;
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.035), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.035), transparent 84%),
        linear-gradient(180deg, rgba(22, 24, 30, 0.26), rgba(18, 20, 26, 0.67));
    border: 1px solid rgba(255, 255, 255, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.015), 0 10px 22px rgba(0, 0, 0, 0.12);
}

.vcp-approval-head,
.vcp-approval-body,
.vcp-approval-footer,
.vcp-approval-summary,
.vcp-approval-side,
.vcp-approval-main,
.vcp-approval-aside,
.vcp-approval-actions {
    min-width: 0;
}

.vcp-approval-head,
.vcp-approval-footer {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
}

.vcp-approval-kicker-row {
    display: none;
}

.vcp-approval-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 18px;
    align-items: start;
}

.vcp-approval-body.has-aside {
    grid-template-columns: minmax(0, 1fr) minmax(240px, 280px);
    gap: clamp(24px, 3vw, 34px);
}

.vcp-approval-main {
    display: grid;
    gap: 18px;
}

.vcp-approval-summary {
    display: grid;
    gap: 14px;
    max-width: none;
    padding-right: 0;
}

.vcp-approval-title-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: start;
}

.vcp-approval-title-status {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 3px;
}

.vcp-approval-aside {
    display: grid;
    gap: 14px;
    align-content: start;
    padding-left: clamp(20px, 2.2vw, 28px);
    border-left: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-approval-summary h3 {
    margin: 0;
    color: #ffffff;
    font-family: var(--vcp-font-display);
    font-size: clamp(22px, 1.8vw, 25px);
    line-height: 1.1;
    letter-spacing: -0.045em;
}

.vcp-approval-subtitle {
    display: block;
    margin: 0 0 2px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.02em;
}

.vcp-approval-summary p {
    margin: 0;
    max-width: 56ch;
    color: rgba(255, 255, 255, 0.68);
    line-height: 1.62;
}

.vcp-approval-milestones-wrap {
    width: min(100%, 560px);
    padding-top: 2px;
}

.vcp-approval-milestones {
    display: grid;
    gap: 10px;
    margin-top: 10px;
}

.vcp-approval-milestones-head {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 0 0 8px 14px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-approval-milestones-head span {
    color: rgba(255, 255, 255, 0.4);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vcp-approval-milestones-list {
    display: grid;
    gap: 10px;
}

.vcp-approval-milestone {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 16px;
    align-items: center;
    padding: 0 0 0 14px;
    border-radius: 0;
    background: transparent;
    border: 0;
}

.vcp-approval-milestone::before {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 999px;
    background: rgba(196, 205, 224, 0.52);
    box-shadow: 0 0 0 3px rgba(196, 205, 224, 0.08);
}

.vcp-approval-milestone.is-complete::before {
    background: #48c782;
    box-shadow: 0 0 0 3px rgba(72, 199, 130, 0.12);
}

.vcp-approval-milestone strong {
    display: block;
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 1.4;
}

.vcp-approval-milestone small {
    display: block;
    justify-self: start;
    color: rgba(255, 255, 255, 0.58);
    font-size: 12.5px;
    font-weight: 500;
    line-height: 1.52;
    white-space: nowrap;
}

.vcp-approval-top {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.vcp-approval-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0;
    width: 100%;
    padding: 16px 0 0;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    border-bottom: 0;
}

.vcp-approval-fact {
    display: grid;
    gap: 5px;
    align-content: start;
    min-height: auto;
    padding: 14px 0 0 18px;
    border-radius: 0;
    background: transparent;
    border: 0;
    border-left: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-approval-fact:first-child {
    padding-left: 0;
    border-left: 0;
}

.vcp-approval-fact span {
    color: rgba(255, 255, 255, 0.48);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vcp-approval-fact strong {
    color: #ffffff;
    font-size: 15px;
    font-weight: 700;
    line-height: 1.3;
}

.vcp-approval-meta-copy {
    color: rgba(255, 255, 255, 0.6);
    line-height: 1.58;
    max-width: 58ch;
}

.vcp-approval-aside-label {
    display: inline-flex;
    align-items: center;
    color: rgba(255, 255, 255, 0.42);
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.vcp-approval-actions {
    display: grid;
    gap: 10px;
    justify-items: stretch;
    align-content: start;
    width: 100%;
}

.vcp-approval-actions form {
    margin: 0;
    display: block;
    width: 100%;
}

.vcp-approval-actions .vcp-button {
    width: 100%;
    min-width: 0;
    min-height: 40px;
    padding: 0 16px;
    font-size: 12.5px;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-transform: none !important;
    box-shadow: none;
}

.vcp-approval-fact .vcp-deadline-note {
    justify-self: start;
    margin-top: 4px;
}

.vcp-approval-deadline-text {
    display: inline-block;
    margin-top: 8px;
    font-size: 12px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.vcp-approval-top .vcp-approval-deadline-text {
    margin-top: 0;
}

.vcp-approval-title-status .vcp-approval-deadline-text {
    margin-top: 0;
}

.vcp-approval-deadline-text.is-muted {
    color: rgba(255, 255, 255, 0.9);
}

.vcp-approval-deadline-text.is-warning {
    color: #ffbe74;
}

.vcp-approval-deadline-text.is-danger,
.vcp-approval-deadline-text.is-overdue {
    color: #ff8d8d;
}

.vcp-approval-actions .vcp-button.is-success {
    background: #b9f53112;
    border-color: #ffffff7a;
    border: 1px solid #b9f53145;
    color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.vcp-approval-actions .vcp-button.is-success:hover {
    background: #b9f5315c;
    border-color: rgba(121, 204, 160, 0.18);
    color: #f1fbf5;
}

.vcp-approval-actions .vcp-button.is-danger {
    background: #3941552e;
    border-color: rgb(212 132 148 / 0%);
    border: 1px solid #dbdaff29;
    color: #f6f6f6;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
}

.vcp-approval-actions .vcp-button.is-danger:hover {
    background: #ffffffd9;
    border-color: rgb(255 255 255);
    color: #1c1c1c;
}

.vcp-approval-revision-meter {
    display: grid;
    gap: 5px;
    margin-top: 6px;
    padding: 13px 14px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.035);
}

.vcp-approval-revision-meter span {
    color: rgba(255, 255, 255, 0.42);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.vcp-approval-revision-meter strong {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.25;
}

.vcp-approval-revision-meter small {
    color: rgba(255, 255, 255, 0.58);
    font-size: 12px;
    line-height: 1.45;
}

.vcp-approval-revision-meter.is-unlimited {
    border-color: rgba(255, 255, 255, 0.1);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.045), rgba(255, 255, 255, 0.022));
}

.vcp-approval-detail-link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
    margin-right: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.06);
    color: rgba(255, 255, 255, 0.74);
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 0.01em;
    text-decoration: none;
    white-space: nowrap;
    transition: color 160ms ease, border-color 160ms ease;
}

.vcp-approval-detail-link::after {
    content: "\203A";
    font-size: 15px;
    line-height: 1;
    transition: transform 160ms ease;
}

.vcp-approval-detail-link:hover {
    color: #ffffff;
    border-bottom-color: rgba(255, 255, 255, 0.12);
}

.vcp-approval-detail-link:hover::after {
    transform: translateX(2px);
}

.vcp-approval-note {
    display: grid;
    gap: 8px;
    margin-top: 16px;
    padding: 16px 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.07);
}

.vcp-approval-note strong {
    color: #ffffff;
}

.vcp-approval-note p {
    margin: 0;
    color: rgba(255, 255, 255, 0.66);
    line-height: 1.65;
}

.vcp-approval-note.is-declined {
    background: rgba(214, 74, 86, 0.08);
    border-color: rgba(214, 74, 86, 0.26);
}

.vcp-approval-note.is-approved {
    background: rgba(35, 154, 132, 0.08);
    border-color: rgba(35, 154, 132, 0.22);
}

.vcp-approval-note .vcp-button {
    justify-self: start;
    min-height: 38px;
    padding: 0 16px;
    font-size: 12px;
}

.vcp-approval-note.is-approved .vcp-button.is-secondary {
    border-radius: 999px;
    transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease, transform 0.18s ease;
}

.vcp-approval-note.is-approved .vcp-button.is-secondary:hover,
.vcp-approval-note.is-approved .vcp-button.is-secondary:focus-visible {
    background: #ffffff;
    color: #10141d;
    border-color: rgba(255, 255, 255, 0.96);
    box-shadow: 0 14px 30px rgba(255, 255, 255, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

.vcp-form-card,
.vcp-inline-form,
.vcp-billing-choice {
    display: grid;
    gap: 18px;
}

.vcp-form-grid {
    display: grid;
    gap: 18px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vcp-form-grid-address {
    grid-template-columns: minmax(0, 1.5fr) minmax(150px, 0.8fr) minmax(0, 1fr) 120px 150px;
    align-items: end;
}

.vcp-form-field-span-2 {
    grid-column: span 2;
}

.vcp-form-field {
    display: grid;
    gap: 8px;
}

.vcp-form-field label,
.vcp-inline-form label,
.vcp-billing-title {
    font-weight: 800;
    color: var(--vcp-dark);
}

.vcp-billing-choice {
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.03);
}

.vcp-account-banner {
    padding: 20px 22px;
    border-radius: 22px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    box-shadow: var(--vcp-shadow-sm);
}

.vcp-account-banner strong {
    display: block;
    font-size: 24px;
    margin-top: 8px;
    letter-spacing: -0.03em;
}

.vcp-account-banner p,
.vcp-company-meta {
    margin: 8px 0 0;
    color: var(--vcp-ink-soft);
}

.vcp-request-page-shell {
    width: min(100%, 980px);
    margin: 0 auto;
    display: grid;
    gap: 18px;
}

.vcp-request-page-head {
    gap: 0;
    padding-bottom: 2px;
}

.vcp-request-page-head p {
    max-width: 540px;
    margin: 0;
    color: rgba(235, 239, 246, 0.62);
    font-size: 17px;
    line-height: 1.65;
}

.vcp-request-account-row {
    display: grid;
    gap: 6px;
    padding: 0 0 16px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-request-account-row-head {
    display: grid;
    gap: 4px;
}

.vcp-request-account-row strong {
    display: block;
    font-size: 17px;
    font-weight: 600;
    letter-spacing: -0.02em;
    color: #f7f8fb;
}

.vcp-request-account-row p {
    margin: 0;
    max-width: none;
    color: rgba(235, 239, 246, 0.44);
    font-size: 14px;
    line-height: 1.6;
}

.vcp-request-intake {
    display: grid;
    gap: 24px;
    padding: 28px 30px 30px;
    border-radius: 24px;
    border: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(180deg, rgba(17, 20, 29, 0.92), rgba(11, 14, 20, 0.96));
}

.vcp-request-fields-grid {
    display: grid;
    gap: 22px 34px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
#vcp-request-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove,
#vcp-note-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove {
  appearance: none !important;
  -webkit-appearance: none !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  min-height: 28px !important;
  padding: 0 !important;
  margin-left: 10px !important;

  background: rgb(255 255 255 / 45%) !important;
  color: #ffffff !important;
  border-radius: 999px !important;

  font-size: 18px !important;
  line-height: 1 !important;
  font-weight: 400 !important;
  text-align: center !important;

  cursor: pointer !important;
  transition: background 0.2s ease, color 0.2s ease, transform 0.2s ease !important;
}

#vcp-request-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove:hover,
#vcp-note-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove:hover {
  background: rgb(205 5 5 / 45%) !important;
  color: #ffffff !important;
  transform: scale(1.05) !important;
}

#vcp-request-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove:active,
#vcp-note-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove:active {
  transform: scale(0.94) !important;
}

#vcp-request-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove:focus,
#vcp-request-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove:focus-visible,
#vcp-note-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove:focus,
#vcp-note-files-list .vcp-request-upload-selected-item .vcp-request-upload-remove:focus-visible {
  outline: none !important;
  box-shadow: 0 0 0 2px rgba(248, 113, 113, 0.35) !important;
}

#vcp-request-files-list,
#vcp-note-files-list {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 12px;
}

#vcp-request-files-list .vcp-request-upload-selected-item,
#vcp-note-files-list .vcp-request-upload-selected-item {
  position: relative;
  width: 140px;
  padding: 8px;
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(6px);
}

#vcp-request-files-list .vcp-request-upload-thumb,
#vcp-note-files-list .vcp-request-upload-thumb {
  width: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 10px;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.06);
  display: flex;
  align-items: center;
  justify-content: center;
}

#vcp-request-files-list .vcp-request-upload-thumb img,
#vcp-note-files-list .vcp-request-upload-thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#vcp-request-files-list .vcp-request-upload-filetype,
#vcp-note-files-list .vcp-request-upload-filetype {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.08em;
  color: #d1d5db;
}

#vcp-request-files-list .vcp-request-upload-selected-name,
#vcp-note-files-list .vcp-request-upload-selected-name {
  display: block;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.4;
  color: #e5e7eb;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding-right: 28px;
}

#vcp-request-files-list .vcp-request-upload-remove,
#vcp-note-files-list .vcp-request-upload-remove {
  position: absolute !important;
  top: 14px;
  right: 14px;
  z-index: 2;
}

.vcp-request-intake .vcp-form-field,
.vcp-request-brief-block,
.vcp-request-upload-inline {
    gap: 12px;
}

.vcp-request-intake .vcp-form-field label,
.vcp-request-field-label {
    display: block;
    margin: 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -0.01em;
    color: rgba(235, 239, 246, 0.72);
}

.vcp-request-intake .vcp-form-field input,
.vcp-request-intake .vcp-form-field select {
    width: 100%;
    min-height: 52px;
    padding: 0 26px 10px 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #f6f7fb;
    font-size: 17px;
    line-height: 1.4;
}

.vcp-request-intake .vcp-form-field input::placeholder,
.vcp-request-brief-block textarea::placeholder {
    color: rgba(235, 239, 246, 0.22);
}

.vcp-request-intake .vcp-form-field input:focus,
.vcp-request-intake .vcp-form-field select:focus {
    border-color: rgba(255, 255, 255, 0.24) !important;
    box-shadow: none !important;
}

.vcp-request-intake .vcp-form-field input[type="date"] {
    color-scheme: dark;
    cursor: pointer;
}

.vcp-request-intake .vcp-form-field input[type="date"]::-webkit-calendar-picker-indicator {
    opacity: 0.72;
}

.vcp-request-select-wrap {
    position: relative;
}

.vcp-request-select-wrap select {
    appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
}

.vcp-request-select-icon {
    position: absolute;
    right: 2px;
    top: 50%;
    width: 18px;
    height: 18px;
    transform: translateY(-56%);
    color: rgba(235, 239, 246, 0.36);
    pointer-events: none;
}

.vcp-request-select-icon svg {
    width: 100%;
    height: 100%;
}

.vcp-request-priority-group {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    padding-top: 2px;
}

.vcp-request-priority-pill {
    position: relative;
    display: inline-flex;
}

.vcp-request-priority-pill input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}

.vcp-request-priority-pill span {
    display: inline-flex;
    min-height: 38px;
    align-items: center;
    justify-content: center;
    padding: 0 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: transparent;
    color: rgba(235, 239, 246, 0.64);
    font-size: 14px;
    font-weight: 600;
    letter-spacing: -0.01em;
    transition: border-color 160ms ease, background 160ms ease, color 160ms ease, transform 160ms ease;
    cursor: pointer;
}

.vcp-request-priority-pill:hover span,
.vcp-request-priority-pill input:focus-visible + span {
    border-color: rgba(255, 255, 255, 0.22);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-request-priority-pill input:checked + span {
    background: #ffffff;
    border-color: #ffffff;
    color: #11131a;
}

.vcp-request-brief-block {
    display: grid;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-request-brief-block .vcp-form-field {
    gap: 12px;
}

.vcp-request-brief-block textarea {
    --wd-form-brd-radius: 16px;
    min-height: 220px;
    padding: 16px 18px;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    border-radius: 14px !important;
    background: rgba(255, 255, 255, 0.02) !important;
    box-shadow: none !important;
    color: #f6f7fb;
    font-size: 16px;
    line-height: 1.7;
}

.vcp-request-brief-block textarea:focus {
    border-color: rgba(255, 255, 255, 0.18) !important;
    background: rgba(255, 255, 255, 0.03) !important;
    box-shadow: none !important;
}

.vcp-request-upload-input {
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
}

.vcp-request-upload-inline {
    display: grid;
    gap: 12px;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-request-upload-inline-copy {
    display: grid;
    gap: 0;
}

.vcp-request-upload-dropzone {
    display: grid;
    place-items: center;
    gap: 6px;
    min-height: 98px;
    padding: 18px 20px;
    border-radius: 16px;
    border: 1px dashed rgba(255, 255, 255, 0.12);
    background: transparent;
    text-align: center;
    cursor: pointer;
    transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}

.vcp-request-upload-dropzone strong {
    color: rgba(246, 247, 251, 0.84);
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -0.02em;
}

.vcp-request-upload-dropzone span {
    color: rgba(235, 239, 246, 0.38);
    font-size: 14px;
    line-height: 1.6;
}

.vcp-request-upload-dropzone:hover,
.vcp-request-upload-dropzone:focus-visible {
    border-color: rgba(255, 255, 255, 0.2);
    background: rgba(255, 255, 255, 0.02);
    transform: translateY(-1px);
}

.vcp-request-upload-inline-status {
    margin: 0;
    color: rgba(235, 239, 246, 0.42);
    font-size: 14px;
    line-height: 1.55;
}

.vcp-request-actions {
    padding-top: 20px;
    align-items: center;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-request-submit,
.vcp-request-cancel {
    display: inline-flex;
    min-height: 44px;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    border-radius: 999px !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: -0.01em;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.vcp-request-submit {
    min-height: 46px;
    padding: 0 24px;
    border: 1px solid #ffffff;
    background: #ffffff;
    color: #11131a;
}

.vcp-request-submit:hover,
.vcp-request-submit:focus-visible {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(255, 255, 255, 0.94);
    color: #11131a;
    transform: translateY(-1px);
}

.vcp-request-cancel {
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: transparent;
    color: rgba(235, 239, 246, 0.72);
}

.vcp-request-cancel:hover,
.vcp-request-cancel:focus-visible {
    border-color: rgba(255, 255, 255, 0.22);
    background: rgba(255, 255, 255, 0.03);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-billing-choice label {
    display: flex;
    gap: 10px;
    align-items: center;
    color: var(--vcp-ink);
}

.vcp-detail-grid {
    grid-template-columns: 1.05fr 0.95fr;
}

.vcp-progress-meter,
.vcp-card-progress,
.vcp-estimate-card {
    margin-top: 20px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
}

.vcp-progress-meter-head {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: center;
    margin-bottom: 12px;
}

.vcp-progress-meter-head span {
    color: var(--vcp-ink-muted);
    font-size: 12px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.08em;
}

.vcp-progress-meter-head strong {
    font-size: 18px;
    letter-spacing: -0.03em;
}

.vcp-progress-track {
    position: relative;
    width: 100%;
    height: 8px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    overflow: hidden;
}

.vcp-progress-track span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, var(--vcp-brand), #11a690, var(--vcp-accent));
}

.vcp-progress-track.is-project-tasks span {
    background: linear-gradient(90deg, #3ecf8e, #2fb877, #249563);
}

.vcp-progress-track.is-overrun span {
    background: linear-gradient(90deg, var(--vcp-accent), var(--vcp-danger));
}

.vcp-timeline {
    display: grid;
    gap: 14px;
}

.vcp-timeline-step {
    display: flex;
    align-items: center;
    gap: 12px;
    color: var(--vcp-ink-muted);
    font-weight: 700;
}

.vcp-timeline-dot {
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.12);
}

.vcp-timeline-step.is-complete .vcp-timeline-dot,
.vcp-timeline-step.is-active .vcp-timeline-dot {
    background: var(--vcp-brand);
}

.vcp-timeline-step.is-active {
    color: var(--vcp-dark);
}

.vcp-detail-metadata {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 14px;
    margin-top: 24px;
}

.vcp-detail-metadata div,
.vcp-comment-card,
.vcp-file-card {
    padding: 18px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
}

.vcp-detail-metadata span,
.vcp-comment-meta span {
    display: block;
    color: var(--vcp-ink-muted);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 800;
}

.vcp-panel-subtitle {
    margin: 22px 0 0;
    color: #ffffff;
    font-size: 18px;
    letter-spacing: -0.02em;
}

.vcp-project-progress-summary {
    margin: 14px 0 0;
}

.vcp-project-task-panel {
    margin-top: 18px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-project-milestone-preview-list {
    display: grid;
    gap: 14px;
}

.vcp-project-milestone-preview {
    display: grid;
    gap: 12px;
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.035);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-project-milestone-preview.is-complete {
    background: rgba(72, 199, 130, 0.08);
    border-color: rgba(72, 199, 130, 0.18);
}

.vcp-project-milestone-preview-head {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    gap: 12px;
    align-items: start;
}

.vcp-project-milestone-preview-head > div {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 12px;
    align-items: baseline;
}

.vcp-project-milestone-meta {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
    color: rgba(255, 255, 255, 0.56);
    font-size: 12px;
    line-height: 1.45;
}

.vcp-project-milestone-meta-summary {
    color: rgba(255, 255, 255, 0.56);
}

.vcp-project-milestone-meta-separator {
    color: rgba(255, 255, 255, 0.28);
}

.vcp-project-milestone-meta-date {
    color: #f6f6f6;
    font-weight: 600;
    letter-spacing: 0.01em;
}

.vcp-project-task-list {
    display: grid;
    gap: 10px;
}

.vcp-project-task-item {
    display: grid;
    grid-template-columns: 22px minmax(0, 1fr);
    align-items: center;
    gap: 12px;
    padding: 12px 14px;
    border-radius: 16px;
    background: rgba(255, 255, 255, 0.035);
}

.vcp-project-task-item.is-complete {
    background: rgba(62, 207, 142, 0.12);
}

.vcp-project-task-check {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 22px;
    height: 22px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.04);
    color: transparent;
    font-size: 12px;
    font-weight: 900;
}

.vcp-project-task-item.is-complete .vcp-project-task-check {
    border-color: rgba(62, 207, 142, 0.38);
    background: rgba(62, 207, 142, 0.22);
    color: #dff9eb;
}

.vcp-project-task-title {
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.45;
}

.vcp-project-task-item.is-complete .vcp-project-task-title {
    color: rgba(223, 249, 235, 0.94);
}

.vcp-detail-billing-strip {
    margin: 16px 0 24px;
    padding: 18px 24px;
    border-radius: 24px;
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid rgba(255, 255, 255, 0.06);
}

.vcp-detail-billing-alert {
    display: grid;
    gap: 6px;
    padding: 14px 16px;
    margin-bottom: 14px;
    border-radius: 18px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
}

.vcp-detail-billing-alert.is-payment-required {
    background: rgba(255, 176, 92, 0.08);
    border-color: rgba(255, 176, 92, 0.16);
}

.vcp-detail-billing-alert.is-payment-overdue {
    background: rgba(214, 74, 86, 0.1);
    border-color: rgba(214, 74, 86, 0.2);
}

.vcp-detail-billing-alert-copy {
    display: grid;
    gap: 4px;
}

.vcp-detail-billing-alert strong {
    font-size: 17px;
    letter-spacing: -0.02em;
}

.vcp-detail-billing-alert p {
    margin: 0;
    color: var(--vcp-ink-soft);
}

.vcp-detail-billing {
    display: grid;
    gap: 14px;
    padding-bottom: 18px;
    margin-bottom: 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-detail-billing-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 12px;
}

.vcp-detail-billing-row {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
}

.vcp-detail-billing-row strong {
    display: block;
    font-size: 22px;
    letter-spacing: -0.03em;
}

.vcp-detail-billing-row span {
    color: var(--vcp-ink-soft);
    font-size: 14px;
}

.vcp-detail-billing-meta {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 4px;
    color: var(--vcp-ink-muted);
    font-size: 13px;
    text-align: right;
}

.vcp-detail-page .vcp-chip.vcp-chip-tight {
    min-height: 28px;
    padding: 0 12px;
    font-size: 11px;
}

.vcp-detail-page .vcp-panel {
    padding: 26px 28px;
    background: rgba(255, 255, 255, 0.02);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: none;
}

.vcp-detail-page .vcp-panel h3 {
    font-size: clamp(22px, 2vw, 30px);
}

.vcp-detail-page .vcp-chip {
    min-height: 30px;
    padding: 0 12px;
    font-size: 11px;
    letter-spacing: 0.06em;
    background: rgba(255, 255, 255, 0.05);
    color: rgba(255, 255, 255, 0.68);
}

.vcp-detail-page .vcp-progress-meter,
.vcp-detail-page .vcp-project-task-panel,
.vcp-detail-page .vcp-estimate-card {
    padding: 0;
    margin-top: 18px;
    background: transparent;
    border: 0;
    box-shadow: none;
}

.vcp-detail-page .vcp-progress-meter {
    padding-bottom: 12px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-detail-page .vcp-detail-metadata {
    gap: 16px;
    margin-top: 18px;
}

.vcp-detail-page .vcp-detail-metadata div {
    padding: 0;
    border-radius: 0;
    background: transparent;
}

.vcp-detail-page .vcp-detail-metadata span {
    font-size: 11px;
    letter-spacing: 0.12em;
}

.vcp-detail-page .vcp-project-milestone-preview-list {
    gap: 10px;
}

.vcp-detail-page .vcp-project-milestone-preview {
    padding: 10px 0;
    border-radius: 0;
    background: transparent;
    border: 0;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-detail-page .vcp-project-milestone-preview:last-child {
    border-bottom: 0;
}

.vcp-detail-page .vcp-project-milestone-preview.is-complete {
    background: transparent;
    border-color: rgba(255, 255, 255, 0.08);
}

.vcp-detail-page .vcp-project-task-item {
    padding: 8px 0;
    border-radius: 0;
    background: transparent;
}

.vcp-detail-page .vcp-project-task-check {
    width: 18px;
    height: 18px;
}

.vcp-detail-page .vcp-comment-card,
.vcp-detail-page .vcp-file-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.06);
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-detail-page .vcp-panel {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(28, 34, 48, 0.08);
    box-shadow: 0 16px 36px rgba(24, 29, 38, 0.05);
}

html[data-vcp-theme="light"] .vcp-detail-page .vcp-chip {
    background: rgba(18, 18, 18, 0.06);
    color: rgba(18, 18, 18, 0.65);
}

html[data-vcp-theme="light"] .vcp-detail-page .vcp-progress-meter {
    border-bottom: 1px solid rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-detail-page .vcp-project-milestone-preview {
    border-bottom-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-detail-page .vcp-comment-card,
html[data-vcp-theme="light"] .vcp-detail-page .vcp-file-card {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-detail-billing-strip {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-detail-billing-alert {
    background: rgba(18, 18, 18, 0.03);
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-detail-billing-alert.is-payment-required {
    background: rgba(255, 176, 92, 0.12);
    border-color: rgba(255, 176, 92, 0.18);
}

html[data-vcp-theme="light"] .vcp-detail-billing-alert.is-payment-overdue {
    background: rgba(216, 77, 88, 0.08);
    border-color: rgba(216, 77, 88, 0.16);
}

html[data-vcp-theme="light"] .vcp-detail-billing {
    border-bottom-color: rgba(18, 18, 18, 0.1);
}

html[data-vcp-theme="light"] .vcp-detail-billing-row span {
    color: #5f6a7a;
}

html[data-vcp-theme="light"] .vcp-detail-billing-meta {
    color: #7a8697;
}

html[data-vcp-theme="light"] .vcp-detail-billing-alert p {
    color: #5f6a7a;
}

.vcp-project-detail-page {
    display: grid;
    gap: 32px;
}

.vcp-project-detail-page .vcp-panel {
    padding: 34px 36px;
    border-radius: 12px;
    background: rgba(15, 19, 26, 0.82);
    border-color: rgba(255, 255, 255, 0.06);
    box-shadow: none;
}

.vcp-project-detail-hero {
    display: grid;
    gap: 28px;
    border-radius: 20px;
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.12), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.1), transparent 30%),
        linear-gradient(180deg, rgba(17, 21, 29, 0.94) 0%, rgba(12, 16, 22, 0.9) 100%);
    border-color: rgba(255, 255, 255, 0.08);
}

.vcp-project-detail-topbar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
}

.vcp-project-detail-back-link {
    display: inline-flex;
    align-items: center;
    min-height: 42px;
    padding: 0 18px 0 5px;
    gap: 9px;
    color: #f6f6f6;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.02);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.03);
    transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease, color 160ms ease;
}

.vcp-project-detail-back-link .vcp-back-link-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    border-radius: 999px;
    background: #ffffff;
    border: 1px solid rgba(255, 255, 255, 0.14);
    color: var(--vcp-galaxy-deep);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.16);
}

.vcp-project-detail-back-link .vcp-back-link-icon svg {
    width: 15px;
    height: 15px;
}

.vcp-project-detail-back-link .vcp-back-link-icon svg g {
    stroke-width: 2.35;
}

.vcp-project-detail-back-link:hover,
.vcp-project-detail-back-link:focus-visible {
    color: #f6f6f6;
    transform: translateY(-1px);
    border-color: rgba(122, 56, 255, 0.22);
    background: rgba(122, 56, 255, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vcp-project-detail-kicker-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.vcp-project-detail-separator {
    color: rgba(255, 255, 255, 0.28);
}

.vcp-project-detail-status-group {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-left: auto;
    flex-wrap: wrap;
}

.vcp-project-detail-status-divider {
    color: rgba(255, 255, 255, 0.22);
    font-weight: 700;
}

.vcp-project-detail-status-text,
.vcp-project-detail-service {
    color: var(--vcp-ink-soft);
}

.vcp-project-detail-status-text {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-weight: 800;
}

.vcp-project-detail-status-text.is-under-review,
.vcp-project-detail-status-text.is-pending,
.vcp-project-detail-status-text.is-queued {
    color: rgba(246, 246, 246, 0.88);
}

.vcp-project-detail-status-text.is-estimate-ready,
.vcp-project-detail-status-text.is-awaiting-deposit {
    color: #f7b35e;
}

.vcp-project-detail-status-text.is-payment-required,
.vcp-project-detail-status-text.is-payment-overdue {
    color: #f7b35e;
}

.vcp-project-detail-status-text.is-in-progress {
    color: #c8ff63;
}

.vcp-project-detail-status-text.is-in-progress::before {
    content: '';
    width: 9px;
    height: 9px;
    border-radius: 999px;
    background: #b7ff3c;
    box-shadow: 0 0 0 0 rgba(183, 255, 60, 0.42);
    animation: vcp-status-pulse 1.8s ease-out infinite;
}

.vcp-project-detail-status-text.is-waiting-approval {
    color: var(--vcp-brand);
}

.vcp-project-detail-status-text.is-completed,
.vcp-project-detail-status-text.is-approved {
    color: var(--vcp-success);
}

.vcp-project-detail-status-text.is-declined,
.vcp-project-detail-status-text.is-canceled {
    color: var(--vcp-danger);
}

.vcp-project-detail-service {
    display: block;
    margin: 10px 0 0;
    font-size: 18px;
    line-height: 1.4;
}

.vcp-project-detail-page h1 {
    margin: 10px 0 0;
    font-family: var(--vcp-font-display);
    font-size: clamp(42px, 5vw, 68px);
    line-height: 0.98;
    letter-spacing: -0.06em;
}

.vcp-project-detail-page h1,
.vcp-project-detail-service,
.vcp-project-detail-stat strong,
.vcp-project-detail-progress-head strong,
.vcp-project-detail-progress-value,
.vcp-project-detail-action-panel strong,
.vcp-project-detail-section-head h3,
.vcp-project-detail-stage-head strong,
.vcp-project-detail-update strong,
.vcp-project-detail-comment strong,
.vcp-project-detail-overview-meta strong,
.vcp-project-detail-team-member strong,
.vcp-project-detail-billing-copy strong,
.vcp-project-detail-billing-meta strong,
.vcp-project-detail-file-row strong,
.vcp-project-detail-page .vcp-progress-meter-head strong,
.vcp-project-detail-page .vcp-project-task-title {
    color: #f6f6f6;
}

.vcp-project-detail-summary {
    max-width: 920px;
    margin: 18px 0 0;
    color: var(--vcp-ink-soft);
    font-size: 19px;
    line-height: 1.72;
    max-width: 500px;
}

.vcp-project-detail-hero-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.8fr);
    gap: 34px;
    padding-top: 30px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-stat-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 18px 24px;
}

.vcp-project-detail-stat {
    padding-left: 18px;
    border-left: 1px solid var(--vcp-line);
}

.vcp-project-detail-stat span,
.vcp-project-detail-progress-head span,
.vcp-project-detail-overview-meta span,
.vcp-project-detail-billing-stage,
.vcp-project-detail-update-label,
.vcp-project-detail-comment-head span,
.vcp-project-detail-file-row span,
.vcp-project-detail-stage-head span {
    display: block;
    color: var(--vcp-ink-muted);
    font-size: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    font-weight: 700;
}

.vcp-project-detail-stat strong {
    display: block;
    margin-top: 10px;
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.vcp-project-detail-progress-block {
    margin-top: 34px;
}

.vcp-project-detail-progress-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: end;
}

.vcp-project-detail-progress-head strong {
    display: block;
    margin: 10px 0 10px 0;
    font-size: 26px;
    line-height: 1.15;
    letter-spacing: -0.04em;
}

.vcp-project-detail-progress-value {
    font-family: var(--vcp-font-display);
    font-size: 34px;
    font-weight: 700;
    letter-spacing: -0.06em;
}

.vcp-project-detail-progress-note {
    max-width: 860px;
    padding-top: 10px;
}

@keyframes vcp-status-pulse {
    0% {
        box-shadow: 0 0 0 0 rgba(183, 255, 60, 0.42);
        transform: scale(1);
    }

    70% {
        box-shadow: 0 0 0 8px rgba(183, 255, 60, 0);
        transform: scale(1.02);
    }

    100% {
        box-shadow: 0 0 0 0 rgba(183, 255, 60, 0);
        transform: scale(1);
    }
}

.vcp-project-detail-page .vcp-progress-track span,
.vcp-project-detail-page .vcp-progress-track.is-project-tasks span,
.vcp-project-detail-page .vcp-progress-track.is-overrun span {
    background: #ffffff;
}

.vcp-project-detail-action-card {
    padding-left: 34px;
    border-left: 1px solid var(--vcp-line);
}

.vcp-project-detail-action-panel {
    display: grid;
    gap: 12px;
}

.vcp-project-detail-action-actions {
    display: grid;
    grid-template-columns: repeat(2, max-content);
    gap: 12px;
    align-items: stretch;
    justify-content: start;
    margin-top: 26px;
}

.vcp-project-detail-action-actions .vcp-action-slot {
    display: flex;
    width: 100%;
    margin: 0;
}

.vcp-project-detail-action-actions .vcp-project-detail-action-button,
.vcp-project-detail-action-actions .vcp-action-slot .vcp-button {
    width: auto;
    min-width: 158px;
    min-height: 42px;
    padding: 0 16px;
    justify-content: center;
    text-align: center;
    white-space: nowrap;
    font-size: 12px;
    line-height: 1;
    letter-spacing: 0.01em;
    color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6;
    transition:
        background-color 0.18s ease,
        border-color 0.18s ease,
        color 0.18s ease,
        box-shadow 0.18s ease,
        transform 0.18s ease;
}

.vcp-project-detail-action-actions .vcp-button:hover,
.vcp-project-detail-action-actions .vcp-button:focus-visible {
    color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6;
}

.vcp-project-detail-action-actions .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(255, 255, 255, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.vcp-project-detail-action-actions .vcp-button.is-secondary:hover,
.vcp-project-detail-action-actions .vcp-button.is-secondary:focus-visible {
    background: rgba(95, 108, 152, 0.18);
    border-color: rgba(214, 221, 255, 0.24);
    box-shadow: 0 14px 30px rgba(12, 16, 24, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-project-detail-action-actions .vcp-button.is-approve-action,
.vcp-project-detail-action-actions .vcp-button.is-billing-action,
.vcp-project-detail-action-actions .vcp-button.is-delivery-action {
    background: linear-gradient(180deg, rgba(92, 103, 142, 0.96), rgba(66, 75, 104, 0.96));
    border-color: rgba(205, 214, 255, 0.18);
    box-shadow: 0 14px 30px rgba(12, 16, 24, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-project-detail-action-actions .vcp-button.is-approve-action:hover,
.vcp-project-detail-action-actions .vcp-button.is-approve-action:focus-visible,
.vcp-project-detail-action-actions .vcp-button.is-billing-action:hover,
.vcp-project-detail-action-actions .vcp-button.is-billing-action:focus-visible,
.vcp-project-detail-action-actions .vcp-button.is-delivery-action:hover,
.vcp-project-detail-action-actions .vcp-button.is-delivery-action:focus-visible {
    background: linear-gradient(180deg, rgba(104, 115, 158, 0.98), rgba(76, 86, 120, 0.98));
    border-color: rgba(214, 221, 255, 0.24);
    box-shadow: 0 18px 34px rgba(15, 20, 34, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.vcp-project-detail-action-actions .vcp-button.is-approve-action,
.vcp-project-detail-action-actions .vcp-button.is-billing-action {
    background: var(--vcp-brand);
    border-color: var(--vcp-brand);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

.vcp-project-detail-action-actions .vcp-button.is-approve-action:hover,
.vcp-project-detail-action-actions .vcp-button.is-approve-action:focus-visible,
.vcp-project-detail-action-actions .vcp-button.is-billing-action:hover,
.vcp-project-detail-action-actions .vcp-button.is-billing-action:focus-visible {
    background: #ff1f6c;
    border-color: #ff1f6c;
    box-shadow: 0 18px 34px rgba(242, 0, 85, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

.vcp-project-detail-action-actions .vcp-button.is-change-action:hover,
.vcp-project-detail-action-actions .vcp-button.is-change-action:focus-visible {
    background: rgba(122, 72, 90, 0.24);
    border-color: rgba(231, 180, 198, 0.22);
    box-shadow: 0 14px 30px rgba(24, 12, 18, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-project-detail-action-actions .is-billing-action,
.vcp-project-detail-action-actions .is-delivery-action {
    grid-column: 1 / -1;
}

.vcp-project-detail-action-actions > :only-child {
    grid-column: 1 / -1;
}

.vcp-project-detail-action-panel strong {
    font-size: 40px;
    line-height: 1.15;
    letter-spacing: -0.04em;
    font-weight: 700;
}

.vcp-project-detail-action-panel p {
    margin: 0;
    color: var(--vcp-ink-soft);
    line-height: 1.72;
    font-weight: 500;
    font-size: 18px;
}

.vcp-project-detail-action-task {
    display: inline-block;
    margin-top: 4px;
    color: var(--vcp-ink);
    font-weight: 600;
}

.vcp-project-detail-action-note {
    display: block;
    margin-top: -4px;
    color: var(--vcp-ink-muted);
    font-size: 13px;
    line-height: 1.6;
}

.vcp-project-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
    gap: 32px;
    align-items: start;
}

.vcp-project-detail-main,
.vcp-project-detail-side {
    display: grid;
    gap: 28px;
    align-content: start;
}

.vcp-project-detail-section {
    display: grid;
    gap: 0;
    background: linear-gradient(180deg, rgba(16, 20, 27, 0.96), rgba(13, 16, 22, 0.94));
}

.vcp-project-detail-section-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: end;
    margin-bottom: 24px;
}

.vcp-project-detail-notes-section .vcp-project-detail-section-head {
    align-items: flex-start;
}

.vcp-project-detail-section-head h3 {
    margin: 10px 0 0;
    font-size: clamp(30px, 2vw, 38px);
    line-height: 1.08;
    letter-spacing: -0.05em;
}

.vcp-project-detail-note-count {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 36px;
    padding: 0 16px;
    border-radius: 999px;
    background: #f6f6f6;
    color: #141820;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    white-space: nowrap;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

.vcp-project-detail-section-link {
    color: var(--vcp-ink-soft);
    font-weight: 700;
    -webkit-text-fill-color: var(--vcp-ink-soft);
    transition: color 0.18s ease, opacity 0.18s ease;
}

.vcp-project-detail-section-link:hover,
.vcp-project-detail-section-link:focus-visible {
    color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6;
    opacity: 1;
}

.vcp-project-detail-stage-list {
    display: grid;
}

.vcp-project-detail-stage {
    display: grid;
    grid-template-columns: 18px minmax(0, 1fr);
    gap: 22px;
    padding: 14px 0;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-stage:first-child {
    padding-top: 0;
    border-top: 0;
}

.vcp-project-detail-stage-marker {
    position: relative;
    padding-top: 6px;
}

.vcp-project-detail-stage-dot {
    display: block;
    width: 10px;
    height: 10px;
    margin-left: 4px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.18);
}

.vcp-project-detail-stage-line {
    display: none;
}

.vcp-project-detail-stage.is-complete .vcp-project-detail-stage-dot {
    background: var(--vcp-success);
}

.vcp-project-detail-stage.is-active .vcp-project-detail-stage-dot {
    background: var(--vcp-brand);
}

.vcp-project-detail-stage.is-active[data-stage-key="closed"] .vcp-project-detail-stage-dot {
    background: var(--vcp-success);
}

.vcp-project-detail-stage.is-active[data-stage-key="closed"] .vcp-project-detail-stage-head strong {
    color: #f6f6f6;
}

.vcp-project-detail-stage-copy {
    display: grid;
    gap: 10px;
}

.vcp-project-detail-stage-head {
    display: flex;
    justify-content: space-between;
    gap: 14px;
    align-items: baseline;
    flex-wrap: wrap;
}

.vcp-project-detail-stage-head strong {
    font-size: 22px;
    line-height: 1.2;
    letter-spacing: -0.03em;
}

.vcp-project-detail-stage.is-complete .vcp-project-detail-stage-head span {
    color: #67983e;
}

.vcp-project-detail-stage.is-active .vcp-project-detail-stage-head span {
    color: var(--vcp-brand);
}

.vcp-project-detail-stage.is-active[data-stage-key="closed"] .vcp-project-detail-stage-head span {
    color: var(--vcp-success);
}

.vcp-project-detail-stage.is-upcoming .vcp-project-detail-stage-head span {
    color: rgba(255, 255, 255, 0.42);
}

.vcp-project-detail-stage-copy p,
.vcp-project-detail-update p {
    margin: 0;
    color: var(--vcp-ink-soft);
    line-height: 1.72;
}

.vcp-project-detail-subsection {
    margin-top: 34px;
    padding-top: 28px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-page .vcp-project-task-panel {
    margin-top: 0;
    padding: 0;
    background: transparent;
    border: 0;
}

.vcp-project-detail-page .vcp-project-task-panel .vcp-progress-meter-head {
    align-items: end;
    margin-bottom: 18px;
}

.vcp-project-detail-page .vcp-project-task-panel .vcp-progress-meter-head strong {
    font-size: 14px;
    color: var(--vcp-ink-soft);
}

.vcp-project-detail-page .vcp-project-milestone-preview-list {
    gap: 0;
}

.vcp-project-detail-page .vcp-project-milestone-preview {
    padding: 18px 0;
    border: 0;
    border-top: 1px solid var(--vcp-line);
    border-radius: 0;
    background: transparent;
}

.vcp-project-detail-page .vcp-project-milestone-preview:first-child {
    border-top: 0;
    padding-top: 0;
}

.vcp-project-detail-page .vcp-project-milestone-preview.is-complete {
    border-color: var(--vcp-line);
    background: transparent;
}

.vcp-project-detail-page .vcp-project-task-list {
    gap: 0;
    margin-top: 12px;
    padding-left: 34px;
}

.vcp-project-detail-page .vcp-project-task-item {
    padding: 10px 0;
    border-radius: 0;
    border: 0;
    background: transparent;
}

.vcp-project-detail-page .vcp-project-task-item + .vcp-project-task-item {
    border-top: 1px dashed var(--vcp-line);
}

.vcp-project-detail-page .vcp-project-task-check {
    width: 18px;
    height: 18px;
}

.vcp-project-detail-page .vcp-project-milestone-preview.is-complete .vcp-project-task-check {
    border-color: var(--vcp-success);
    background: #b9f53133;
    color: #ffffff;
}

.vcp-project-detail-updates,
.vcp-project-detail-billing-list,
.vcp-project-detail-files,
.vcp-project-detail-comments {
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-update,
.vcp-project-detail-billing-item,
.vcp-project-detail-file-row,
.vcp-project-detail-comment {
    padding: 15px 0;
    border-bottom: 1px solid var(--vcp-line);
}

.vcp-project-detail-update:last-child,
.vcp-project-detail-billing-item:last-child,
.vcp-project-detail-file-row:last-child,
.vcp-project-detail-comment:last-child {
    border-bottom: 0;
}

.vcp-project-detail-update-head,
.vcp-project-detail-comment-head {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: start;
    margin-bottom: 10px;
}

.vcp-project-detail-update strong,
.vcp-project-detail-comment strong {
    display: block;
    font-size: 22px;
    line-height: 1.35;
    letter-spacing: -0.03em;
}

.vcp-project-detail-update.is-payment-required .vcp-project-detail-update-label,
.vcp-project-detail-update.is-payment-overdue .vcp-project-detail-update-label {
    color: #f7b35e;
}

.vcp-project-detail-update.is-milestone .vcp-project-detail-update-label {
    color: var(--vcp-success);
}

.vcp-project-detail-update.is-note .vcp-project-detail-update-label {
    color: var(--vcp-brand-soft);
}

.vcp-project-detail-update-time {
    color: var(--vcp-ink-soft);
    font-size: 14px;
    white-space: nowrap;
}

.vcp-project-detail-section-intro {
    margin: 10px 0 0;
    max-width: 520px;
    color: var(--vcp-ink-soft);
    font-size: 15px;
    line-height: 1.65;
}

.vcp-project-detail-richtext {
    color: var(--vcp-ink-soft);
    line-height: 1.8;
}

.vcp-project-detail-overview-copy {
    position: relative;
}

.vcp-project-detail-overview-copy.is-collapsible {
    --vcp-overview-collapsed-height: 10.8em;
}

.vcp-project-detail-overview-copy.is-collapsible .vcp-project-detail-richtext {
    max-height: var(--vcp-overview-collapsed-height);
    overflow: hidden;
    position: relative;
}

.vcp-project-detail-overview-copy.is-collapsible.has-overflow .vcp-project-detail-richtext::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 72px;
    background: linear-gradient(180deg, rgba(17, 21, 27, 0), rgba(17, 21, 27, 0.92) 68%, rgba(17, 21, 27, 1));
    pointer-events: none;
    transition: opacity 0.2s ease;
}

.vcp-project-detail-overview-copy.is-expanded .vcp-project-detail-richtext {
    max-height: none;
}

.vcp-project-detail-overview-copy.is-expanded .vcp-project-detail-richtext::after {
    opacity: 0;
}

.vcp-project-detail-page .vcp-project-detail-overview-toggle {
    all: unset;
    box-sizing: border-box;
    margin-top: 12px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 0;
    border: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    appearance: none;
    -webkit-appearance: none;
    color: #707987 !important;
    -webkit-text-fill-color: #707987;
    opacity: 1;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: none;
    cursor: pointer;
    transition: color 0.2s ease, opacity 0.2s ease;
}

.vcp-project-detail-page .vcp-project-detail-overview-toggle:hover,
.vcp-project-detail-page .vcp-project-detail-overview-toggle:focus-visible {
    color: #f20055 !important;
    -webkit-text-fill-color: #f20055;
}

.vcp-project-detail-page .vcp-project-detail-overview-toggle[hidden] {
    display: none;
}

.vcp-project-detail-overview-meta {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px 24px;
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-overview-meta strong {
    display: block;
    margin-top: 10px;
    font-size: 18px;
    line-height: 1.35;
}

.vcp-project-detail-team {
    margin-top: 28px;
    padding-top: 24px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-mini-head {
    margin-bottom: 14px;
}

.vcp-project-detail-team-list {
    display: grid;
    gap: 12px;
}

.vcp-project-detail-team-member {
    display: grid;
    gap: 4px;
    padding: 16px 0;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-team-member:first-child {
    padding-top: 0;
    border-top: 0;
}

.vcp-project-detail-team-member strong {
    font-size: 18px;
    line-height: 1.25;
}

.vcp-project-detail-team-member span,
.vcp-project-detail-team-member small,
.vcp-project-detail-billing-reference,
.vcp-project-detail-billing-due,
.vcp-project-detail-file-row span,
.vcp-project-detail-comment-head span {
    color: var(--vcp-ink-soft);
    line-height: 1.65;
}

.vcp-project-detail-comment-head span {
    font-weight: 500;
}

.vcp-project-detail-file-group + .vcp-project-detail-file-group {
    margin-top: 22px;
    padding-top: 22px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-files > .vcp-project-detail-file-group:first-child {
    margin-top: 18px;
}

.vcp-project-detail-file-group > .vcp-card-label {
    display: block;
    margin-bottom: 10px;
}

.vcp-project-detail-billing-item {
    display: grid;
    gap: 12px;
    align-items: start;
}

.vcp-project-detail-billing-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 24px;
    align-items: start;
}

.vcp-project-detail-billing-title {
    display: block;
    margin: 0;
    font-size: 18px;
    line-height: 1.3;
}

.vcp-project-detail-billing-reference {
    display: flex;
    flex-wrap: wrap;
    gap: 0 8px;
    align-items: center;
}

.vcp-project-detail-billing-reference span:first-child::after {
    content: '·';
    margin-left: 8px;
}

.vcp-project-detail-billing-reference span:last-child {
    white-space: nowrap;
}

.vcp-project-detail-billing-topline {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    flex-wrap: wrap;
    width: 100%;
}

.vcp-project-detail-billing-topline .vcp-status-pill {
    padding: 0px 14px;
    font-size: 11px;
    font-weight: 600;
}

.vcp-project-detail-billing-amount,
.vcp-project-detail-billing-due {
    justify-self: end;
    text-align: right;
}

.vcp-project-detail-billing-amount {
    font-size: 20px;
    line-height: 1.12;
    letter-spacing: -0.04em;
}

.vcp-project-detail-billing-due {
    white-space: nowrap;
}

.vcp-project-detail-billing-actions {
    display: flex;
    justify-content: flex-end;
}

.vcp-project-detail-billing-actions .vcp-button {
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: none;
    font-size: 13px;
    line-height: 1;
}

.vcp-project-detail-billing-actions .vcp-button:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.16);
}

.vcp-project-detail-action-panel .vcp-button.is-delivery-action:hover,
.vcp-project-detail-action-panel .vcp-button.is-delivery-action:focus-visible {
    color: #f6f6f6;
    background: linear-gradient(180deg, rgba(104, 115, 158, 0.98), rgba(76, 86, 120, 0.98));
    border-color: rgba(214, 221, 255, 0.24);
    box-shadow: 0 18px 34px rgba(15, 20, 34, 0.28), inset 0 1px 0 rgba(255, 255, 255, 0.12);
}

.vcp-project-detail-action-panel .vcp-button.is-delivery-action {
    color: #f6f6f6;
    background: linear-gradient(180deg, rgba(92, 103, 142, 0.96), rgba(66, 75, 104, 0.96));
    border-color: rgba(205, 214, 255, 0.18);
    box-shadow: 0 14px 30px rgba(12, 16, 24, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

.vcp-project-detail-action-panel .vcp-button.is-delivery-action:hover,
.vcp-project-detail-action-panel .vcp-button.is-delivery-action:focus-visible {
    color: #f6f6f6;
}

.vcp-project-detail-billing-action-note {
    color: var(--vcp-ink-soft);
    font-size: 14px;
    line-height: 1.4;
    white-space: nowrap;
}

.vcp-project-detail-file-row {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    text-decoration: none;
    color: inherit;
}

.vcp-project-detail-file-row.is-image {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 24px;
    width: 100%;
    appearance: none;
    -webkit-appearance: none;
    padding: 2px 0;
    margin-top: 0;
    border: 0;
    border-radius: 0;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    cursor: pointer;
    text-align: left;
    font: inherit;
    transition: color 0.18s ease;
}

.vcp-project-detail-file-row.is-image:last-child {
    border-bottom: 0;
}

.vcp-project-detail-file-row.is-image .vcp-project-detail-file-action {
    color: var(--vcp-ink-soft);
    transition: color 0.18s ease, transform 0.18s ease;
}

.vcp-project-detail-file-row.is-link {
    transition: color 0.18s ease;
}

.vcp-project-detail-file-row.is-link .vcp-project-detail-file-action {
    color: var(--vcp-ink-soft);
    transition: color 0.18s ease, transform 0.18s ease;
}

.vcp-project-detail-file-row.is-link:hover,
.vcp-project-detail-file-row.is-link:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    color: #f6f6f6;
}

.vcp-project-detail-file-row.is-link:hover strong,
.vcp-project-detail-file-row.is-link:focus-visible strong,
.vcp-project-detail-file-row.is-link:hover > div span,
.vcp-project-detail-file-row.is-link:focus-visible > div span {
    color: inherit;
}

.vcp-project-detail-file-row.is-link:hover .vcp-project-detail-file-action,
.vcp-project-detail-file-row.is-link:focus-visible .vcp-project-detail-file-action {
    color: #f4f6ff;
    transform: translateX(2px);
}

.vcp-project-detail-file-row.is-image:hover,
.vcp-project-detail-file-row.is-image:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    color: #f6f6f6;
}

.vcp-project-detail-file-row.is-image:hover .vcp-project-detail-file-action,
.vcp-project-detail-file-row.is-image:focus-visible .vcp-project-detail-file-action {
    color: #f4f6ff;
    transform: translateX(2px);
}

.vcp-project-detail-file-row.is-image:hover .vcp-project-detail-file-thumb,
.vcp-project-detail-file-row.is-image:focus-visible .vcp-project-detail-file-thumb {
    border-color: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
}

.vcp-project-detail-file-row > div {
    min-width: 0;
}

.vcp-project-detail-file-media {
    display: grid;
    grid-template-columns: 92px minmax(0, 1fr);
    align-items: center;
    gap: 16px;
    min-width: 0;
    width: 100%;
}

.vcp-project-detail-file-thumb {
    position: relative;
    width: 92px;
    min-width: 92px;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 16px;
    border: 1px solid var(--vcp-line-strong);
    background:
        linear-gradient(135deg, rgba(92, 108, 255, 0.12), rgba(217, 76, 255, 0.08) 52%, rgba(255, 255, 255, 0.04) 100%),
        rgba(255, 255, 255, 0.03);
    transition: transform 0.18s ease, border-color 0.18s ease;
}

.vcp-project-detail-file-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.vcp-project-detail-file-row strong {
    display: block;
    font-size: 18px;
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.vcp-project-detail-file-row > div span {
    margin-top: 4px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
}

.vcp-project-detail-file-copy {
    min-width: 0;
    flex: 1 1 auto;
}

.vcp-project-detail-file-action {
    color: var(--vcp-ink);
    font-weight: 700;
    text-transform: none;
    letter-spacing: 0;
    white-space: nowrap;
    flex: 0 0 auto;
    margin-left: auto;
    justify-self: end;
    text-align: right;
}

.vcp-project-detail-file-row.is-delivery {
    padding: 18px 20px;
    border: 1px solid var(--vcp-line-strong);
    border-radius: 18px;
    background:
        linear-gradient(135deg, rgba(92, 108, 255, 0.1), rgba(217, 76, 255, 0.06) 48%, rgba(255, 255, 255, 0.02) 100%),
        rgba(255, 255, 255, 0.02);
}

.vcp-project-detail-file-row.is-delivery:last-child {
    border-bottom: 1px solid var(--vcp-line-strong);
}

.vcp-project-detail-file-row.is-delivery .vcp-project-detail-file-action {
    color: #f4f6ff;
}

.vcp-project-detail-file-gallery,
.vcp-project-detail-feedback-gallery {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}

.vcp-project-detail-file-gallery-item,
.vcp-project-detail-feedback-thumb {
    all: unset;
    box-sizing: border-box;
    display: block;
    width: 100%;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    cursor: pointer;
}

.vcp-project-detail-file-gallery-item:focus-visible,
.vcp-project-detail-feedback-thumb:focus-visible {
    outline: none;
}

.vcp-project-detail-file-gallery-thumb,
.vcp-project-detail-feedback-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 10px;
    border: 1px solid var(--vcp-line-strong);
    transition: transform 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease;
}

.vcp-project-detail-file-gallery-thumb img,
.vcp-project-detail-feedback-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.vcp-project-detail-file-gallery-item:hover .vcp-project-detail-file-gallery-thumb,
.vcp-project-detail-file-gallery-item:focus-visible .vcp-project-detail-file-gallery-thumb,
.vcp-project-detail-feedback-thumb:hover,
.vcp-project-detail-feedback-thumb:focus-visible {
    border-color: rgba(255, 255, 255, 0.18);
    transform: translateY(-1px);
    box-shadow: 0 18px 34px rgba(10, 14, 20, 0.18);
}

.vcp-project-detail-file-gallery + .vcp-project-detail-file-list,
.vcp-project-detail-feedback-gallery + .vcp-project-detail-feedback-file-list {
    margin-top: 18px;
    padding-top: 18px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-feedback-files {
    margin-top: 24px;
    padding-top: 22px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-feedback-files-head {
    display: grid;
    gap: 8px;
    margin-bottom: 18px;
}

.vcp-project-detail-feedback-files-intro {
    margin: 0;
    color: var(--vcp-ink-soft);
    font-size: 15px;
    line-height: 1.55;
}

.vcp-project-detail-feedback-file-list {
    display: grid;
    gap: 16px;
}

.vcp-project-detail-feedback-files + .vcp-project-detail-comments {
    margin-top: 22px;
}

.vcp-gallery-modal {
    z-index: 1250;
}

.vcp-gallery-modal-dialog {
    width: min(1120px, 100%);
    max-height: calc(100vh - 48px);
    overflow: hidden;
}

.vcp-gallery-modal-shell {
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
}

.vcp-gallery-modal-stage {
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 16px;
    min-height: min(72vh, 760px);
    padding: 38px 42px 28px;
    background:
        radial-gradient(circle at top left, rgba(92, 108, 255, 0.08), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(217, 76, 255, 0.08), transparent 26%),
        linear-gradient(180deg, rgba(15, 18, 24, 0.98) 0%, rgba(10, 13, 18, 0.98) 100%);
}

.vcp-gallery-modal-figure {
    margin: 0;
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
}

.vcp-gallery-modal-figure img {
    max-width: 100%;
    max-height: min(68vh, 700px);
    border-radius: 24px;
    object-fit: contain;
    box-shadow: 0 28px 54px rgba(0, 0, 0, 0.3);
}

.vcp-gallery-modal-nav {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    padding: 0;
    border: 0 !important;
    border-radius: 999px;
    appearance: none;
    -webkit-appearance: none;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: #f6f6f6 !important;
    cursor: pointer;
    transition: transform 0.2s ease, color 0.18s ease, opacity 0.18s ease;
}

.vcp-gallery-modal-nav-group {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 4px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.07);
    background: rgba(12, 15, 21, 0.84);
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.vcp-gallery-modal-nav span {
    display: block;
    font-size: 31px;
    line-height: 1;
    font-weight: 300;
    transform: translateY(-1px);
    color: inherit !important;
    transition: transform 0.22s cubic-bezier(0.22, 1, 0.36, 1), opacity 0.18s ease;
}

.vcp-gallery-modal-nav:hover,
.vcp-gallery-modal-nav:focus-visible {
    color: #ffffff;
    transform: scale(1.02);
}

.vcp-gallery-modal-nav.is-prev:hover span,
.vcp-gallery-modal-nav.is-prev:focus-visible span {
    transform: translate(-2px, -1px);
}

.vcp-gallery-modal-nav.is-next:hover span,
.vcp-gallery-modal-nav.is-next:focus-visible span {
    transform: translate(2px, -1px);
}

.vcp-gallery-modal-nav[disabled] {
    opacity: 0.28;
    cursor: default;
    pointer-events: none;
}

.vcp-gallery-modal-footer {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 24px;
    padding: 24px 28px 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    background: linear-gradient(180deg, rgba(14, 17, 22, 0.98) 0%, rgba(10, 13, 18, 0.98) 100%);
}

.vcp-gallery-modal-footer h3 {
    margin: 10px 0 0;
    color: #f6f6f6;
    font-size: clamp(26px, 3vw, 34px);
    line-height: 1.04;
    letter-spacing: -0.04em;
}

.vcp-gallery-modal-meta {
    margin: 8px 0 0;
    color: var(--vcp-ink-soft);
}

.vcp-gallery-modal-actions {
    display: grid;
    justify-items: end;
    gap: 12px;
}

.vcp-gallery-modal-count {
    color: var(--vcp-ink-soft);
    font-size: 14px;
    font-weight: 700;
}

.vcp-gallery-modal .vcp-modal-close {
    top: 18px !important;
    right: 18px !important;
    width: 46px;
    height: 46px;
    appearance: none;
    -webkit-appearance: none;
    background: rgba(12, 15, 21, 0.9);
    background-color: rgba(12, 15, 21, 0.9) !important;
    background-image: none !important;
    border: 1px solid rgba(246, 246, 246, 0.12);
    color: #f6f6f6 !important;
    font-size: 24px;
    font-weight: 600;
    line-height: 1;
    box-shadow: 0 12px 26px rgba(0, 0, 0, 0.18);
    text-shadow: 0 0 12px rgba(246, 246, 246, 0.12);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

.vcp-gallery-modal .vcp-modal-close:hover,
.vcp-gallery-modal .vcp-modal-close:focus-visible {
    background: rgba(18, 22, 30, 0.96);
    border-color: rgba(246, 246, 246, 0.18);
    color: #ffffff;
}

.vcp-project-detail-note-form {
    margin-top: 22px;
    padding: 20px 0 0;
    border-top: 1px solid var(--vcp-line);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.vcp-project-detail-note-form label {
    display: inline-flex;
    align-items: center;
    margin-bottom: 10px;
    color: rgba(246, 246, 246, 0.68);
    font-size: 11px;
    font-weight: 750;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

.vcp-project-detail-note-form textarea {
    --wd-form-brd-radius: 10px;
    min-height: 104px;
    padding: 16px 18px;
    border: 1px solid rgba(166, 176, 232, 0.12);
    border-radius: 16px !important;
    background: rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.025);
}

.vcp-project-detail-note-form textarea:focus {
    border-color: var(--vcp-brand);
    background: rgba(255, 255, 255, 0.045);
    box-shadow: 0 0 0 1px rgba(124, 92, 255, 0.18);
}

.vcp-project-detail-note-form textarea::placeholder,
.vcp-request-intake input::placeholder,
.vcp-request-intake textarea::placeholder {
    color: rgba(246, 246, 246, 0.42);
}

.vcp-project-detail-note-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(255, 255, 255, 0.05);
}

.vcp-project-detail-note-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    flex: 1 1 auto;
}

.vcp-project-detail-note-upload-title {
    flex: 0 0 auto;
    margin: 0;
    color: rgba(246, 246, 246, 0.54);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.12em;
    text-transform: uppercase;
}

.vcp-project-detail-note-upload {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 34px;
    padding: 0 13px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: transparent;
    color: rgba(246, 246, 246, 0.92);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.01em;
    cursor: pointer;
    transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
}

.vcp-project-detail-note-upload:hover,
.vcp-project-detail-note-upload:focus-visible {
    border-color: rgba(189, 198, 255, 0.16);
    background: rgba(255, 255, 255, 0.045);
    color: #f3f5f7;
}

.vcp-project-detail-note-form input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    clip-path: inset(50%);
    border: 0;
}

.vcp-project-detail-note-upload-help {
    display: block;
    margin: 0;
    color: rgba(246, 246, 246, 0.42);
    font-size: 12px;
    line-height: 1.5;
}

.vcp-project-detail-note-upload-list {
    flex: 0 0 100%;
    margin-top: 8px;
}

.vcp-project-detail-note-form .vcp-form-actions {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.vcp-project-detail-note-form .vcp-form-actions .vcp-button.is-secondary {
    min-height: 34px;
    padding: 0 15px;
    color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6;
    font-size: 12px;
    letter-spacing: 0.02em;
    background: rgba(92, 103, 142, 0.2);
    border-color: rgba(205, 214, 255, 0.14);
    box-shadow: none;
}

.vcp-project-detail-note-form .vcp-form-actions .vcp-button.is-secondary:hover,
.vcp-project-detail-note-form .vcp-form-actions .vcp-button.is-secondary:focus-visible {
    color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6;
    background: rgba(104, 115, 158, 0.28);
    border-color: rgba(214, 221, 255, 0.18);
    box-shadow: none;
}

.vcp-project-detail-comment-attachments {
    display: grid;
    gap: 0;
    margin-top: 18px;
    border-top: 1px solid var(--vcp-line);
}

.vcp-project-detail-comment-attachments.is-images {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    border-top: 0;
}

.vcp-project-detail-comment-image {
    all: unset;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: none !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
    color: inherit !important;
    --btn-bgcolor: transparent;
    cursor: pointer;
    text-align: left;
}

.vcp-project-detail-comment-image:hover,
.vcp-project-detail-comment-image:focus-visible {
    background: none !important;
    background-color: transparent !important;
    box-shadow: none !important;
    outline: none;
}

.vcp-project-detail-comment-image-thumb {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
    border-radius: 16px;
    border: 0;
    background: transparent;
    box-shadow: none;
    transition: transform 0.18s ease, opacity 0.18s ease;
}

.vcp-project-detail-comment-image-thumb img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.vcp-project-detail-comment-image:hover .vcp-project-detail-comment-image-thumb,
.vcp-project-detail-comment-image:focus-visible .vcp-project-detail-comment-image-thumb {
    transform: translateY(-1px);
    opacity: 0.96;
}

@media (max-width: 900px) {
    .vcp-project-detail-comment-attachments.is-images {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vcp-project-detail-file-gallery,
    .vcp-project-detail-feedback-gallery {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.vcp-project-detail-comments {
    margin-top: 4px;
}

.vcp-project-detail-comment {
    padding-top: 18px;
    padding-bottom: 18px;
}

.vcp-project-detail-comment-head strong {
    font-size: 16px;
    line-height: 1.3;
    letter-spacing: -0.01em;
}

.vcp-project-detail-comment-attachment {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    color: inherit;
    text-decoration: none;
    background: transparent;
    cursor: pointer;
    text-align: left;
    font: inherit;
}

.vcp-project-detail-comment-attachment:hover,
.vcp-project-detail-comment-attachment:focus-visible {
    color: inherit;
    text-decoration: none;
    outline: none;
}

.vcp-project-detail-comment-attachment-action {
    color: inherit;
}

.vcp-project-detail-page .vcp-staff-timer-panel {
    margin-top: 0;
    padding: 30px 32px;
    border: 1px solid var(--vcp-line);
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-panel {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(28, 34, 48, 0.08);
    box-shadow: 0 16px 38px rgba(24, 29, 38, 0.05);
}

html[data-vcp-theme="light"] .vcp-project-detail-hero {
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.035), transparent 34%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.03), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(252, 251, 253, 0.96) 100%);
    border-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-project-detail-separator {
    color: rgba(18, 18, 18, 0.22);
}

html[data-vcp-theme="light"] .vcp-project-detail-back-link {
    color: #1b2230;
    border-color: rgba(28, 34, 48, 0.1);
    background: rgba(255, 255, 255, 0.94);
    box-shadow: 0 10px 22px rgba(24, 29, 38, 0.05), inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

html[data-vcp-theme="light"] .vcp-project-detail-back-link:hover,
html[data-vcp-theme="light"] .vcp-project-detail-back-link:focus-visible {
    color: #4b2c92;
    transform: translateY(-1px);
    border-color: rgba(122, 56, 255, 0.18);
    background: rgba(247, 243, 253, 0.98);
    box-shadow: 0 12px 24px rgba(66, 41, 122, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.98);
}

html[data-vcp-theme="light"] .vcp-project-detail-comment-image:hover .vcp-project-detail-comment-image-thumb,
html[data-vcp-theme="light"] .vcp-project-detail-comment-image:focus-visible .vcp-project-detail-comment-image-thumb {
    opacity: 0.94;
}

html[data-vcp-theme="light"] .vcp-project-detail-back-link .vcp-back-link-icon {
    background: var(--vcp-galaxy-deep);
    border-color: rgba(44, 15, 102, 0.22);
    color: #f6f6f6;
    box-shadow: 0 8px 20px rgba(25, 18, 28, 0.1);
}

html[data-vcp-theme="light"] .vcp-project-detail-status-divider {
    color: rgba(18, 18, 18, 0.18);
}

html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-under-review,
html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-pending,
html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-queued {
    color: #2b3240;
}

html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-estimate-ready,
html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-awaiting-deposit {
    color: #a06b25;
}

html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-payment-required,
html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-payment-overdue {
    color: #f7b35e;
}

html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-in-progress {
    color: #67983e;
}

html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-in-progress::before {
    background: #7ab24d;
    box-shadow: 0 0 0 0 rgba(122, 178, 77, 0.24);
}

html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-waiting-approval {
    color: var(--vcp-brand);
}

html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-completed,
html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-approved {
    color: #1d8a59;
}

html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-declined,
html[data-vcp-theme="light"] .vcp-project-detail-status-text.is-canceled {
    color: #b24b67;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-delivery {
    border-color: rgba(28, 34, 48, 0.08);
    background:
        linear-gradient(135deg, rgba(91, 108, 255, 0.08), rgba(217, 76, 255, 0.03) 54%, rgba(255, 255, 255, 0.98) 100%),
        #ffffff;
    box-shadow: 0 12px 28px rgba(24, 29, 38, 0.04);
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-delivery .vcp-project-detail-file-action {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-thumb {
    border-color: rgba(28, 34, 48, 0.08);
    background:
        linear-gradient(135deg, rgba(91, 108, 255, 0.06), rgba(217, 76, 255, 0.03) 58%, rgba(255, 255, 255, 0.98) 100%),
        #ffffff;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-gallery-thumb,
html[data-vcp-theme="light"] .vcp-project-detail-feedback-thumb {
    border-color: rgba(28, 34, 48, 0.08);
    background:
        linear-gradient(135deg, rgba(91, 108, 255, 0.06), rgba(217, 76, 255, 0.03) 58%, rgba(255, 255, 255, 0.98) 100%),
        #ffffff;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-gallery-item:hover .vcp-project-detail-file-gallery-thumb,
html[data-vcp-theme="light"] .vcp-project-detail-file-gallery-item:focus-visible .vcp-project-detail-file-gallery-thumb,
html[data-vcp-theme="light"] .vcp-project-detail-feedback-thumb:hover,
html[data-vcp-theme="light"] .vcp-project-detail-feedback-thumb:focus-visible {
    border-color: rgba(91, 108, 255, 0.2);
    box-shadow: 0 14px 28px rgba(24, 29, 38, 0.08);
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-image {
    border-color: transparent;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-image .vcp-project-detail-file-action {
    color: #5d6676;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-image:hover,
html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-image:focus-visible {
    background: transparent !important;
    background-color: transparent !important;
    color: #1b2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-image:hover .vcp-project-detail-file-action,
html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-image:focus-visible .vcp-project-detail-file-action {
    color: #2f3da5;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-image:hover .vcp-project-detail-file-thumb,
html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-image:focus-visible .vcp-project-detail-file-thumb {
    border-color: rgba(91, 108, 255, 0.2);
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link .vcp-project-detail-file-action {
    color: #5d6676;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link:hover,
html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link:focus-visible {
    color: #1b2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link:hover strong,
html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link:focus-visible strong,
html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link:hover > div span,
html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link:focus-visible > div span {
    color: inherit;
}

html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link:hover .vcp-project-detail-file-action,
html[data-vcp-theme="light"] .vcp-project-detail-file-row.is-link:focus-visible .vcp-project-detail-file-action {
    color: #2f3da5;
    transform: translateX(2px);
}

html[data-vcp-theme="light"] .vcp-project-detail-note-upload {
    border-color: rgba(28, 34, 48, 0.1);
    background: rgba(18, 22, 30, 0.03);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-feedback-files-intro {
    color: #667184;
}

html[data-vcp-theme="light"] .vcp-project-detail-section-intro {
    color: #667184;
}

html[data-vcp-theme="light"] .vcp-project-detail-note-form label {
    color: rgba(28, 34, 48, 0.72);
}

html[data-vcp-theme="light"] .vcp-project-detail-note-upload:hover,
html[data-vcp-theme="light"] .vcp-project-detail-note-upload:focus-visible {
    border-color: rgba(88, 93, 122, 0.16);
    background: rgba(18, 22, 30, 0.05);
    color: #11161f;
}

html[data-vcp-theme="light"] .vcp-gallery-modal .vcp-modal-backdrop {
    background: rgba(17, 22, 31, 0.34);
}

html[data-vcp-theme="light"] .vcp-gallery-modal-dialog {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(249, 247, 251, 0.98) 100%);
    border-color: rgba(28, 34, 48, 0.08);
    box-shadow: 0 36px 78px rgba(20, 24, 32, 0.18);
}

html[data-vcp-theme="light"] .vcp-gallery-modal-stage {
    background:
        radial-gradient(circle at top left, rgba(91, 108, 255, 0.06), transparent 28%),
        radial-gradient(circle at 100% 0%, rgba(217, 76, 255, 0.05), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99) 0%, rgba(248, 247, 250, 0.98) 100%);
}

html[data-vcp-theme="light"] .vcp-gallery-modal-nav-group {
    border-color: rgba(28, 34, 48, 0.08);
    background: rgba(255, 255, 255, 0.92);
    box-shadow: 0 10px 22px rgba(24, 29, 38, 0.08);
}

html[data-vcp-theme="light"] .vcp-gallery-modal-nav {
    color: rgba(28, 34, 48, 0.72) !important;
}

html[data-vcp-theme="light"] .vcp-gallery-modal-nav:hover,
html[data-vcp-theme="light"] .vcp-gallery-modal-nav:focus-visible {
    color: #0f1622;
}

html[data-vcp-theme="light"] .vcp-gallery-modal .vcp-modal-close {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(28, 34, 48, 0.08);
    color: rgba(28, 34, 48, 0.74);
    box-shadow: 0 10px 22px rgba(24, 29, 38, 0.08);
    text-shadow: none;
}

html[data-vcp-theme="light"] .vcp-gallery-modal .vcp-modal-close:hover,
html[data-vcp-theme="light"] .vcp-gallery-modal .vcp-modal-close:focus-visible {
    background: #ffffff;
    color: #0f1622;
}

html[data-vcp-theme="light"] .vcp-gallery-modal-footer {
    border-top-color: rgba(28, 34, 48, 0.08);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 247, 250, 0.98) 100%);
}

html[data-vcp-theme="light"] .vcp-gallery-modal-footer h3 {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-gallery-modal-meta,
html[data-vcp-theme="light"] .vcp-gallery-modal-count {
    color: rgba(27, 34, 48, 0.62);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-task-item + .vcp-project-task-item {
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-progress-track span,
html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-progress-track.is-project-tasks span,
html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-progress-track.is-overrun span {
    background: linear-gradient(90deg, #3ecf8e, #2fb877, #249563);
}

html[data-vcp-theme="light"] .vcp-project-detail-stage.is-complete .vcp-project-detail-stage-dot {
    background: #8aa86f;
}

html[data-vcp-theme="light"] .vcp-project-detail-stage.is-complete .vcp-project-detail-stage-head span {
    color: #617b4a;
}

html[data-vcp-theme="light"] .vcp-project-detail-stage.is-active .vcp-project-detail-stage-head span {
    color: #9a4a7c;
}

html[data-vcp-theme="light"] .vcp-project-detail-stage.is-active[data-stage-key="closed"] .vcp-project-detail-stage-dot {
    background: #8aa86f;
}

html[data-vcp-theme="light"] .vcp-project-detail-stage.is-active[data-stage-key="closed"] .vcp-project-detail-stage-head strong {
    color: #1b2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-stage.is-active[data-stage-key="closed"] .vcp-project-detail-stage-head span {
    color: #617b4a;
}

html[data-vcp-theme="light"] .vcp-project-detail-stage.is-upcoming .vcp-project-detail-stage-head span {
    color: rgba(27, 34, 48, 0.44);
}

html[data-vcp-theme="light"] .vcp-project-detail-page h1,
html[data-vcp-theme="light"] .vcp-project-detail-service,
html[data-vcp-theme="light"] .vcp-project-detail-stat strong,
html[data-vcp-theme="light"] .vcp-project-detail-progress-head strong,
html[data-vcp-theme="light"] .vcp-project-detail-progress-value,
html[data-vcp-theme="light"] .vcp-project-detail-action-panel strong,
html[data-vcp-theme="light"] .vcp-project-detail-section-head h3,
html[data-vcp-theme="light"] .vcp-project-detail-stage-head strong,
html[data-vcp-theme="light"] .vcp-project-detail-update strong,
html[data-vcp-theme="light"] .vcp-project-detail-comment strong,
html[data-vcp-theme="light"] .vcp-project-detail-overview-meta strong,
html[data-vcp-theme="light"] .vcp-project-detail-team-member strong,
html[data-vcp-theme="light"] .vcp-project-detail-billing-copy strong,
html[data-vcp-theme="light"] .vcp-project-detail-billing-meta strong,
html[data-vcp-theme="light"] .vcp-project-detail-file-row strong,
html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-progress-meter-head strong,
html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-task-title {
    color: #1b2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-milestone-preview {
    background: transparent;
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-milestone-preview.is-complete {
    background: transparent;
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-milestone-meta {
    color: rgba(45, 55, 72, 0.62);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-milestone-meta-summary {
    color: rgba(45, 55, 72, 0.62);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-milestone-meta-separator {
    color: rgba(45, 55, 72, 0.28);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-milestone-meta-date {
    color: #1b2230;
    font-weight: 600;
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-task-item,
html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-task-item.is-complete {
    background: transparent;
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-task-check {
    border-color: rgba(18, 18, 18, 0.12);
    background: rgba(255, 255, 255, 0.9);
    color: rgba(18, 18, 18, 0.18);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-milestone-preview.is-complete .vcp-project-task-check,
html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-task-item.is-complete .vcp-project-task-check {
    border-color: rgba(29, 151, 100, 0.28);
    background: rgba(47, 166, 106, 0.12);
    color: #14724a;
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-task-item.is-complete .vcp-project-task-title {
    color: #1b2230;
}

html[data-vcp-theme="light"] .vcp-detail-page.vcp-project-detail-page .vcp-project-task-panel,
html[data-vcp-theme="light"] .vcp-detail-page.vcp-project-detail-page .vcp-project-milestone-preview-list,
html[data-vcp-theme="light"] .vcp-detail-page.vcp-project-detail-page .vcp-project-task-list,
html[data-vcp-theme="light"] .vcp-detail-page.vcp-project-detail-page .vcp-project-milestone-preview,
html[data-vcp-theme="light"] .vcp-detail-page.vcp-project-detail-page .vcp-project-milestone-preview.is-complete,
html[data-vcp-theme="light"] .vcp-detail-page.vcp-project-detail-page .vcp-project-task-item,
html[data-vcp-theme="light"] .vcp-detail-page.vcp-project-detail-page .vcp-project-task-item.is-complete {
    background: transparent;
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-project-detail-billing-actions .vcp-button {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(18, 18, 18, 0.1);
    color: #1b2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-billing-actions .vcp-button:hover {
    background: rgba(255, 255, 255, 1);
    border-color: rgba(18, 18, 18, 0.16);
}

html[data-vcp-theme="light"] .vcp-project-detail-section-link:hover,
html[data-vcp-theme="light"] .vcp-project-detail-section-link:focus-visible {
    color: #1c2230 !important;
    -webkit-text-fill-color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-overview-copy.is-collapsible.has-overflow .vcp-project-detail-richtext::after {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.92) 68%, rgba(255, 255, 255, 1));
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-detail-overview-toggle {
    color: rgba(35, 43, 60, 0.72) !important;
    -webkit-text-fill-color: rgba(35, 43, 60, 0.72);
}

html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-detail-overview-toggle:hover,
html[data-vcp-theme="light"] .vcp-project-detail-page .vcp-project-detail-overview-toggle:focus-visible {
    color: #4b2ab9 !important;
    -webkit-text-fill-color: #4b2ab9;
}

html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(31, 38, 54, 0.1);
    color: #1b2230 !important;
    -webkit-text-fill-color: #1b2230;
    box-shadow: 0 10px 22px rgba(25, 18, 28, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-secondary:focus-visible {
    background: linear-gradient(180deg, rgba(104, 115, 158, 0.96), rgba(76, 86, 120, 0.96));
    border-color: rgba(76, 86, 120, 0.22);
    color: #f6f6f6 !important;
    -webkit-text-fill-color: #f6f6f6;
    box-shadow: 0 14px 30px rgba(25, 18, 28, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-approve-action,
html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-billing-action {
    background: var(--vcp-brand);
    border-color: var(--vcp-brand);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-approve-action:hover,
html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-approve-action:focus-visible,
html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-billing-action:hover,
html[data-vcp-theme="light"] .vcp-project-detail-action-actions .vcp-button.is-billing-action:focus-visible {
    background: #ff1f6c;
    border-color: #ff1f6c;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    box-shadow: 0 18px 34px rgba(242, 0, 85, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24);
}

@media (max-width: 1180px) {
    .vcp-project-detail-hero-grid,
    .vcp-project-detail-layout {
        grid-template-columns: 1fr;
    }

    .vcp-project-detail-action-card {
        padding-left: 0;
        border-left: 0;
        padding-top: 24px;
        border-top: 1px solid var(--vcp-line);
    }

    .vcp-project-detail-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 780px) {
    .vcp-project-detail-page .vcp-panel {
        padding: 24px 22px;
        border-radius: 10px;
    }

    .vcp-project-detail-page h1 {
        font-size: clamp(34px, 12vw, 48px);
    }

    .vcp-project-detail-summary {
        font-size: 17px;
    }

    .vcp-project-detail-stat-grid,
    .vcp-project-detail-overview-meta {
        grid-template-columns: 1fr;
    }

    .vcp-project-detail-stage {
        grid-template-columns: 1fr;
    }

    .vcp-project-detail-billing-item,
    .vcp-project-detail-billing-row,
    .vcp-project-detail-action-actions {
        grid-template-columns: 1fr;
    }

    .vcp-project-detail-action-actions .vcp-project-detail-action-button,
    .vcp-project-detail-action-actions .vcp-action-slot .vcp-button {
        width: 100%;
    }

    .vcp-project-detail-stage-marker {
        display: none;
    }

    .vcp-project-detail-stage {
        padding-left: 0;
    }

    .vcp-project-detail-billing-amount,
    .vcp-project-detail-billing-due,
    .vcp-project-detail-billing-actions {
        justify-self: start;
        justify-content: flex-start;
        text-align: left;
    }

    .vcp-project-detail-billing-topline {
        justify-content: flex-start;
    }

    .vcp-project-detail-billing-reference span:first-child::after {
        display: none;
    }

    .vcp-project-detail-file-row,
    .vcp-project-detail-update-head,
    .vcp-project-detail-comment-head,
    .vcp-project-detail-section-head,
    .vcp-project-detail-stage-head,
    .vcp-project-detail-progress-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-project-detail-kicker-row {
        align-items: flex-start;
    }

    .vcp-project-detail-status-group {
        width: 100%;
        justify-content: flex-start;
        margin-left: 0;
    }

    .vcp-project-detail-file-media {
        width: 100%;
    }

    .vcp-project-detail-file-thumb {
        width: 80px;
        min-width: 80px;
    }

    .vcp-project-detail-note-actions {
        align-items: flex-start;
    }

    .vcp-project-detail-comment-attachments.is-images {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vcp-project-detail-comment-attachment-action {
        justify-self: start;
    }

    .vcp-gallery-modal {
        padding: 18px;
    }

    .vcp-gallery-modal-stage {
        min-height: 52vh;
        padding: 28px 22px 24px;
    }

    .vcp-gallery-modal-nav {
        width: 38px;
        height: 38px;
    }

    .vcp-gallery-modal-nav span {
        font-size: 28px;
    }

    .vcp-gallery-modal-footer {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-gallery-modal-actions {
        width: 100%;
        justify-items: flex-start;
    }
}

.vcp-estimate-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 14px;
}

.vcp-estimate-grid div {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.05);
}

.vcp-estimate-grid span {
    display: block;
    color: var(--vcp-ink-muted);
    font-size: 12px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 800;
}

.vcp-estimate-grid strong {
    display: block;
    margin-top: 8px;
    font-size: 20px;
    line-height: 1.2;
}

.vcp-assignee-section {
    margin-bottom: 22px;
}

.vcp-assignee-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    margin-top: 12px;
}

.vcp-assignee-card {
    padding: 16px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.04);
}

.vcp-assignee-card strong,
.vcp-assignee-card span,
.vcp-assignee-card small {
    display: block;
}

.vcp-assignee-card span,
.vcp-assignee-card small {
    margin-top: 6px;
    color: var(--vcp-ink-soft);
}

.vcp-staff-timer-panel {
    margin-top: 20px;
    padding: 20px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
    border: 1px solid transparent;
}

.vcp-staff-timer-panel.is-overrun {
    border-color: rgba(163, 60, 60, 0.18);
    background: rgba(163, 60, 60, 0.06);
}

.vcp-timer-stat-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin: 16px 0;
}

.vcp-timer-stat {
    padding: 14px;
    border-radius: 18px;
    background: rgba(255, 255, 255, 0.05);
}

.vcp-timer-stat span {
    display: block;
    color: var(--vcp-ink-muted);
    font-size: 11px;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    font-weight: 800;
}

.vcp-timer-stat strong {
    display: block;
    margin-top: 8px;
    font-size: 20px;
    letter-spacing: -0.03em;
}

.vcp-file-grid {
    display: grid;
    gap: 14px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.vcp-file-card {
    text-decoration: none;
    color: inherit;
}

.vcp-file-card strong,
.vcp-comment-meta strong {
    display: block;
}

.vcp-comment-list {
    flex-direction: column;
}

.vcp-comment-card {
    display: flex;
    justify-content: space-between;
    gap: 20px;
}

.vcp-comment-card {
    flex-direction: column;
}

.vcp-inline-form {
    margin-top: 18px;
    padding: 18px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.04);
}

.vcp-inline-form.is-accent {
    background: rgba(255, 91, 181, 0.08);
}

.vcp-panel.is-dark {
    background:
        radial-gradient(circle at top right, rgb(255 19 149 / 15%), #00000026 26%), 
        linear-gradient(160deg, rgb(185 8 67 / 18%), rgb(0 3 80 / 47%));
    color: #fff;
}

.vcp-panel.is-dark p,
.vcp-panel.is-dark .vcp-card-label {
    color: rgba(255, 255, 255, 0.68);
}

html[data-vcp-theme="light"] .vcp-public-copy,
html[data-vcp-theme="light"] .vcp-dashboard-welcome,
html[data-vcp-theme="light"] .vcp-hero-copy {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 28%),
        radial-gradient(circle at top left, rgba(79, 95, 255, 0.06), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(122, 56, 255, 0.05), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 242, 250, 0.94) 100%);
}

html[data-vcp-theme="light"] .vcp-public-toolbar-link {
    background: rgba(18, 18, 18, 0.04);
    color: #121212;
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-public-toolbar-link:hover,
html[data-vcp-theme="light"] .vcp-public-toolbar-link:focus-visible {
    background: rgba(18, 18, 18, 0.08);
    border-color: rgba(18, 18, 18, 0.12);
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-public-copy .vcp-button:not(.is-secondary) {
    background: #121212;
    color: #ffffff;
    border-color: rgba(18, 18, 18, 0.12);
}

html[data-vcp-theme="light"] .vcp-public-copy .vcp-button:not(.is-secondary):hover {
    background: #1d1d24;
}

html[data-vcp-theme="light"] .vcp-public-copy .vcp-button.is-secondary {
    background: rgba(18, 18, 18, 0.04);
    color: #121212;
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-public-highlight-row {
    color: rgba(18, 18, 18, 0.72);
}

html[data-vcp-theme="light"] .vcp-public-highlight-row span + span::before {
    color: rgba(18, 18, 18, 0.2);
}

html[data-vcp-theme="light"] .vcp-public-copy p {
    color: rgba(31, 36, 45, 0.68);
}

html[data-vcp-theme="light"] .vcp-public-copy h1,
html[data-vcp-theme="light"] .vcp-dashboard-welcome h3,
html[data-vcp-theme="light"] .vcp-hero h3,
html[data-vcp-theme="light"] .vcp-topbar h2 {
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-dashboard-feature-card,
html[data-vcp-theme="light"] .vcp-dashboard-feature-card.is-action {
    background: rgba(255, 255, 255, 0.9);
}

html[data-vcp-theme="light"] .vcp-dashboard-finance-panel,
html[data-vcp-theme="light"] .vcp-dashboard-focus-card,
html[data-vcp-theme="light"] .vcp-hero-card,
html[data-vcp-theme="light"] .vcp-panel.is-dark,
html[data-vcp-theme="light"] .vcp-public-spotlight,
html[data-vcp-theme="light"] .vcp-modal-dialog,
html[data-vcp-theme="light"] .vcp-modal-auth,
html[data-vcp-theme="light"] .vcp-modal-spotlight {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.1), transparent 26%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.08), transparent 24%),
        radial-gradient(circle at 22% 0%, rgba(122, 56, 255, 0.07), transparent 24%),
        linear-gradient(180deg, rgba(28, 24, 40, 0.96) 0%, rgba(20, 20, 30, 0.96) 100%);
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-pill,
html[data-vcp-theme="light"] .vcp-dashboard-task-tab,
html[data-vcp-theme="light"] .vcp-dashboard-task-row,
html[data-vcp-theme="light"] .vcp-subnav,
html[data-vcp-theme="light"] .vcp-empty-state,
html[data-vcp-theme="light"] .vcp-chip,
html[data-vcp-theme="light"] .vcp-billing-choice,
html[data-vcp-theme="light"] .vcp-account-banner,
html[data-vcp-theme="light"] .vcp-progress-meter,
html[data-vcp-theme="light"] .vcp-card-progress,
html[data-vcp-theme="light"] .vcp-estimate-card,
html[data-vcp-theme="light"] .vcp-detail-metadata div,
html[data-vcp-theme="light"] .vcp-comment-card,
html[data-vcp-theme="light"] .vcp-file-card,
html[data-vcp-theme="light"] .vcp-estimate-grid div,
html[data-vcp-theme="light"] .vcp-assignee-card,
html[data-vcp-theme="light"] .vcp-staff-timer-panel,
html[data-vcp-theme="light"] .vcp-timer-stat,
html[data-vcp-theme="light"] .vcp-inline-form {
    background: rgba(18, 18, 18, 0.04);
}

html[data-vcp-theme="light"] .vcp-request-account-row {
    border-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-request-account-row strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-request-page-head p,
html[data-vcp-theme="light"] .vcp-request-account-row p,
html[data-vcp-theme="light"] .vcp-request-upload-inline-status {
    color: #697282;
}

html[data-vcp-theme="light"] .vcp-request-intake {
    border-color: rgba(28, 34, 48, 0.08);
    background:
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(250, 249, 251, 0.98));
    box-shadow: 0 18px 46px rgba(15, 23, 42, 0.05);
}

html[data-vcp-theme="light"] .vcp-public-request-main {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 32%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 244, 251, 0.96) 100%);
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-public-request-intro h1 {
    color: #141822;
}

html[data-vcp-theme="light"] .vcp-public-request-intro p {
    color: rgba(20, 24, 34, 0.62);
}

html[data-vcp-theme="light"] .vcp-public-request-main .vcp-request-intake {
    border: 0;
    background: transparent;
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-request-intake .vcp-form-field label,
html[data-vcp-theme="light"] .vcp-request-field-label {
    color: rgba(28, 34, 48, 0.66);
}

html[data-vcp-theme="light"] .vcp-request-intake .vcp-form-field input,
html[data-vcp-theme="light"] .vcp-request-intake .vcp-form-field select {
    border-bottom-color: rgba(28, 34, 48, 0.1) !important;
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-request-intake .vcp-form-field input[type="date"] {
    color-scheme: light;
}

html[data-vcp-theme="light"] .vcp-request-intake .vcp-form-field input::placeholder,
html[data-vcp-theme="light"] .vcp-request-brief-block textarea::placeholder {
    color: rgba(28, 34, 48, 0.28);
}

html[data-vcp-theme="light"] .vcp-request-intake .vcp-form-field input:focus,
html[data-vcp-theme="light"] .vcp-request-intake .vcp-form-field select:focus {
    border-color: rgba(28, 34, 48, 0.2) !important;
}

html[data-vcp-theme="light"] .vcp-request-select-icon {
    color: rgba(28, 34, 48, 0.34);
}

html[data-vcp-theme="light"] .vcp-request-priority-pill span {
    border-color: rgba(28, 34, 48, 0.1);
    color: rgba(28, 34, 48, 0.66);
}

html[data-vcp-theme="light"] .vcp-request-priority-pill:hover span,
html[data-vcp-theme="light"] .vcp-request-priority-pill input:focus-visible + span {
    border-color: rgba(28, 34, 48, 0.16);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-request-priority-pill input:checked + span {
    background: #1c2230;
    border-color: #1c2230;
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-request-brief-block,
html[data-vcp-theme="light"] .vcp-request-upload-inline,
html[data-vcp-theme="light"] .vcp-request-actions {
    border-top-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-request-brief-block textarea {
    border-color: rgba(28, 34, 48, 0.08) !important;
    background: rgba(255, 255, 255, 0.88) !important;
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-request-brief-block textarea:focus {
    border-color: rgba(28, 34, 48, 0.14) !important;
    background: #ffffff !important;
}

html[data-vcp-theme="light"] .vcp-request-upload-dropzone {
    border-color: rgba(28, 34, 48, 0.12);
}

html[data-vcp-theme="light"] .vcp-request-upload-dropzone strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-request-upload-dropzone span {
    color: #697282;
}

html[data-vcp-theme="light"] .vcp-request-upload-dropzone:hover,
html[data-vcp-theme="light"] .vcp-request-upload-dropzone:focus-visible {
    border-color: rgba(28, 34, 48, 0.18);
    background: rgba(28, 34, 48, 0.02);
}

html[data-vcp-theme="light"] .vcp-request-submit {
    border-color: #1c2230;
    background: #1c2230;
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-request-submit:hover,
html[data-vcp-theme="light"] .vcp-request-submit:focus-visible {
    border-color: #111621;
    background: #111621;
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-request-cancel {
    border-color: rgba(28, 34, 48, 0.12);
    color: rgba(28, 34, 48, 0.7);
}

html[data-vcp-theme="light"] .vcp-request-cancel:hover,
html[data-vcp-theme="light"] .vcp-request-cancel:focus-visible {
    border-color: rgba(28, 34, 48, 0.18);
    background: rgba(28, 34, 48, 0.03);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-button.is-secondary,
html[data-vcp-theme="light"] .vcp-settings-link,
html[data-vcp-theme="light"] .vcp-account-switcher select,
html[data-vcp-theme="light"] .vcp-form-field input,
html[data-vcp-theme="light"] .vcp-form-field select,
html[data-vcp-theme="light"] .vcp-form-field textarea,
html[data-vcp-theme="light"] .vcp-inline-form textarea {
    background: rgba(255, 255, 255, 0.9);
    color: #121212;
    border-color: rgba(18, 18, 18, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

html[data-vcp-theme="light"] .vcp-dashboard-focus-card,
html[data-vcp-theme="light"] .vcp-hero-card,
html[data-vcp-theme="light"] .vcp-panel.is-dark,
html[data-vcp-theme="light"] .vcp-public-spotlight,
html[data-vcp-theme="light"] .vcp-modal-dialog,
html[data-vcp-theme="light"] .vcp-modal-auth,
html[data-vcp-theme="light"] .vcp-modal-spotlight {
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-modal-dialog {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(247, 242, 250, 0.98) 100%);
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: 0 32px 70px rgba(25, 18, 28, 0.16);
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-auth {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.08), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(249, 245, 251, 0.98) 100%);
    border-right-color: rgba(18, 18, 18, 0.08);
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-auth.is-single {
    border-right: 0;
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-brand strong,
html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-copy h3,
html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-form .vcp-form-field label,
html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-checkbox span,
html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-support a {
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-modal[data-vcp-modal="login"] .vcp-text-link,
html[data-vcp-theme="light"] .vcp-modal[data-vcp-modal="login"] .vcp-text-link:visited {
    color: rgba(31, 36, 45, 0.5);
}

html[data-vcp-theme="light"] .vcp-modal[data-vcp-modal="login"] .vcp-text-link:hover,
html[data-vcp-theme="light"] .vcp-modal[data-vcp-modal="login"] .vcp-text-link:focus-visible {
    color: rgba(31, 36, 45, 0.72);
}

html[data-vcp-theme="light"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-support a,
html[data-vcp-theme="light"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-support a:hover,
html[data-vcp-theme="light"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-support a:focus-visible,
html[data-vcp-theme="light"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-support a:visited {
    color: #121212 !important;
    -webkit-text-fill-color: #121212;
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-copy p,
html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-checkbox,
html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-support {
    color: rgba(31, 36, 45, 0.68);
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-form {
    background: rgba(255, 255, 255, 0.72);
    border-color: rgba(18, 18, 18, 0.06);
    box-shadow: 0 14px 32px rgba(25, 18, 28, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-auth.is-single {
    background:
        radial-gradient(circle at top right, rgba(255, 91, 181, 0.05), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.04), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.97) 0%, rgba(249, 245, 251, 0.97) 100%);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-form {
    background: transparent;
    border: 0;
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-form .vcp-form-field input {
    background: rgba(255, 255, 255, 0.94);
    color: #121212;
    border-color: rgba(18, 18, 18, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-form .vcp-form-field textarea {
    background: rgba(255, 255, 255, 0.94);
    color: #121212;
    border-color: rgba(18, 18, 18, 0.1);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-form .vcp-form-field textarea {
    background: rgba(255, 255, 255, 0.92);
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96);
}

html[data-vcp-theme="light"] .vcp-signature-summary div {
    background: rgba(28, 34, 48, 0.035);
    border-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-signature-summary span {
    color: rgba(28, 34, 48, 0.52);
}

html[data-vcp-theme="light"] .vcp-signature-summary strong,
html[data-vcp-theme="light"] .vcp-signature-consent span {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-signature-pad {
    border-color: rgba(28, 34, 48, 0.12);
    box-shadow: inset 0 0 0 1px rgba(28, 34, 48, 0.04);
}

html[data-vcp-theme="light"] .vcp-signature-clear {
    background: rgba(28, 34, 48, 0.04);
    border-color: rgba(28, 34, 48, 0.1);
    color: rgba(28, 34, 48, 0.72);
}

html[data-vcp-theme="light"] .vcp-signature-clear:hover,
html[data-vcp-theme="light"] .vcp-signature-clear:focus-visible {
    background: rgba(28, 34, 48, 0.08);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-form-field-label {
    color: #1f242d;
}

html[data-vcp-theme="light"] .vcp-choice-pill span {
    background: rgba(29, 36, 45, 0.04);
    border-color: rgba(29, 36, 45, 0.08);
    color: rgba(31, 36, 45, 0.78);
}

html[data-vcp-theme="light"] .vcp-choice-pill:hover span {
    background: rgba(29, 36, 45, 0.07);
    border-color: rgba(29, 36, 45, 0.12);
    color: #1f242d;
}

html[data-vcp-theme="light"] .vcp-choice-pill input:checked + span {
    background: linear-gradient(180deg, rgba(109, 123, 183, 0.98), rgba(84, 98, 154, 0.98));
    border-color: rgba(119, 135, 203, 0.2);
    color: #ffffff;
    box-shadow: 0 12px 24px rgba(83, 98, 154, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-close {
    background: rgba(255, 255, 255, 0.94);
    border-color: rgba(24, 28, 38, 0.1);
    color: #2b3242;
    box-shadow: 0 12px 26px rgba(34, 22, 34, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.95);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-close:hover,
html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-close:focus-visible {
    background: #ffffff;
    border-color: rgba(24, 28, 38, 0.14);
    color: #171d29;
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-form .vcp-form-field textarea::placeholder {
    color: rgba(18, 18, 18, 0.34);
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-form .vcp-form-field input::placeholder {
    color: rgba(18, 18, 18, 0.34);
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-support {
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-close {
    background: rgba(255, 255, 255, 0.94);
    color: #121212;
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: 0 14px 28px rgba(25, 18, 28, 0.1);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-close {
    background: rgba(255, 255, 255, 0.84);
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: 0 10px 22px rgba(25, 18, 28, 0.08);
}

html[data-vcp-theme="light"] .vcp-modal-dialog .vcp-modal-spotlight {
    background:
        radial-gradient(circle at top left, rgba(255, 255, 255, 0.12), transparent 26%),
        radial-gradient(circle at 100% 0%, rgba(255, 91, 181, 0.12), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.1), transparent 26%),
        linear-gradient(180deg, rgba(35, 29, 49, 0.98) 0%, rgba(22, 21, 34, 0.98) 100%);
}

html[data-vcp-theme="light"] .vcp-panel.vcp-dashboard-task-hub {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.04), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.05), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 247, 252, 0.92) 100%);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-hub .vcp-dashboard-task-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-task-heading h4 {
    color: #14161d;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-hub .vcp-dashboard-task-head p {
    color: #626978;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tabs {
    background: rgba(18, 18, 18, 0.04);
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tab {
    color: #59606d;
    background: transparent;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tab:not(.is-active):not([aria-selected="true"]) span {
    color: #4d5563 !important;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tab strong {
    background: linear-gradient(180deg, rgba(233, 236, 241, 0.98), rgba(215, 220, 230, 0.96));
    color: #1b2130;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tab.is-active,
html[data-vcp-theme="light"] .vcp-dashboard-task-tab[aria-selected="true"] {
    color: #ffffff;
    background: linear-gradient(180deg, rgba(58, 66, 92, 0.96), rgba(43, 49, 69, 0.96));
    box-shadow: 0 12px 24px rgba(25, 18, 28, 0.12);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tab.is-active strong,
html[data-vcp-theme="light"] .vcp-dashboard-task-tab[aria-selected="true"] strong {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.16);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-row {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.88), rgba(250, 248, 252, 0.88));
    border-color: rgba(18, 18, 18, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 14px 30px rgba(25, 18, 28, 0.05);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-row:hover {
    border-color: rgba(18, 18, 18, 0.11);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 18px 34px rgba(25, 18, 28, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-support,
html[data-vcp-theme="light"] .vcp-dashboard-task-meta {
    color: #6b7280;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-progress-row strong {
    color: #2a3140;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-hub .vcp-empty-state.is-dashboard {
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.025), rgba(18, 18, 18, 0.035));
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-hub .vcp-empty-state.is-dashboard p {
    color: #626978;
}

html[data-vcp-theme="light"] .vcp-panel.vcp-dashboard-invoices-panel {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.04), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.05), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 247, 252, 0.92) 100%);
}

html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-panel-head h3 {
    color: #14161d;
}

html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-panel-head p {
    color: #626978;
}

html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-panel-head a {
    background: rgba(18, 18, 18, 0.035);
    border-color: rgba(18, 18, 18, 0.08);
    color: #273143;
}

html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-panel-head a:hover {
    background: rgba(18, 18, 18, 0.06);
    border-color: rgba(18, 18, 18, 0.12);
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-empty-state.is-dashboard {
    background: linear-gradient(180deg, rgba(18, 18, 18, 0.025), rgba(18, 18, 18, 0.035));
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.7);
}

html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-empty-state.is-dashboard p {
    color: #626978;
}

html[data-vcp-theme="light"] .vcp-subnav {
    background: rgba(18, 18, 18, 0.035);
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-subnav a {
    color: #6a7280;
}

html[data-vcp-theme="light"] .vcp-subnav a strong {
    background: rgba(223, 228, 237, 0.92);
    color: #31384a;
}

html[data-vcp-theme="light"] .vcp-subnav a:hover {
    color: #121212;
    background: rgba(18, 18, 18, 0.035);
}

html[data-vcp-theme="light"] .vcp-subnav a.is-active {
    background: linear-gradient(180deg, rgba(75, 83, 118, 0.98), rgba(88, 79, 111, 0.96));
    color: #ffffff;
    border-color: rgba(18, 18, 18, 0.04);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22);
}

html[data-vcp-theme="light"] .vcp-subnav a.is-active strong {
    background: rgba(255, 255, 255, 0.24);
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-request-list-head {
    color: rgba(31, 36, 45, 0.42);
}

html[data-vcp-theme="light"] .vcp-request-group-head {
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-request-group-head h2 {
    color: #161a22;
}

html[data-vcp-theme="light"] .vcp-request-group-head span {
    background: rgba(18, 18, 18, 0.055);
    color: #5f6775;
}

html[data-vcp-theme="light"] .vcp-request-group.is-attention .vcp-request-group-head {
    border-color: rgba(242, 0, 85, 0.2);
}

html[data-vcp-theme="light"] .vcp-request-group.is-attention .vcp-request-group-head h2 {
    color: #161a22;
}

html[data-vcp-theme="light"] .vcp-request-group.is-attention .vcp-request-group-head span {
    background: rgba(242, 0, 85, 0.1);
    color: #c90047;
}

html[data-vcp-theme="light"] .vcp-request-list-row {
    background:
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.025), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 247, 251, 0.94));
    border-color: rgba(18, 18, 18, 0.075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-vcp-theme="light"] .vcp-request-list-row:hover {
    border-color: rgba(18, 18, 18, 0.11);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-vcp-theme="light"] .vcp-request-list-kicker {
    color: #7a8391;
}

html[data-vcp-theme="light"] .vcp-request-list-col.is-main strong {
    color: #161a22;
}

html[data-vcp-theme="light"] .vcp-request-list-meta-line {
    color: #727b89;
}

html[data-vcp-theme="light"] .vcp-request-list-meta-line span + span::before {
    color: rgba(31, 36, 45, 0.18);
}

html[data-vcp-theme="light"] .vcp-request-list-progress-summary,
html[data-vcp-theme="light"] .vcp-request-list-progress-percent {
    color: #5f6775;
}

html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-success .vcp-request-list-progress-summary,
html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-success .vcp-request-list-progress-percent,
html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-neutral .vcp-request-list-progress-summary,
html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-neutral .vcp-request-list-progress-percent {
    color: #5f6775;
}

html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-warning .vcp-request-list-progress-summary,
html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-warning .vcp-request-list-progress-percent {
    color: #b56c1f;
}

html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-danger .vcp-request-list-progress-summary,
html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-danger .vcp-request-list-progress-percent {
    color: #c34f4f;
}

html[data-vcp-theme="light"] .vcp-request-list-progress-meta small {
    color: #6c7482;
}

html[data-vcp-theme="light"] .vcp-progress-track {
    background: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-request-list-actions .vcp-button {
    background: rgba(255, 255, 255, 0.82);
    color: #181c24;
    border-color: rgba(18, 18, 18, 0.09);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92);
}

html[data-vcp-theme="light"] .vcp-request-list-actions .vcp-button:hover {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(18, 18, 18, 0.12);
}

html[data-vcp-theme="light"] .vcp-progress-track.is-timeline-neutral span {
    background: linear-gradient(90deg, rgba(24, 28, 35, 0.9), rgba(85, 95, 112, 0.72));
}

html[data-vcp-theme="light"] .vcp-progress-track.is-timeline-success span {
    background: linear-gradient(90deg, rgba(24, 28, 35, 0.9), rgba(85, 95, 112, 0.72));
}

html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-success strong {
    color: #208b56;
}

html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-warning strong {
    color: #c56f16;
}

html[data-vcp-theme="light"] .vcp-request-list-progress.is-timeline-danger strong {
    color: #c84848;
}

html[data-vcp-theme="light"] .vcp-request-list-col.is-deadline strong {
    color: #171c24;
}

html[data-vcp-theme="light"] .vcp-billing-summary-card {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0.97), rgba(252, 251, 253, 0.97));
    border-color: rgba(28, 34, 48, 0.08);
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-billing-summary-card.is-primary {
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.02), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.02), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(252, 251, 253, 0.99));
}

html[data-vcp-theme="light"] .vcp-billing-summary-card .vcp-card-label {
    color: rgba(31, 36, 45, 0.42);
}

html[data-vcp-theme="light"] .vcp-billing-summary-card strong {
    color: #14161d;
}

html[data-vcp-theme="light"] .vcp-billing-summary-card p {
    color: #666f7d;
}

html[data-vcp-theme="light"] .vcp-deadline-note.is-muted {
    background: rgba(18, 18, 18, 0.05);
    color: #6a7280;
}

html[data-vcp-theme="light"] .vcp-deadline-note.is-warning {
    background: rgba(255, 176, 92, 0.16);
    color: #b86d16;
}

html[data-vcp-theme="light"] .vcp-deadline-note.is-danger {
    background: rgba(255, 127, 104, 0.16);
    color: #b94c29;
}

html[data-vcp-theme="light"] .vcp-deadline-note.is-overdue {
    background: #d84d58;
    color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-request-list-label {
    color: rgba(31, 36, 45, 0.42);
}

html[data-vcp-theme="light"] .vcp-invoice-list-head {
    color: rgba(31, 36, 45, 0.42);
}

html[data-vcp-theme="light"] .vcp-invoice-list-row {
    background:
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.02), transparent 30%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96), rgba(252, 251, 253, 0.96));
    border-color: rgba(28, 34, 48, 0.08);
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-invoice-list-row:hover {
    border-color: rgba(28, 34, 48, 0.1);
    background:
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.03), transparent 32%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 251, 253, 0.98));
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-invoice-list-topline > strong,
html[data-vcp-theme="light"] .vcp-invoice-list-stat strong,
html[data-vcp-theme="light"] .vcp-invoice-list-amount {
    color: #14161d;
}

html[data-vcp-theme="light"] .vcp-invoice-list-kicker,
html[data-vcp-theme="light"] .vcp-invoice-list-meta-line {
    color: #666f7d;
}

html[data-vcp-theme="light"] .vcp-invoice-list-meta-line span + span::before {
    color: rgba(31, 36, 45, 0.18);
}

html[data-vcp-theme="light"] .vcp-invoice-list-stat-label {
    color: rgba(31, 36, 45, 0.42);
}

html[data-vcp-theme="light"] .vcp-invoice-list-summary {
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-invoice-list-actions .vcp-muted {
    color: #6b7381;
}

html[data-vcp-theme="light"] .vcp-invoice-list-actions .vcp-button:not(.is-secondary) {
    background: rgba(255, 255, 255, 0.88);
    color: #121212;
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: 0 10px 22px rgba(25, 18, 28, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-vcp-theme="light"] .vcp-invoice-list-actions .vcp-button:not(.is-secondary):hover {
    background: rgba(255, 255, 255, 0.96);
    border-color: rgba(18, 18, 18, 0.1);
}

html[data-vcp-theme="light"] .vcp-approval-item {
    background:
        radial-gradient(circle at 100% 0%, rgba(242, 39, 150, 0.02), transparent 24%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.02), transparent 24%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(252, 251, 253, 0.98));
    border-color: rgba(28, 34, 48, 0.07);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.98), 0 10px 22px rgba(24, 29, 38, 0.03);
}

html[data-vcp-theme="light"] .vcp-status-pill {
    background: rgba(116, 96, 156, 0.08);
    border: 1px solid rgba(116, 96, 156, 0.14);
    color: #6f6287;
}

html[data-vcp-theme="light"] .vcp-status-pill.is-pending,
html[data-vcp-theme="light"] .vcp-status-pill.is-under-review,
html[data-vcp-theme="light"] .vcp-status-pill.is-estimate-ready,
html[data-vcp-theme="light"] .vcp-status-pill.is-pending_release {
    background: rgba(86, 97, 122, 0.08);
    border-color: rgba(86, 97, 122, 0.14);
    color: #5b677d;
}

html[data-vcp-theme="light"] .vcp-approval-summary h3,
html[data-vcp-theme="light"] .vcp-approval-fact strong,
html[data-vcp-theme="light"] .vcp-approval-note strong,
html[data-vcp-theme="light"] .vcp-approval-milestone strong {
    color: #14161d;
}

html[data-vcp-theme="light"] .vcp-approval-subtitle {
    color: #2e3643;
}

html[data-vcp-theme="light"] .vcp-approval-summary p,
html[data-vcp-theme="light"] .vcp-approval-meta-copy,
html[data-vcp-theme="light"] .vcp-approval-note p,
html[data-vcp-theme="light"] .vcp-approval-milestone small {
    color: #666f7d;
}

html[data-vcp-theme="light"] .vcp-approval-fact,
html[data-vcp-theme="light"] .vcp-approval-note,
html[data-vcp-theme="light"] .vcp-approval-milestone {
    background: transparent;
    border-color: rgba(18, 18, 18, 0.07);
}

html[data-vcp-theme="light"] .vcp-approval-revision-meter,
html[data-vcp-theme="light"] .vcp-approval-revision-meter.is-unlimited {
    background: rgba(18, 18, 18, 0.035);
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-approval-revision-meter span {
    color: rgba(28, 34, 48, 0.52);
}

html[data-vcp-theme="light"] .vcp-approval-revision-meter strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-approval-revision-meter small {
    color: rgba(28, 34, 48, 0.62);
}

html[data-vcp-theme="light"] .vcp-approval-note.is-approved {
    background: rgba(35, 154, 132, 0.06);
    border-color: rgba(35, 154, 132, 0.18);
}

html[data-vcp-theme="light"] .vcp-approval-fact span {
    color: #748093;
}

html[data-vcp-theme="light"] .vcp-approval-facts {
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-approval-aside {
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-approval-fact {
    border-left-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-approval-milestones-head {
    border-bottom-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-approval-milestones-head span {
    color: #8b94a3;
}

html[data-vcp-theme="light"] .vcp-approval-milestone::before {
    background: rgba(86, 97, 122, 0.34);
    box-shadow: 0 0 0 4px rgba(86, 97, 122, 0.08);
}

html[data-vcp-theme="light"] .vcp-approval-milestone.is-complete::before {
    background: #2fa66a;
    box-shadow: 0 0 0 4px rgba(47, 166, 106, 0.12);
}

html[data-vcp-theme="light"] .vcp-approval-deadline-text.is-muted {
    color: #14161d;
}

html[data-vcp-theme="light"] .vcp-approval-deadline-text.is-warning {
    color: #b86d16;
}

html[data-vcp-theme="light"] .vcp-approval-deadline-text.is-danger,
html[data-vcp-theme="light"] .vcp-approval-deadline-text.is-overdue {
    color: #c84848;
}

html[data-vcp-theme="light"] .vcp-approval-actions.is-following-milestones {
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-approval-aside-label,
html[data-vcp-theme="light"] .vcp-approval-milestones-head span {
    color: #8b94a3;
}

html[data-vcp-theme="light"] .vcp-approval-detail-link {
    color: #596272;
    border-bottom-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-approval-detail-link:hover {
    color: #1f2733;
    border-bottom-color: rgba(18, 18, 18, 0.14);
}

html[data-vcp-theme="light"] .vcp-status-pill.is-queued,
html[data-vcp-theme="light"] .vcp-status-pill.is-in-progress,
html[data-vcp-theme="light"] .vcp-status-pill.is-waiting-approval {
    background: rgba(122, 56, 255, 0.08);
    border-color: rgba(122, 56, 255, 0.14);
    color: #6d5098;
}

html[data-vcp-theme="light"] .vcp-status-pill.is-awaiting-deposit {
    background: rgba(239, 178, 101, 0.12);
    border-color: rgba(211, 146, 64, 0.16);
    color: #9f6a25;
}

html[data-vcp-theme="light"] .vcp-status-pill.is-not_paid,
html[data-vcp-theme="light"] .vcp-status-pill.is-payment-required {
    background: rgba(181, 92, 99, 0.09);
    border-color: rgba(181, 92, 99, 0.16);
    color: #96515a;
}

html[data-vcp-theme="light"] .vcp-status-pill.is-payment-overdue {
    background: rgba(181, 92, 99, 0.12);
    border-color: rgba(181, 92, 99, 0.2);
    color: #8a4850;
}

html[data-vcp-theme="light"] .vcp-status-pill.is-approved,
html[data-vcp-theme="light"] .vcp-status-pill.is-completed,
html[data-vcp-theme="light"] .vcp-status-pill.is-paid {
    background: rgba(138, 168, 111, 0.12);
    border-color: rgba(138, 168, 111, 0.2);
    color: #617b4a;
}

html[data-vcp-theme="light"] .vcp-status-pill.is-declined {
    background: rgba(201, 88, 98, 0.10);
    color: #a34d58;
    border-color: rgba(201, 88, 98, 0.18);
}

html[data-vcp-theme="light"] .vcp-panel-subtitle {
    color: #14161d;
}

html[data-vcp-theme="light"] .vcp-project-task-panel {
    background: rgba(18, 18, 18, 0.035);
    border-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-project-task-item {
    background: rgba(255, 255, 255, 0.7);
}

html[data-vcp-theme="light"] .vcp-project-task-item.is-complete {
    background: rgba(62, 207, 142, 0.12);
}

html[data-vcp-theme="light"] .vcp-project-task-check {
    border-color: rgba(18, 18, 18, 0.08);
    background: rgba(18, 18, 18, 0.045);
}

html[data-vcp-theme="light"] .vcp-project-task-item.is-complete .vcp-project-task-check {
    border-color: rgba(36, 149, 99, 0.3);
    background: rgba(62, 207, 142, 0.18);
    color: #0f7a4b;
}

html[data-vcp-theme="light"] .vcp-project-task-title {
    color: #2a3140;
}

html[data-vcp-theme="light"] .vcp-project-task-item.is-complete .vcp-project-task-title {
    color: #1c6b47;
}

html[data-vcp-theme="light"] .vcp-panel.vcp-dashboard-updates-panel {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.04), transparent 28%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.05), transparent 26%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.92) 0%, rgba(250, 247, 252, 0.92) 100%);
}

html[data-vcp-theme="light"] .vcp-panel.vcp-dashboard-team-panel {
    background:
        radial-gradient(circle at top right, rgba(242, 39, 150, 0.055), transparent 30%),
        radial-gradient(circle at 0% 100%, rgba(79, 95, 255, 0.06), transparent 28%),
        linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(248, 244, 251, 0.96) 100%);
    border-color: rgba(17, 24, 39, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-updates-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-team-head h3,
html[data-vcp-theme="light"] .vcp-dashboard-update-top h4 a,
html[data-vcp-theme="light"] .vcp-dashboard-team-card h4,
html[data-vcp-theme="light"] .vcp-dashboard-team-meta strong {
    color: #14161d;
}

html[data-vcp-theme="light"] .vcp-dashboard-updates-head p,
html[data-vcp-theme="light"] .vcp-dashboard-team-head p,
html[data-vcp-theme="light"] .vcp-dashboard-update-top p,
html[data-vcp-theme="light"] .vcp-dashboard-team-card a {
    color: #626978;
}

html[data-vcp-theme="light"] .vcp-dashboard-update-meta a:hover,
html[data-vcp-theme="light"] .vcp-dashboard-team-card a:hover {
    color: #121212;
}

html[data-vcp-theme="light"] .vcp-dashboard-team-card,
html[data-vcp-theme="light"] .vcp-dashboard-team-meta {
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-vcp-theme="light"] .vcp-dashboard-update-list {
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-update-item {
    border-top-color: rgba(18, 18, 18, 0.07);
}

html[data-vcp-theme="light"] .vcp-dashboard-update-item:hover {
    border-top-color: rgba(18, 18, 18, 0.11);
}

html[data-vcp-theme="light"] .vcp-dashboard-update-meta {
    color: #6b7280;
}

html[data-vcp-theme="light"] .vcp-dashboard-update-meta a {
    color: #273143;
}

html[data-vcp-theme="light"] .vcp-dashboard-finance-grid,
html[data-vcp-theme="light"] .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
    border-color: rgba(255, 255, 255, 0.12);
}

html[data-vcp-theme="light"] .vcp-button {
    background: linear-gradient(180deg, rgba(53, 60, 84, 0.96), rgba(39, 44, 63, 0.96));
    color: #ffffff;
    border-color: rgba(53, 60, 84, 0.18);
    box-shadow: 0 14px 28px rgba(25, 18, 28, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
}

html[data-vcp-theme="light"] .vcp-button:hover {
    background: linear-gradient(180deg, rgba(65, 73, 102, 0.98), rgba(47, 53, 75, 0.98));
    border-color: rgba(65, 73, 102, 0.22);
}

html[data-vcp-theme="light"] .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.88);
    color: #121212;
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: 0 10px 22px rgba(25, 18, 28, 0.06), inset 0 1px 0 rgba(255, 255, 255, 0.94);
}

html[data-vcp-theme="light"] .vcp-button.is-secondary:hover {
    background: rgba(255, 255, 255, 0.96);
}

html[data-vcp-theme="light"] .vcp-button.is-success {
    background: linear-gradient(180deg, rgba(60, 153, 108, 0.96), rgba(42, 120, 83, 0.96));
    color: #f8fffb;
    border-color: rgba(60, 153, 108, 0.2);
    box-shadow: 0 12px 24px rgba(27, 89, 58, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html[data-vcp-theme="light"] .vcp-button.is-success:hover {
    background: linear-gradient(180deg, rgba(67, 166, 117, 0.98), rgba(47, 129, 90, 0.98));
    border-color: rgba(67, 166, 117, 0.24);
}

html[data-vcp-theme="light"] .vcp-button.is-danger {
    background: linear-gradient(180deg, rgba(166, 66, 82, 0.96), rgba(132, 47, 61, 0.96));
    color: #fff8f8;
    border-color: rgba(166, 66, 82, 0.18);
    box-shadow: 0 12px 24px rgba(105, 34, 45, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html[data-vcp-theme="light"] .vcp-button.is-danger:hover {
    background: linear-gradient(180deg, rgba(178, 72, 89, 0.98), rgba(141, 51, 65, 0.98));
    border-color: rgba(178, 72, 89, 0.22);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button:hover {
    transform: none;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.65);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button:not(.is-secondary):not(.is-danger) {
    background: linear-gradient(180deg, rgba(109, 123, 183, 0.98), rgba(84, 98, 154, 0.98));
    border-color: rgba(119, 135, 203, 0.2);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    box-shadow: 0 14px 28px rgba(83, 98, 154, 0.18), inset 0 1px 0 rgba(255, 255, 255, 0.18);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button:not(.is-secondary):not(.is-danger):hover,
html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button:not(.is-secondary):not(.is-danger):focus-visible {
    background: linear-gradient(180deg, rgba(119, 133, 194, 1), rgba(92, 107, 166, 1));
    border-color: rgba(130, 145, 212, 0.24);
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-secondary:hover {
    background: rgba(29, 36, 45, 0.06);
    border-color: rgba(29, 36, 45, 0.1);
    color: #1f242d;
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-secondary {
    background: rgba(255, 255, 255, 0.9);
    border-color: rgba(29, 36, 45, 0.1);
    color: #1f242d !important;
    -webkit-text-fill-color: #1f242d;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.86);
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger:hover {
    background: rgba(173, 80, 96, 0.12);
    border-color: rgba(173, 80, 96, 0.16);
    color: #74333e;
}

html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger {
    background: linear-gradient(180deg, rgba(142, 63, 79, 0.96), rgba(116, 47, 61, 0.96));
    border-color: rgba(173, 80, 96, 0.18);
    color: #fff8f9 !important;
    -webkit-text-fill-color: #fff8f9;
    box-shadow: 0 12px 24px rgba(131, 63, 80, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.1);
}

html[data-vcp-theme="light"] .vcp-approval-actions .vcp-button.is-success {
    background: rgba(72, 158, 114, 0.08);
    color: #245f45;
    border-color: rgba(72, 158, 114, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

html[data-vcp-theme="light"] .vcp-approval-actions .vcp-button.is-success:hover {
    background: rgba(72, 158, 114, 0.13);
    color: #1d5039;
    border-color: rgba(72, 158, 114, 0.16);
}

html[data-vcp-theme="light"] .vcp-approval-actions .vcp-button.is-danger {
    background: rgba(173, 80, 96, 0.08);
    color: #8a3a47;
    border-color: rgba(173, 80, 96, 0.12);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55);
}

html[data-vcp-theme="light"] .vcp-approval-actions .vcp-button.is-danger:hover {
    background: rgba(173, 80, 96, 0.12);
    color: #73313c;
    border-color: rgba(173, 80, 96, 0.16);
}

html[data-vcp-theme="light"] .vcp-dashboard-client-meta {
    color: rgba(31, 36, 45, 0.62);
}

html[data-vcp-theme="light"] .vcp-project-milestone-preview {
    background: rgba(18, 18, 18, 0.035);
    border-color: rgba(18, 18, 18, 0.07);
}

html[data-vcp-theme="light"] .vcp-project-milestone-preview.is-complete {
    background: rgba(47, 166, 106, 0.08);
    border-color: rgba(47, 166, 106, 0.16);
}

html[data-vcp-theme="light"] .vcp-project-milestone-meta {
    color: #677181;
}

html[data-vcp-theme="light"] .vcp-project-detail-note-form textarea {
    background: #ffffff;
    border-color: rgba(18, 18, 18, 0.08);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82);
}

html[data-vcp-theme="light"] .vcp-project-detail-note-form textarea:focus {
    background: #ffffff;
    box-shadow: 0 0 0 1px rgba(92, 41, 153, 0.12);
}

html[data-vcp-theme="light"] .vcp-project-detail-note-upload-title {
    color: rgba(18, 18, 18, 0.5);
}

html[data-vcp-theme="light"] .vcp-project-detail-note-upload {
    background: transparent;
    border-color: rgba(18, 18, 18, 0.08);
    color: #1b2230;
}

html[data-vcp-theme="light"] .vcp-project-detail-note-upload:hover,
html[data-vcp-theme="light"] .vcp-project-detail-note-upload:focus-visible {
    background: rgba(18, 18, 18, 0.04);
    border-color: rgba(18, 18, 18, 0.12);
    color: #121820;
}

html[data-vcp-theme="light"] .vcp-project-detail-note-upload-help {
    color: rgba(18, 18, 18, 0.5);
}

html[data-vcp-theme="light"] .vcp-project-detail-note-form .vcp-form-actions .vcp-button.is-secondary {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    background: #2d3546;
    border-color: rgba(45, 53, 70, 0.14);
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-project-detail-note-form .vcp-form-actions .vcp-button.is-secondary:hover,
html[data-vcp-theme="light"] .vcp-project-detail-note-form .vcp-form-actions .vcp-button.is-secondary:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    background: #232a38;
    border-color: rgba(35, 42, 56, 0.2);
    box-shadow: none;
}

.vcp-sidebar-toggle {
    margin: 0;
    align-items: center;
    gap: 10px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.04);
    color: #ffffff;
    border-radius: 999px;
    padding: 10px 14px 10px 12px;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.02em;
    line-height: 1;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.vcp-sidebar-toggle:hover,
.vcp-sidebar-toggle:focus-visible {
    background: rgba(255, 255, 255, 0.08);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

html[data-vcp-theme="light"] .vcp-sidebar-toggle {
    border-color: rgba(28, 34, 48, 0.08);
    background: rgba(28, 34, 48, 0.04);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-sidebar-toggle:hover,
html[data-vcp-theme="light"] .vcp-sidebar-toggle:focus-visible {
    border-color: rgba(28, 34, 48, 0.12);
    background: rgba(28, 34, 48, 0.08);
    color: #1c2230;
}

@media (max-width: 980px) {
    .vcp-portal-shell,
    .vcp-dashboard-showcase,
    .vcp-hero,
    .vcp-two-column,
    .vcp-billing-hero,
    .vcp-detail-grid,
    .vcp-public-hero,
    .vcp-public-grid {
        grid-template-columns: 1fr;
    }

    .vcp-modal-layout {
        grid-template-columns: 1fr;
    }

    .vcp-modal-spotlight {
        min-height: 360px;
    }

    .vcp-metric-grid,
    .vcp-dashboard-feature-grid,
    .vcp-dashboard-finance-grid,
    .vcp-billing-summary-row,
    .vcp-card-grid,
    .vcp-invoice-grid,
    .vcp-form-grid,
    .vcp-file-grid,
    .vcp-detail-metadata,
    .vcp-estimate-grid,
    .vcp-assignee-grid,
    .vcp-timer-stat-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .vcp-signature-summary {
        grid-template-columns: 1fr;
    }

    .vcp-sidebar {
        position: static;
    }

    .vcp-form-field-span-2 {
        grid-column: span 2;
    }

    .vcp-dashboard-feature-card,
    .vcp-dashboard-feature-card.is-action {
        grid-column: span 1;
    }

    .vcp-dashboard-finance-panel {
        grid-template-rows: auto auto;
        min-height: 0;
    }

    .vcp-request-page-shell {
        gap: 20px;
    }

    .vcp-request-fields-grid {
        grid-template-columns: 1fr;
        gap: 24px;
    }

    .vcp-request-fields-grid .vcp-form-field-span-2 {
        grid-column: auto;
    }

    .vcp-request-page-head p,
    .vcp-request-account-row p {
        max-width: none;
    }

    .vcp-public-hero-onboarding {
        grid-template-columns: 1fr;
    }

    .vcp-public-request-experience {
        grid-template-columns: 1fr;
    }

    .vcp-public-request-context {
        order: -1;
    }

    .vcp-public-request-main {
        order: 2;
        padding: 34px 28px 30px;
    }

    .vcp-public-request-intro h1 {
        font-size: clamp(42px, 10vw, 62px);
    }

    .vcp-onboarding-copy {
        padding: 34px 28px 28px;
    }

    .vcp-login-copy {
        gap: 22px;
    }

    .vcp-onboarding-footer {
        max-width: none;
    }

    .vcp-onboarding-actions {
        width: 100%;
    }

    .vcp-onboarding-actions .vcp-button {
        width: 100%;
    }

    .vcp-login-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .vcp-login-actions .vcp-button,
    .vcp-login-forgot {
        width: 100%;
        text-align: center;
        justify-content: center;
    }
}

@media (max-width: 420px) {
.vcp-onboarding-checklist {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 820px) {
    .vcp-portal {
        padding: 16px;
    }

    .vcp-portal-shell {
        grid-template-columns: 1fr;
    }

    .vcp-sidebar {
        display: block;
    }

    .vcp-topbar {
        flex-direction: column;
    }

    .vcp-topbar-actions {
        width: 100%;
        justify-content: flex-start;
    }

    .vcp-modal {
        padding: 16px;
    }

    .vcp-modal-dialog {
        padding: 0;
    }

    .vcp-modal-actions {
        align-items: stretch;
    }

    .vcp-modal-actions .vcp-button,
    .vcp-text-link {
        width: 100%;
        justify-content: center;
    }

    .vcp-modal-auth,
    .vcp-modal-spotlight {
        padding: 26px 22px;
    }

    .vcp-modal[data-vcp-modal="login"] {
        padding: 14px;
        align-items: center;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-dialog {
        width: min(100%, 520px);
        max-height: calc(100dvh - 28px);
        border-radius: 28px;
        overflow: hidden;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-layout {
        grid-template-columns: 1fr;
        min-height: 0;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-auth {
        gap: 20px;
        padding: 24px 20px 20px;
        border-right: 0;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-brand {
        gap: 8px;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-brand strong {
        font-size: 15px;
        line-height: 1.15;
        letter-spacing: -0.02em;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-copy {
        max-width: none;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-copy h3 {
        margin-top: 10px;
        font-size: clamp(20px, 7vw, 32px);
        line-height: 1.04;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-copy p {
        margin-top: 10px;
        font-size: 15px;
        line-height: 1.6;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-form {
        gap: 14px;
        padding: 18px;
        border-radius: 22px;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-actions {
        gap: 10px;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-actions .vcp-button,
    .vcp-modal[data-vcp-modal="login"] .vcp-text-link {
        width: auto;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-support {
        margin-top: 2px;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-spotlight {
        display: none;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-close {
        top: 16px !important;
        right: 16px !important;
        width: 40px;
        height: 40px;
    }

    .vcp-account-menu,
    .vcp-account-trigger {
        width: 100%;
    }

    .vcp-notification-dropdown,
    .vcp-account-dropdown {
        left: 0;
        right: auto;
        width: min(92vw, 360px);
    }

    .vcp-metric-grid,
    .vcp-dashboard-feature-grid,
    .vcp-dashboard-finance-grid,
    .vcp-billing-summary-row,
    .vcp-card-grid,
    .vcp-invoice-grid,
    .vcp-form-grid,
    .vcp-file-grid,
    .vcp-detail-metadata,
    .vcp-estimate-grid,
    .vcp-assignee-grid,
    .vcp-timer-stat-grid {
        grid-template-columns: 1fr;
    }

    .vcp-subnav {
        border-radius: 24px;
    }

    .vcp-request-toolbar {
        flex-direction: column;
        align-items: stretch;
    }

    .vcp-subnav {
        width: 100%;
    }

    .vcp-request-list-head {
        display: none;
    }

    .vcp-invoice-list-head {
        display: none;
    }

    .vcp-request-list-row {
        grid-template-columns: 1fr;
        gap: 14px;
        padding: 24px 22px 22px;
    }

    .vcp-request-list-topline {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .vcp-request-list-actions {
        justify-content: flex-start;
        gap: 10px;
    }

    .vcp-request-list-meta-line {
        gap: 8px 0;
    }

    .vcp-request-list-meta-line span + span::before {
        margin: 0 12px;
    }

    .vcp-invoice-list-row {
        padding: 22px 22px 20px;
    }

    .vcp-invoice-list-topline {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .vcp-invoice-list-actions {
        justify-content: flex-start;
        gap: 10px;
    }

    .vcp-invoice-list-meta-line {
        gap: 8px 0;
    }

    .vcp-invoice-list-meta-line span + span::before {
        margin: 0 12px;
    }

    .vcp-request-list-label {
        display: block;
        margin-bottom: 7px;
        color: rgba(255, 255, 255, 0.44);
        font-size: 11px;
        font-weight: 800;
        letter-spacing: 0.12em;
        text-transform: uppercase;
    }

    .vcp-request-list-progress-meta {
        grid-template-columns: 1fr;
        display: grid;
        gap: 6px;
    }

    .vcp-request-list-progress-meta small {
        text-align: left;
    }

    .vcp-invoice-list-summary {
        grid-template-columns: 1fr;
        gap: 12px;
    }

    .vcp-invoice-list-stat.is-amount {
        text-align: left;
    }

    .vcp-comment-card,
    .vcp-card-bottom,
    .vcp-panel-head,
    .vcp-section-head,
    .vcp-detail-head,
    .vcp-card-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-form-field-span-2 {
        grid-column: span 1;
    }

    .vcp-status-stack,
    .vcp-request-list-statuses {
        align-items: flex-start;
        justify-content: flex-start;
    }

    .vcp-dashboard-welcome,
    .vcp-dashboard-focus-card,
    .vcp-dashboard-feature-card,
    .vcp-dashboard-finance-panel,
    .vcp-dashboard-task-hub,
    .vcp-dashboard-updates-panel,
    .vcp-dashboard-team-panel {
        padding: 22px;
    }

    .vcp-dashboard-finance-main,
    .vcp-dashboard-finance-mini {
        padding: 0;
    }

    .vcp-dashboard-welcome h3 {
        max-width: none;
    }

    .vcp-dashboard-task-tabs {
        width: 100%;
        overflow-x: auto;
        justify-content: flex-start;
    }

    .vcp-dashboard-task-hub .vcp-dashboard-task-head {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-dashboard-updates-head,
    .vcp-dashboard-team-head,
    .vcp-dashboard-update-top {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-request-intake {
        padding: 22px;
    }

    .vcp-request-fields-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }

    .vcp-request-page-head p {
        font-size: 16px;
    }

    .vcp-request-brief-block textarea {
        min-height: 220px;
    }

    .vcp-dashboard-task-tab {
        flex: 0 0 auto;
    }

    .vcp-approval-item {
        gap: 16px;
    }

    .vcp-approval-head,
    .vcp-approval-body {
        grid-template-columns: 1fr;
        align-items: flex-start;
    }

    .vcp-approval-body.has-aside {
        gap: 18px;
    }

    .vcp-approval-top {
        justify-content: flex-start;
    }

    .vcp-approval-title-row {
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .vcp-approval-title-status {
        justify-content: flex-start;
        padding-top: 0;
    }

    .vcp-approval-facts {
        grid-template-columns: 1fr;
        width: 100%;
        border-bottom: 0;
    }

    .vcp-approval-fact {
        padding: 12px 0;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .vcp-approval-fact:first-child {
        border-top: 0;
        padding-top: 0;
    }

    .vcp-approval-aside {
        width: 100%;
        padding-left: 0;
        padding-top: 16px;
        border-left: 0;
        border-top: 1px solid rgba(255, 255, 255, 0.06);
    }

    .vcp-approval-actions {
        width: 100%;
    }

    .vcp-approval-actions form,
    .vcp-approval-actions .vcp-button {
        width: 100%;
    }

    .vcp-approval-detail-link {
        width: 100%;
        margin-right: 0;
    }

    .vcp-approval-milestones-wrap {
        width: 100%;
    }

    .vcp-dashboard-finance-mini,
    .vcp-dashboard-finance-mini + .vcp-dashboard-finance-mini {
        padding: 0;
        border-left: 0;
    }

    .vcp-dashboard-task-row,
    .vcp-dashboard-task-heading {
        flex-direction: column;
        align-items: flex-start;
    }

    .vcp-dashboard-task-open {
        width: 100%;
    }

    .vcp-dashboard-priority-row {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-team-grid {
        grid-template-columns: 1fr;
    }

    .vcp-public-feature-list li,
    .vcp-modal-stat-grid div {
        grid-template-columns: 1fr;
    }

    .vcp-modal-spotlight {
        min-height: 280px;
    }

    .vcp-modal-spotlight h4 {
        max-width: none;
    }
}

/* Dashboard column flow: keep the hero as-is, then let the lower cards stack naturally */
.vcp-dashboard-columns {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}

.vcp-dashboard-column {
    display: grid;
    gap: 28px;
    align-content: start;
    min-width: 0;
}

.vcp-dashboard-lower-grid,
.vcp-dashboard-support-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
    align-content: start;
    min-width: 0;
}

.vcp-dashboard-lower-grid > .vcp-panel,
.vcp-dashboard-support-grid > .vcp-panel {
    min-height: 0;
    height: auto;
}

@media (max-width: 1200px) {
    .vcp-dashboard-columns {
        grid-template-columns: 1fr;
    }
}

/* Dashboard priority actions: cleaner stacked invoice + approval sections */
.vcp-dashboard-showcase .vcp-dashboard-finance-panel {
    display: block;
    height: auto;
}

.vcp-dashboard-priority-stack {
    display: grid;
    gap: 24px;
}

.vcp-dashboard-priority-card {
    display: grid;
    gap: 14px;
    min-width: 0;
}

.vcp-dashboard-priority-card.is-approval {
    gap: 0;
}

.vcp-dashboard-priority-card.is-approval .vcp-dashboard-priority-body {
    margin-top: 18px;
    align-items: start;
}

.vcp-dashboard-priority-card.is-approval .vcp-dashboard-priority-actions {
    margin-top: -10px;
}

.vcp-dashboard-priority-card.is-approval .vcp-dashboard-priority-ghost-count {
    align-self: start;
    transform: translateY(-8px);
}

.vcp-dashboard-priority-card + .vcp-dashboard-priority-card {
    padding-top: 24px;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
}

.vcp-dashboard-priority-card-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.vcp-dashboard-priority-card-head.is-approval {
    justify-content: flex-start;
}

.vcp-dashboard-priority-card .vcp-card-label {
    margin: 0;
}

.vcp-dashboard-priority-card .vcp-dashboard-balance {
    margin-top: 0;
}

.vcp-dashboard-priority-card .vcp-dashboard-summary {
    margin: 0;
    max-width: 34ch;
}

.vcp-dashboard-priority-body {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 18px;
    align-items: end;
}

.vcp-dashboard-priority-copy {
    position: relative;
    z-index: 1;
}

.vcp-dashboard-priority-kicker {
    display: block;
    margin: 0;
    font-family: var(--vcp-font-display);
    font-size: clamp(22px, 2.4vw, 34px);
    line-height: 0.98;
    letter-spacing: -0.03em;
    color: #f7f9fd;
}

.vcp-dashboard-priority-copy .vcp-dashboard-summary {
    margin-top: 10px;
    max-width: 22ch;
}

.vcp-dashboard-priority-ghost-count {
    display: block;
    align-self: stretch;
    justify-self: end;
    font-family: var(--vcp-font-display);
    font-size: clamp(96px, 9vw, 140px);
    line-height: 0.82;
    letter-spacing: -0.09em;
    color: transparent;
    background: linear-gradient(180deg, rgba(182, 120, 255, 0.28) 0%, rgba(114, 70, 255, 0.12) 100%);
    -webkit-background-clip: text;
    background-clip: text;
    opacity: 0.9;
    transform: translateY(6px);
    user-select: none;
}

.vcp-dashboard-priority-count {
    display: block;
    font-family: var(--vcp-font-display);
    font-size: clamp(42px, 4vw, 58px);
    line-height: 0.95;
    letter-spacing: -0.04em;
    color: #f7f9fd;
}

.vcp-dashboard-priority-actions {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
}

.vcp-dashboard-priority-actions .vcp-button {
    min-width: 0;
}

.vcp-dashboard-priority-link {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    color: rgba(243, 235, 255, 0.74);
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.01em;
    text-decoration: none;
    transition: color 160ms ease, transform 160ms ease;
}

.vcp-dashboard-priority-link:hover,
.vcp-dashboard-priority-link:focus-visible {
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-dashboard-priority-card.is-billing .vcp-dashboard-mini-pill {
    min-height: 32px;
    padding: 0 11px;
    font-size: 12px;
    background: rgba(255, 255, 255, 0.05);
}

.vcp-dashboard-priority-card.is-approval .vcp-dashboard-summary {
    max-width: 37ch;
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-card + .vcp-dashboard-priority-card {
    border-top-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-count {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-kicker {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-ghost-count {
    background: linear-gradient(180deg, rgba(111, 88, 228, 0.2) 0%, rgba(111, 88, 228, 0.06) 100%);
    -webkit-background-clip: text;
    background-clip: text;
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-link {
    color: rgba(67, 76, 94, 0.8);
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-link:hover,
html[data-vcp-theme="light"] .vcp-dashboard-priority-link:focus-visible {
    color: #4f5fff;
}

html[data-vcp-theme="light"] .vcp-dashboard-priority-card.is-billing .vcp-dashboard-mini-pill {
    background: rgba(79, 95, 255, 0.08);
    color: rgba(28, 34, 48, 0.8);
}

@media (max-width: 782px) {
    .vcp-dashboard-priority-card-head {
        align-items: flex-start;
    }

    .vcp-dashboard-priority-body {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-priority-ghost-count {
        justify-self: end;
        font-size: 162px;
        margin: -125px 0 20px 0;
        transform: none;
        opacity: 0.65;
    }

    .vcp-dashboard-priority-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .vcp-dashboard-priority-link {
        min-height: 0;
    }
}

/* Dashboard latest invoices: flatter Project Detail billing rhythm */
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-stack {
    gap: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card.is-dashboard-row {
    padding: 18px 0 20px;
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.075);
    border-radius: 0;
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card.is-dashboard-row:first-child {
    padding-top: 0;
    border-top: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card.is-dashboard-row:hover {
    transform: none;
    border-color: rgba(255, 255, 255, 0.1);
    background: transparent;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-invoice-top,
.vcp-dashboard-showcase .vcp-dashboard-invoice-main,
.vcp-dashboard-showcase .vcp-dashboard-invoice-meta {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 14px;
    align-items: center;
}

.vcp-dashboard-showcase .vcp-dashboard-invoice-top {
    margin-bottom: 10px;
}

.vcp-dashboard-showcase .vcp-dashboard-invoice-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    align-items: center;
    gap: 8px;
}

.vcp-dashboard-showcase .vcp-dashboard-invoice-actions .vcp-button {
    min-height: 34px;
    padding: 0 14px;
    border-radius: 999px;
    font-size: 13px;
    box-shadow: none;
}

.vcp-dashboard-showcase .vcp-dashboard-invoice-main h4 {
    margin: 0;
    font-size: 19px;
    line-height: 1.08;
    letter-spacing: -0.02em;
    color: #f6f7f8;
}

.vcp-dashboard-showcase .vcp-dashboard-invoice-main strong {
    font-family: var(--vcp-font-display);
    font-size: 18px;
    line-height: 1;
    letter-spacing: -0.02em;
    color: #f6f7f8;
}

.vcp-dashboard-showcase .vcp-dashboard-invoice-meta {
    margin-top: 8px;
    color: rgba(244, 247, 252, 0.58);
    font-size: 14px;
    line-height: 1.45;
}

.vcp-dashboard-showcase .vcp-dashboard-invoice-meta span:last-child {
    text-align: right;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card.is-dashboard-row .vcp-card-label {
    margin: 0;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card.is-dashboard-row {
    border-top-color: rgba(28, 34, 48, 0.08);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-invoice-card.is-dashboard-row:hover {
    border-top-color: rgba(28, 34, 48, 0.11);
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoice-main h4,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoice-main strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-dashboard-invoice-meta {
    color: #6a7280;
}

@media (max-width: 820px) {
    .vcp-dashboard-showcase .vcp-dashboard-invoice-top,
    .vcp-dashboard-showcase .vcp-dashboard-invoice-main,
    .vcp-dashboard-showcase .vcp-dashboard-invoice-meta {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-invoice-actions {
        justify-content: flex-start;
    }

    .vcp-dashboard-showcase .vcp-dashboard-invoice-meta span:last-child {
        text-align: left;
    }
}

/* Dashboard latest invoices: exact Project Detail billing structure */
.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-section-head {
    margin-bottom: 0;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-section-head h3 {
    font-size: clamp(26px, 2vw, 34px);
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-dashboard-billing-list {
    border-top: 1px solid var(--vcp-line);
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-dashboard-billing-item {
    padding: 18px 0 20px;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-dashboard-billing-item:first-child {
    padding-top: 18px;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-billing-title {
    font-size: 18px;
}

.vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-billing-amount {
    font-size: 18px;
}

@media (max-width: 820px) {
    .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-dashboard-billing-item,
    .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-billing-row {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-billing-amount,
    .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-billing-due,
    .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-billing-actions {
        justify-self: start;
        text-align: left;
    }

    .vcp-dashboard-showcase .vcp-dashboard-invoices-panel .vcp-project-detail-billing-topline {
        justify-content: flex-start;
    }
}

/* Dashboard project activity: lighter invoice-style list */
.vcp-dashboard-task-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    flex-wrap: wrap;
}

.vcp-dashboard-task-toolbar .vcp-dashboard-task-tabs {
    flex: 0 1 auto;
    min-height: 42px;
    width: auto;
    max-width: 100%;
}

.vcp-dashboard-task-tabs {
    display: inline-flex;
    flex: 0 0 auto;
    gap: 6px;
    padding: 4px;
    background: rgba(255, 255, 255, 0.018);
}

.vcp-dashboard-task-tab {
    min-height: 28px!important;
    padding: 0 12px;
    gap: 8px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.04em;
}

.vcp-dashboard-task-tab strong {
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    font-size: 10px;
    font-weight: 700;
}

.vcp-dashboard-task-completed-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    box-sizing: border-box;
    min-height: 40px;
    padding: 4px 14px;
    border-radius: 999px;
    border: 1px solid rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.018);
    color: rgba(244, 247, 252, 0.72);
    text-decoration: none;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    white-space: nowrap;
    transition: background 160ms ease, border-color 160ms ease, color 160ms ease, transform 160ms ease;
}

.vcp-dashboard-task-completed-link strong {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    height: 24px;
    padding: 0 7px;
    border-radius: 999px;
    background: rgba(255, 255, 255, 0.08);
    color: #f6f7f8;
    font-size: 11px;
    font-weight:7900;
    line-height: 1;
}

.vcp-dashboard-task-completed-link:hover {
    background: rgba(255, 255, 255, 0.045);
    border-color: rgba(255, 255, 255, 0.12);
    color: #ffffff;
    transform: translateY(-1px);
}

.vcp-dashboard-task-list {
    border-top: 1px solid var(--vcp-line);
    display: block;
}

.vcp-dashboard-task-row {
    display: block;
    padding: 18px 0 20px;
    border: 0;
    border-top: 1px solid var(--vcp-line);
    border-radius: 0;
    background: none;
    box-shadow: none;
}

.vcp-dashboard-task-row:first-child {
    border-top: 0;
}

.vcp-dashboard-task-row:hover {
    transform: none;
    border: 0;
    border-top: 1px solid var(--vcp-line);
    background: none;
    box-shadow: none;
}

.vcp-dashboard-task-row:first-child:hover {
    border-top: 0;
}

.vcp-dashboard-task-content {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.vcp-dashboard-task-heading {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: start;
    gap: 16px;
}

.vcp-dashboard-task-heading h4 {
    font-size: 17px;
    letter-spacing: -0.03em;
    line-height: 1.15;
}

.vcp-dashboard-task-actions {
    display: inline-flex;
    align-items: center;
}

.vcp-dashboard-task-statuses {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
    margin-bottom: 2px;
}

.vcp-dashboard-task-statuses .vcp-status-stack {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: 6px;
    min-width: 0;
}

.vcp-dashboard-task-statuses .vcp-status-pill {
    min-height: 28px;
    padding: 0px 14px;
    border-radius: 999px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 0.07em;
}

.vcp-dashboard-task-summary {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px 16px;
    font-size: 14px;
    line-height: 1.45;
    color: rgba(194, 201, 214, 0.78);
}

.vcp-dashboard-task-summary-text {
    color: #f6f7f8;
}

.vcp-dashboard-task-summary .vcp-meta-note {
    margin: 0;
}

.vcp-dashboard-task-progress-row {
    margin-top: 2px;
    gap: 12px;
}

.vcp-dashboard-task-row .vcp-progress-track span,
.vcp-dashboard-task-row .vcp-progress-track.is-project-tasks span,
.vcp-dashboard-task-row .vcp-progress-track.is-overrun span {
    background: linear-gradient(90deg, rgba(246, 247, 248, 0.96), #ffffff);
}

.vcp-dashboard-task-progress-row strong {
    font-family: var(--vcp-font-display);
    font-size: 15px;
    letter-spacing: -0.02em;
    text-transform: none;
    color: #f6f7f8;
}

.vcp-dashboard-task-open-link {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #f2f5fb !important;
    -webkit-text-fill-color: #f2f5fb;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.04em;
    line-height: 1;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap;
    transition: color 160ms ease, transform 160ms ease;
}

.vcp-dashboard-task-actions .vcp-dashboard-task-open-link:link,
.vcp-dashboard-task-actions .vcp-dashboard-task-open-link:visited {
    color: #f2f5fb !important;
    -webkit-text-fill-color: #f2f5fb;
}

.vcp-dashboard-task-open-link::after {
    content: "›";
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    transform: translateY(-1px);
    transition: transform 160ms ease;
}

.vcp-dashboard-task-open-link:hover,
.vcp-dashboard-task-open-link:focus-visible {
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff;
    transform: translateX(2px);
}

.vcp-dashboard-task-open-link:hover::after,
.vcp-dashboard-task-open-link:focus-visible::after {
    transform: translate(2px, -1px);
}

.vcp-dashboard-task-hub .vcp-empty-state.is-dashboard {
    min-height: auto;
    padding: 20px 0 4px;
    border: 0;
    border-top: 1px solid var(--vcp-line);
    border-radius: 0;
    background: none;
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-completed-link {
    border-color: rgba(28, 34, 48, 0.08);
    background: rgba(28, 34, 48, 0.03);
    color: #5f6775;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-completed-link strong {
    background: rgba(28, 34, 48, 0.08);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-completed-link:hover {
    background: rgba(28, 34, 48, 0.055);
    border-color: rgba(28, 34, 48, 0.12);
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-row,
html[data-vcp-theme="light"] .vcp-dashboard-task-row:hover {
    border-top-color: rgba(28, 34, 48, 0.08);
    background: none;
    box-shadow: none;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-row:first-child,
html[data-vcp-theme="light"] .vcp-dashboard-task-row:first-child:hover {
    border-top: 0;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-progress-row strong {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-tabs {
    background: rgba(28, 34, 48, 0.03);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-open-link {
    color: #4e5664;
    -webkit-text-fill-color: #4e5664;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-actions .vcp-dashboard-task-open-link:link,
html[data-vcp-theme="light"] .vcp-dashboard-task-actions .vcp-dashboard-task-open-link:visited {
    color: #4e5664 !important;
    -webkit-text-fill-color: #4e5664;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-open-link:hover,
html[data-vcp-theme="light"] .vcp-dashboard-task-open-link:focus-visible {
    color: #1c2230 !important;
    -webkit-text-fill-color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-row .vcp-progress-track span,
html[data-vcp-theme="light"] .vcp-dashboard-task-row .vcp-progress-track.is-project-tasks span,
html[data-vcp-theme="light"] .vcp-dashboard-task-row .vcp-progress-track.is-overrun span {
    background: linear-gradient(90deg, #1c2230, #2c3445);
}

html[data-vcp-theme="light"] .vcp-dashboard-task-summary {
    color: #6a7280;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-summary-text {
    color: #1c2230;
}

html[data-vcp-theme="light"] .vcp-dashboard-task-hub .vcp-empty-state.is-dashboard {
    border-top-color: rgba(28, 34, 48, 0.08);
    background: none;
    box-shadow: none;
}

.vcp-panel.vcp-dashboard-team-panel .vcp-dashboard-team-card {
    padding: 20px 0 18px !important;
    border-top: 1px solid rgba(255, 255, 255, 0.05) !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    border-left: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.vcp-panel.vcp-dashboard-team-panel .vcp-dashboard-team-grid {
    gap: 0 18px;
    margin-top: 0;
    padding-top: 16px;
    border-top: 1px solid rgba(255, 255, 255, 0.045);
}

.vcp-panel.vcp-dashboard-team-panel .vcp-dashboard-team-meta {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.vcp-panel.vcp-dashboard-team-panel .vcp-dashboard-team-card:hover,
.vcp-panel.vcp-dashboard-team-panel .vcp-dashboard-team-meta:hover {
    background: transparent !important;
    transform: none;
}

html[data-vcp-theme="light"] .vcp-panel.vcp-dashboard-team-panel .vcp-dashboard-team-card {
    border-top-color: rgba(18, 18, 18, 0.07) !important;
    background: transparent !important;
}

html[data-vcp-theme="light"] .vcp-panel.vcp-dashboard-team-panel .vcp-dashboard-team-grid {
    border-top-color: rgba(18, 18, 18, 0.08);
}

html[data-vcp-theme="light"] .vcp-panel.vcp-dashboard-team-panel .vcp-dashboard-team-meta {
    background: transparent !important;
}

@media (max-width: 820px) {
    .vcp-dashboard-task-toolbar {
        align-items: stretch;
    }

    .vcp-dashboard-task-completed-link {
        justify-content: center;
        width: 100%;
    }

    .vcp-dashboard-task-heading {
        grid-template-columns: 1fr;
    }

    .vcp-dashboard-task-actions {
        align-items: flex-start;
    }

    .vcp-dashboard-task-statuses {
        align-items: flex-start;
    }

    .vcp-dashboard-task-open-link {
        align-self: flex-start;
    }
}

@media (max-width: 820px) {
    .vcp-modal[data-vcp-modal="login"] {
        padding: 14px !important;
        align-items: center !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-dialog {
        width: min(100%, 520px) !important;
        height: auto !important;
        max-height: calc(100dvh - 28px) !important;
        overflow: hidden !important;
        border-radius: 28px !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-layout {
        display: block !important;
        min-height: 0 !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-auth {
        gap: 20px !important;
        padding: 24px 20px 20px !important;
        border-right: 0 !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-copy {
        max-width: none !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-copy h3 {
        max-width: none !important;
        margin-top: 10px !important;
        font-size: clamp(20px, 7vw, 32px) !important;
        line-height: 1.04 !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-copy p {
        margin-top: 10px !important;
        font-size: 15px !important;
        line-height: 1.6 !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-form {
        gap: 14px !important;
        padding: 18px !important;
        border-radius: 22px !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-support {
        margin-top: 2px !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-spotlight {
        display: none !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-close {
        top: 16px !important;
        right: 16px !important;
        width: 40px !important;
        height: 40px !important;
    }
}

@media (max-width: 640px) {
    .vcp-modal[data-vcp-modal="login"] {
        padding: 12px !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-dialog {
        max-height: calc(100dvh - 24px) !important;
        border-radius: 24px !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-auth {
        padding: 22px 18px 18px !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-form {
        padding: 16px !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-actions {
        grid-template-columns: 1fr !important;
        align-items: stretch !important;
    }

    .vcp-modal[data-vcp-modal="login"] .vcp-modal-actions .vcp-button,
    .vcp-modal[data-vcp-modal="login"] .vcp-text-link {
        width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }
}

html:not([data-vcp-theme="light"]) .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input,
html[data-vcp-theme="dark"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input,
.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input[type="text"],
.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input[type="email"],
.vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input[type="password"] {
    color: #f7f9ff !important;
    -webkit-text-fill-color: #f7f9ff !important;
    caret-color: #ffffff !important;
}

html:not([data-vcp-theme="light"]) .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input::placeholder,
html[data-vcp-theme="dark"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input::placeholder {
    color: rgba(247, 249, 255, 0.42) !important;
    -webkit-text-fill-color: rgba(247, 249, 255, 0.42) !important;
}

html:not([data-vcp-theme="light"]) .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill,
html:not([data-vcp-theme="light"]) .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:hover,
html:not([data-vcp-theme="light"]) .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:focus,
html:not([data-vcp-theme="light"]) .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:active,
html[data-vcp-theme="dark"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill,
html[data-vcp-theme="dark"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:hover,
html[data-vcp-theme="dark"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:focus,
html[data-vcp-theme="dark"] .vcp-modal[data-vcp-modal="login"] .vcp-modal-form .vcp-form-field input:-webkit-autofill:active {
    -webkit-text-fill-color: #f7f9ff !important;
    caret-color: #ffffff !important;
    box-shadow: inset 0 0 0 1000px rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    transition: background-color 9999s ease-out 0s;
}

.vcp-signature-form .vcp-signature-clear,
html[data-vcp-theme="light"] .vcp-signature-form .vcp-signature-clear {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: max-content !important;
    height: 28px !important;
    min-height: 28px !important;
    padding: 0 12px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.16) !important;
    background: rgba(255, 255, 255, 0.08) !important;
    color: rgba(247, 249, 255, 0.82) !important;
    -webkit-text-fill-color: rgba(247, 249, 255, 0.82) !important;
    box-shadow: none !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    transform: none !important;
}

.vcp-signature-form .vcp-signature-clear:hover,
.vcp-signature-form .vcp-signature-clear:focus-visible {
    background: rgba(255, 255, 255, 0.14) !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
}

html[data-vcp-theme="light"] .vcp-signature-form .vcp-signature-clear {
    border-color: rgba(28, 34, 48, 0.12) !important;
    background: rgba(28, 34, 48, 0.05) !important;
    color: rgba(28, 34, 48, 0.72) !important;
    -webkit-text-fill-color: rgba(28, 34, 48, 0.72) !important;
}

html[data-vcp-theme="light"] .vcp-signature-form .vcp-signature-clear:hover,
html[data-vcp-theme="light"] .vcp-signature-form .vcp-signature-clear:focus-visible {
    background: rgba(28, 34, 48, 0.1) !important;
    color: #1c2230 !important;
    -webkit-text-fill-color: #1c2230 !important;
}

.vcp-signature-form .vcp-modal-actions .vcp-button.is-success,
html[data-vcp-theme="light"] .vcp-signature-form .vcp-modal-actions .vcp-button.is-success,
.vcp-modal-dialog.is-compact .vcp-signature-form .vcp-modal-actions .vcp-button.is-success,
html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-signature-form .vcp-modal-actions .vcp-button.is-success {
    background: #f20055 !important;
    border-color: #f20055 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.vcp-signature-form .vcp-modal-actions .vcp-button.is-success:hover,
.vcp-signature-form .vcp-modal-actions .vcp-button.is-success:focus-visible,
html[data-vcp-theme="light"] .vcp-signature-form .vcp-modal-actions .vcp-button.is-success:hover,
html[data-vcp-theme="light"] .vcp-signature-form .vcp-modal-actions .vcp-button.is-success:focus-visible {
    background: #ff1f6c !important;
    border-color: #ff1f6c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 18px 36px rgba(242, 0, 85, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.vcp-dashboard-showcase .vcp-button.is-dashboard-pink-action,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-dashboard-pink-action,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-dashboard-pink-action {
    background: #f20055 !important;
    border-color: #f20055 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.vcp-dashboard-showcase .vcp-button.is-dashboard-pink-action:hover,
.vcp-dashboard-showcase .vcp-button.is-dashboard-pink-action:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-dashboard-pink-action:hover,
html[data-vcp-theme="light"] .vcp-dashboard-showcase .vcp-button.is-dashboard-pink-action:focus-visible {
    background: #ff1f6c !important;
    border-color: #ff1f6c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 18px 34px rgba(242, 0, 85, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.vcp-dashboard-finance-panel .vcp-button.is-dashboard-invoice-action,
.vcp-dashboard-support-grid .vcp-button.is-dashboard-invoice-action,
.vcp-dashboard-invoices-panel .vcp-project-detail-billing-actions .vcp-button.is-dashboard-invoice-action,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel .vcp-button.is-dashboard-invoice-action,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button.is-dashboard-invoice-action,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-project-detail-billing-actions .vcp-button.is-dashboard-invoice-action {
    background: rgba(255, 255, 255, 0.04) !important;
    border-color: rgba(255, 255, 255, 0.14) !important;
    color: #f7f8fb !important;
    -webkit-text-fill-color: #f7f8fb !important;
    box-shadow: none !important;
}

.vcp-dashboard-finance-panel .vcp-button.is-dashboard-invoice-action,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel .vcp-button.is-dashboard-invoice-action {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    box-shadow: 0 14px 30px rgba(8, 12, 20, 0.12) !important;
}

.vcp-dashboard-finance-panel .vcp-button.is-dashboard-invoice-action:hover,
.vcp-dashboard-finance-panel .vcp-button.is-dashboard-invoice-action:focus-visible,
.vcp-dashboard-support-grid .vcp-button.is-dashboard-invoice-action:hover,
.vcp-dashboard-support-grid .vcp-button.is-dashboard-invoice-action:focus-visible,
.vcp-dashboard-invoices-panel .vcp-project-detail-billing-actions .vcp-button.is-dashboard-invoice-action:hover,
.vcp-dashboard-invoices-panel .vcp-project-detail-billing-actions .vcp-button.is-dashboard-invoice-action:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel .vcp-button.is-dashboard-invoice-action:hover,
html[data-vcp-theme="light"] .vcp-dashboard-finance-panel .vcp-button.is-dashboard-invoice-action:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button.is-dashboard-invoice-action:hover,
html[data-vcp-theme="light"] .vcp-dashboard-support-grid .vcp-button.is-dashboard-invoice-action:focus-visible,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-project-detail-billing-actions .vcp-button.is-dashboard-invoice-action:hover,
html[data-vcp-theme="light"] .vcp-dashboard-invoices-panel .vcp-project-detail-billing-actions .vcp-button.is-dashboard-invoice-action:focus-visible {
    background: #ffffff !important;
    border-color: #ffffff !important;
    color: #111827 !important;
    -webkit-text-fill-color: #111827 !important;
    box-shadow: 0 14px 30px rgba(8, 12, 20, 0.18) !important;
}

.vcp-approval-actions .vcp-button.is-success,
html[data-vcp-theme="light"] .vcp-approval-actions .vcp-button.is-success {
    background: #f20055 !important;
    border-color: #f20055 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.vcp-approval-actions .vcp-button.is-success:hover,
.vcp-approval-actions .vcp-button.is-success:focus-visible,
html[data-vcp-theme="light"] .vcp-approval-actions .vcp-button.is-success:hover,
html[data-vcp-theme="light"] .vcp-approval-actions .vcp-button.is-success:focus-visible {
    background: #ff1f6c !important;
    border-color: #ff1f6c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 18px 34px rgba(242, 0, 85, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger,
html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger {
    background: #f20055 !important;
    border-color: #f20055 !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.22) !important;
}

.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger:hover,
.vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger:focus-visible,
html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger:hover,
html[data-vcp-theme="light"] .vcp-modal-dialog.is-compact .vcp-modal-actions .vcp-button.is-danger:focus-visible {
    background: #ff1f6c !important;
    border-color: #ff1f6c !important;
    color: #ffffff !important;
    -webkit-text-fill-color: #ffffff !important;
    box-shadow: 0 18px 34px rgba(242, 0, 85, 0.34), inset 0 1px 0 rgba(255, 255, 255, 0.24) !important;
}