.evep-billing-page{min-height:100vh;position:relative;}
.evep-billing-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--enriched-primary-dark) 0%,var(--enriched-surface-dark) 100%);padding:var(--enriched-spacing-xxxl) 0 var(--enriched-spacing-xxl);}
.evep-billing-hero.evep-billing-hero-full{min-height:100vh;}
.evep-billing-hero-bg{position:absolute;inset:0;opacity:.15;pointer-events:none;z-index:0;}
.evep-billing-hero-bg::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(78,106,230,0.95) 0%,rgba(20,25,40,0.98) 100%);z-index:2;mix-blend-mode:overlay;}
.evep-billing-hero-bg-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:1;transform:scale(1.03);}
.evep-billing-hero-content{position:relative;z-index:2;}

.evep-billing-hero-grid {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: var(--enriched-spacing-xxxl);
    align-items: center;
}

.evep-billing-hero-text {
    color: white;
}

.evep-billing-hero-badge {
    display: inline-flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
    background: rgba(255, 255, 255, 0.15);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    border-radius: var(--enriched-border-radius-o);
    padding: var(--enriched-spacing-sm) var(--enriched-spacing-md);
    margin-bottom: var(--enriched-spacing-xl);
}

.evep-billing-hero-badge-icon{font-size:1.2rem;display:inline-flex;align-items:center;justify-content:center;min-width:1.6rem;}
.evep-billing-hero-badge-icon i{font-size:1.05rem;line-height:1;color:color-mix(in oklab,var(--enriched-primary) 82%,var(--enriched-text) 18%);filter:drop-shadow(0 6px 16px color-mix(in oklab,var(--enriched-primary) 18%,transparent 82%));}

.evep-billing-card-avatar-icn{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:inherit;line-height:1;box-shadow:inset 0 0 0 1px var(--enriched-border-dark);background:var(--enriched-section-bg-soft);}
.evep-billing-card-avatar-icn i{font-size:1.75rem;line-height:1;}
.evep-billing-card-avatar-icn.is-entity{color:color-mix(in oklab,var(--enriched-primary) 82%,var(--enriched-text) 18%);background:color-mix(in oklab,var(--enriched-primary) 16%,var(--enriched-section-bg-soft) 84%);}
.evep-billing-card-avatar-icn.is-event{color:color-mix(in oklab,var(--enriched-warning) 86%,var(--enriched-text) 14%);background:color-mix(in oklab,var(--enriched-warning) 16%,var(--enriched-section-bg-soft) 84%);}
.evep-billing-card-avatar-icn.is-project{color:color-mix(in oklab,var(--enriched-info) 86%,var(--enriched-text) 14%);background:color-mix(in oklab,var(--enriched-info) 16%,var(--enriched-section-bg-soft) 84%);}
.evep-billing-card-avatar-icn.is-vendor{color:color-mix(in oklab,var(--enriched-danger) 82%,var(--enriched-text) 18%);background:color-mix(in oklab,var(--enriched-danger) 14%,var(--enriched-section-bg-soft) 86%);}
.evep-billing-card-avatar-icn.is-store{color:color-mix(in oklab,var(--enriched-success) 84%,var(--enriched-text) 16%);background:color-mix(in oklab,var(--enriched-success) 16%,var(--enriched-section-bg-soft) 84%);}
.evep-billing-card-avatar-icn.is-other{color:color-mix(in oklab,var(--enriched-text) 88%,var(--enriched-primary) 12%);background:var(--enriched-section-bg-soft);}

.evep-billing-hero-badge-text {
    font-weight: 600;
    font-size: 0.875rem;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

.evep-billing-hero-title {
    font-size: 3.5rem;
    line-height: 1.1;
    margin: 0 0 var(--enriched-spacing-md) 0;
    font-weight: 800;
    letter-spacing: -0.02em;
    line-height:1.125;
    overflow:visible;
}
.evep-billing-hero-title-line{display:block;line-height:1.125;overflow:visible;padding-bottom:.06em;}
.evep-billing-hero-title-highlight{background:linear-gradient(135deg,#FFD166 0%,#FF9E6D 50%,#FF7B9C 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;position:relative;display:inline-block;line-height:1.12;overflow:visible;padding-bottom:.10em;}

.evep-billing-hero-subtitle {
    font-size: 1.25rem;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.9);
    margin: 0 0 var(--enriched-spacing-xl) 0;
    max-width: 580px;
}

.evep-billing-card {
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(20px);
    border-radius: var(--enriched-border-radius-xxl);
    padding: var(--enriched-spacing-xl);
    box-shadow: 0 24px 48px rgba(0, 0, 0, 0.2);
    border: 1px solid rgba(255, 255, 255, 0.3);
    transform: perspective(1000px) rotateY(-5deg);
    transition: transform var(--enriched-transition);
}

.evep-billing-card:hover {
    transform: perspective(1000px) rotateY(0deg);
}

.evep-billing-card-inner {
    display: flex;
    flex-direction: column;
    gap: var(--enriched-spacing-lg);
}

.evep-billing-card-header {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-md);
}

.evep-billing-card-avatar {
    width: 64px;
    height: 64px;
    border-radius: var(--enriched-border-radius-lg);
    background: linear-gradient(135deg, var(--enriched-primary) 0%, var(--enriched-secondary) 100%);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
    color: white;
}

.evep-billing-card-title {
    flex: 1;
}

.evep-billing-card-name {
    font-weight: 700;
    color: var(--enriched-text-darker);
    font-size: 1.5rem;
    margin-bottom: var(--enriched-spacing-xs);
}

.evep-billing-card-badge {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

.evep-billing-card-badge-dot {
    width: 6px;
    height: 6px;
    border-radius: var(--enriched-border-radius-o);
    background: var(--enriched-success);
    animation: evep-billing-card-badge-dot-pulse 2s infinite;
}

@keyframes evep-billing-card-badge-dot-pulse {

    0%,
    100% {
        opacity: 1;
    }

    50% {
        opacity: 0.5;
    }
}

.evep-billing-card-badge-text {
    font-size: 0.875rem;
    color: var(--enriched-success-dark);
    font-weight: 600;
}

.evep-billing-card-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--enriched-spacing-md);
    padding: var(--enriched-spacing-md) 0;
    border-top: 1px solid var(--enriched-border-light);
    border-bottom: 1px solid var(--enriched-border-light);
}

.evep-billing-card-stat {
    text-align: center;
}

.evep-billing-card-stat-value {
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--enriched-text-darker);
    line-height: 1;
}

.evep-billing-card-stat-label {
    font-size: 0.875rem;
    color: var(--enriched-text-lighter);
    margin-top: 0.25rem;
}

.evep-billing-container {
    position: relative;
    z-index: 2;
    margin-top: calc(var(--enriched-spacing-xxxl) * -0.5);
    margin-bottom: var(--enriched-spacing-xxl);
    padding-bottom: 0;
}

.evep-billing-grid {
    display: grid;
    grid-template-columns: 1fr 380px;
    gap: var(--enriched-spacing-xxl);
    align-items: start;
}

.evep-billing-main {
    background: var(--enriched-surface-full);
    border-radius: var(--enriched-border-radius-xxxl);
    padding: var(--enriched-spacing-xxl);
    box-shadow: var(--enriched-shadow-xl);
    border: 1px solid var(--enriched-border-light);
    position: relative;
}

.evep-billing-sidebar {
    background: var(--enriched-surface-full);
    border-radius: var(--enriched-border-radius-xxxl);
    padding: var(--enriched-spacing-xl);
    box-shadow: var(--enriched-shadow-xl);
    border: 1px solid var(--enriched-border-light);
    position: sticky;
    top: var(--enriched-spacing-xxl);
}

.evep-billing-section {
    margin-bottom: var(--enriched-spacing-xxl);
    display: flex;
    gap: var(--enriched-spacing-md);
    flex-direction: column;
}

.evep-billing-section-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--enriched-text-darker);
    margin: 0 0 var(--enriched-spacing-lg) 0;
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
}

.evep-billing-section-title i {
    color: var(--enriched-primary);
    font-size: 1.25rem;
}

.evep-billing-gateways {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: var(--enriched-spacing-lg);
}

.evep-billing-gateway {
    background: var(--enriched-surface);
    border: 2px solid var(--enriched-border-light);
    border-radius: var(--enriched-border-radius-xl);
    padding: var(--enriched-spacing-lg);
    cursor: pointer;
    transition: all var(--enriched-transition);
    position: relative;
    overflow: hidden;
}

.evep-billing-gateway:hover {
    transform: translateY(-4px);
    border-color: var(--enriched-primary-light);
    box-shadow: var(--enriched-shadow-lg);
}

.evep-billing-gateway.selected {
    border-color: var(--enriched-primary);
    background: var(--enriched-primary-ghost);
    box-shadow: var(--enriched-shadow-primary);
}

.evep-billing-gateway-radio {
    position: absolute;
    opacity: 0;
}

.evep-billing-gateway-content {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-lg);
}

.evep-billing-gateway-icon {
    width: 56px;
    height: 56px;
    border-radius: var(--enriched-border-radius-lg);
    background: var(--enriched-gradient-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.5rem;
    flex-shrink: 0;
}

.evep-billing-gateway-info {
    flex: 1;
}

.evep-billing-gateway-name {
    font-weight: 700;
    color: var(--enriched-text-darker);
    margin: 0 0 4px 0;
    font-size: 1.125rem;
}

.evep-billing-gateway-description {
    font-size: 0.875rem;
    color: var(--enriched-text-light);
    margin: 0 0 var(--enriched-spacing-sm) 0;
    line-height: 1.4;
}

.evep-billing-summary-item{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:var(--enriched-spacing-md);
    padding:var(--enriched-spacing-md) 0;
    border-bottom:1px solid var(--enriched-border-light);
}
.evep-billing-summary-item:last-child{border-bottom:none;}
.evep-billing-summary-item:first-child{border-top:1px solid var(--enriched-border-light);}

.evep-billing-summary-label{
    color:var(--enriched-text-light);
    font-size:0.95rem;
    line-height:1.25;
    flex:1 1 55%;
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.evep-billing-summary-value{
    font-weight:600;
    color:var(--enriched-text-darker);
    text-align:right;
    line-height:1.25;
    flex:0 1 45%;
    min-width:0;
    overflow-wrap:anywhere;
    word-break:break-word;
}
.evep-billing-summary-value.total{
    font-size:clamp(1.25rem,3.6vw,1.75rem);
    font-weight:800;
    color:var(--enriched-primary-dark);
}

@media (max-width:560px){
    .evep-billing-summary-item{
        flex-direction:column;
        align-items:stretch;
        gap:var(--enriched-spacing-xs);
    }
    .evep-billing-summary-value{
        text-align:left;
    }
}

@media (prefers-reduced-motion:reduce){
    .evep-billing-summary-item{scroll-behavior:auto;}
}

.evep-billing-summary-features {
    padding: var(--enriched-spacing-lg) 0;
    border-top: 1px solid var(--enriched-border-light);
}

.evep-billing-summary-feature {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
    margin-bottom: var(--enriched-spacing-sm);
    font-size: 0.9rem;
    color: var(--enriched-text);
}

.evep-billing-summary-feature:last-child {
    margin-bottom: 0;
}

.evep-billing-summary-feature i {
    color: var(--enriched-success);
    font-size: 0.875rem;
}

.evep-billing-security {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--enriched-spacing-sm);
    padding-top: var(--enriched-spacing-lg);
    border-top: 1px solid var(--enriched-border-light);
    font-size: 0.875rem;
    color: var(--enriched-text-lighter);
}

.evep-billing-security i {
    color: var(--enriched-success);
}

.evep-billing-form-group {
    margin-bottom: var(--enriched-spacing-xxl);
}

.evep-billing-form-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--enriched-spacing-lg);
}

.evep-billing-submit {
    width: 100%;
    padding: var(--enriched-spacing-lg) var(--enriched-spacing-xl);
    font-size: 1.125rem;
    font-weight: 700;
    margin-top: var(--enriched-spacing-xl);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--enriched-spacing-md);
    position: relative;
    overflow: hidden;
}

.evep-billing-submit::before {
    content: '';
    position: absolute;
    inset: 0;
    background: inherit;
    opacity: 0;
    transition: opacity var(--enriched-transition);
}

.evep-billing-submit:hover::before {
    opacity: 0.1;
}

.evep-billing-submit-amount {
    background: rgba(255, 255, 255, 0.2);
    padding: 6px 12px;
    border-radius: var(--enriched-border-radius-lg);
    font-weight: 800;
    margin-left: auto;
}

.evep-billing-back {
    display: inline-flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
    color: white;
    font-weight: 600;
    text-decoration: none;
    margin-bottom: var(--enriched-spacing-xl);
    padding: var(--enriched-spacing-sm) var(--enriched-spacing-md);
    border-radius: var(--enriched-border-radius-lg);
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(10px);
    border: 1px solid rgba(255, 255, 255, 0.2);
    transition: all var(--enriched-transition);
}

.evep-billing-back:hover {
    color: white;
    background: rgba(255, 255, 255, 0.15);

    border-color: rgba(255, 255, 255, 0.3);
    transform: translateX(-4px);
}

.evep-billing-error {
    background: var(--enriched-danger-light);
    color: var(--enriched-danger-dark);
    padding: var(--enriched-spacing-lg);
    border-radius: var(--enriched-border-radius-lg);
    margin-bottom: var(--enriched-spacing-xl);
    border-left: 4px solid var(--enriched-danger);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--enriched-spacing-md);
}

.evep-billing-success {
    background: var(--enriched-success-light);
    color: var(--enriched-success-dark);
    padding: var(--enriched-spacing-lg);
    border-radius: var(--enriched-border-radius-lg);
    margin-bottom: var(--enriched-spacing-xl);
    border-left: 4px solid var(--enriched-success);
}

.evep-billing-preview {
    background: var(--enriched-surface);
    border-radius: var(--enriched-border-radius-xl);
    padding: var(--enriched-spacing-xl);
    margin-bottom: var(--enriched-spacing-xl);
    border: 1px solid var(--enriched-border-light);
}

.evep-billing-preview-header {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-lg);
    margin-bottom: var(--enriched-spacing-lg);
}

.evep-billing-preview-icon {
    width: 64px;
    height: 64px;
    border-radius: var(--enriched-border-radius-lg);
    background: var(--enriched-gradient-primary);
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 1.75rem;
    flex-shrink: 0;
}

.evep-billing-preview-title {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--enriched-text-darker);
    margin: 0;
}

.evep-billing-preview-description {
    color: var(--enriched-text-light);
    margin: var(--enriched-spacing-xs) 0 0 0;
    line-height: 1.4;
    font-size: 0.95rem;
}

.evep-billing-preview-features {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--enriched-spacing-md);
}

.evep-billing-preview-feature {
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
    font-size: 0.9rem;
    color: var(--enriched-text);
}

.evep-billing-preview-feature i {
    color: var(--enriched-success);
    font-size: 0.875rem;
}

.manual-payment-info {
    background: var(--enriched-warning-light);
    border-left: 4px solid var(--enriched-warning);
    padding: var(--enriched-spacing-md);
    border-radius: var(--enriched-border-radius-md);
    margin-top: var(--enriched-spacing-md);
}

.manual-payment-info p {
    margin: 0;
    font-size: 0.9rem;
    color: var(--enriched-warning-dark);
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-sm);
}

@media (max-width: 1200px) {
    .evep-billing-hero-grid {
        grid-template-columns: 1fr;
        gap: var(--enriched-spacing-xxl);
    }

    .evep-billing-grid {
        grid-template-columns: 1fr;
        gap: var(--enriched-spacing-xl);
    }

    .evep-billing-sidebar {
        position: static;
    }
}

@media (max-width: 768px) {
    .evep-billing-hero {
        padding: var(--enriched-spacing-xxl) 0 var(--enriched-spacing-xl);
    }

    .evep-billing-hero-title {
        font-size: 2.5rem;
    }

    .evep-billing-hero-subtitle {
        font-size: 1.125rem;
    }

    .evep-billing-main,
    .evep-billing-sidebar {
        padding: var(--enriched-spacing-lg);
    }

    .evep-billing-gateways {
        grid-template-columns: 1fr;
    }

    .evep-billing-form-grid {
        grid-template-columns: 1fr;
    }

    .evep-billing-preview-features {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .evep-billing-hero-title {
        font-size: 2rem;
    }
}

[data-theme="dark"] .evep-billing-hero {
    background: linear-gradient(135deg, var(--enriched-primary) 0%, var(--enriched-surface) 100%);
}

[data-theme="dark"] .evep-billing-card {
    background: rgba(14, 20, 34, 0.95);
    border-color: rgba(255, 255, 255, 0.1);
}

[data-theme="dark"] .evep-billing-card-name {
    color: var(--enriched-text);
}

[data-theme="dark"] .evep-billing-card-stat-value {
    color: var(--enriched-text);
}

[data-theme="dark"] .evep-billing-main,
[data-theme="dark"] .evep-billing-sidebar {
    background: var(--enriched-surface-dark);
    border-color: var(--enriched-border);
}

[data-theme="dark"] .evep-billing-gateway {
    background: var(--enriched-surface-dark);
    border-color: var(--enriched-border);
}

[data-theme="dark"] .evep-billing-preview {
    background: var(--enriched-surface-dark);
    border-color: var(--enriched-border);
}

.evep-billing-price-bubble {
    position: absolute;
    top: -20px;
    right: -20px;
    background: linear-gradient(135deg, #FFD166 0%, #FF7B9C 100%);
    color: white;
    padding: var(--enriched-spacing-sm) var(--enriched-spacing-lg);
    border-radius: var(--enriched-border-radius-o);
    font-weight: 800;
    font-size: 1.25rem;
    box-shadow: 0 8px 32px rgba(255, 125, 156, 0.4);
    z-index: 10;
    transform: rotate(5deg);
    animation: evep-billing-price-bubble-float 3s ease-in-out infinite;
}

@keyframes evep-billing-price-bubble-float {

    0%,
    100% {
        transform: rotate(5deg) translateY(0);
    }

    50% {
        transform: rotate(5deg) translateY(-10px);
    }
}

.evep-billing-secure-banner {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--enriched-spacing-sm);
    padding: var(--enriched-spacing-md);
    background: var(--enriched-success-light);
    border-radius: var(--enriched-border-radius-lg);
    margin-bottom: var(--enriched-spacing-xxl);
    border: 1px solid var(--enriched-success);
}

.evep-billing-secure-banner i {
    color: var(--enriched-success-dark);
    font-size: 1.25rem;
}

.evep-billing-secure-banner span {
    color: var(--enriched-success-dark);
    font-weight: 600;
    font-size: 0.95rem;
}

.evep-billing-alert{display:flex;gap:var(--enriched-spacing-md);align-items:flex-start;padding:var(--enriched-spacing-lg);border-radius:var(--enriched-border-radius-xl);border:1px solid var(--enriched-border-dark);background:var(--enriched-section-bg-soft);box-shadow:var(--enriched-shadow-md);color:var(--enriched-text);}
.evep-billing-alert i{margin-top:2px;font-size:1.05rem;opacity:.95;color:color-mix(in oklab,var(--enriched-text) 72%,var(--enriched-primary) 28%);}
.evep-billing-alert-body{flex:1;min-width:0;}
.evep-billing-alert-title{font-weight:900;letter-spacing:-.01em;margin-bottom:4px;color:var(--enriched-text-darker);}
.evep-billing-alert-text{opacity:.92;line-height:1.45;color:color-mix(in oklab,var(--enriched-text) 86%,var(--enriched-text-darker) 14%);}
.evep-billing-alert-actions{margin-top:var(--enriched-spacing-md);display:flex;gap:var(--enriched-spacing-sm);flex-wrap:wrap;}
.evep-billing-alert-block{margin-top:0;}

.evep-billing-alert.is-error{border-color:color-mix(in oklab,var(--enriched-danger) 52%,var(--enriched-border-dark) 48%);background:color-mix(in oklab,var(--enriched-danger) 10%,var(--enriched-section-bg-soft) 90%);color:color-mix(in oklab,var(--enriched-text) 78%,var(--enriched-danger) 22%);}
.evep-billing-alert.is-error i{color:color-mix(in oklab,var(--enriched-danger) 78%,var(--enriched-text) 22%);}
.evep-billing-alert.is-error .evep-billing-alert-title{color:color-mix(in oklab,var(--enriched-text-darker) 72%,var(--enriched-danger) 28%);}
.evep-billing-alert.is-error .evep-billing-alert-text{color:color-mix(in oklab,var(--enriched-text) 80%,var(--enriched-danger) 20%);}

.evep-billing-fx-summary-item-card {
      background: var(--enriched-surface-full);
  border-radius: var(--enriched-border-radius-xxxl);
  padding: var(--enriched-spacing-md);
  box-shadow: var(--enriched-shadow-xl);
  border: 1px solid var(--enriched-border-light);
}
.evep-billing-fx-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:var(--enriched-spacing-lg);
    margin-bottom:var(--enriched-spacing-lg);
}
.evep-billing-fx-summary-label{
    font-size:var(--enriched-font-md);
    font-weight:800;
    color:var(--enriched-text-dark);
    display:flex;
    align-items:center;
    gap:var(--enriched-spacing-md);
}
.evep-billing-fx-chip{
    display:inline-flex;
    align-items:center;
    padding:var(--enriched-spacing-xs) var(--enriched-spacing-md);
    border-radius:999px;
    background:var(--enriched-section-bg-soft);
    border:1px solid var(--enriched-border-light);
    color:var(--enriched-primary);
    font-weight:900;
    font-size:var(--enriched-font-sm);
    white-space:nowrap;
}
.evep-billing-fx-summary-content{
    display:flex;
    flex-direction:column;
    gap:var(--enriched-spacing-lg);
    min-width:0;
}
.evep-billing-fx-fields{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:var(--enriched-spacing-lg);
    align-items:start;
}
.evep-billing-fx-field{
    min-width:0;
}
@media (max-width:768px){
    .evep-billing-fx-fields{
        grid-template-columns:1fr;
        gap:var(--enriched-spacing-md);
    }
}
.evep-billing-fx-result{
    padding:var(--enriched-spacing-lg);
    border-radius:var(--enriched-border-radius-lg);
    border:1px solid var(--enriched-border-light);
    background:linear-gradient(135deg,var(--enriched-section-bg-tint-success),var(--enriched-surface-full));
}
.evep-billing-fx-result-amount{
    font-size:var(--enriched-font-2xl);
    font-weight:900;
    color:var(--enriched-success-dark);
    text-align:center;
    line-height:1.05;
}
.evep-billing-fx-meta{
    font-size:var(--enriched-font-sm);
    color:var(--enriched-text-lighter);
    text-align:center;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    border-top:1px solid var(--enriched-border-light);
    margin-top:var(--enriched-spacing-md);
    padding-top:var(--enriched-spacing-md);
}
[data-theme="dark"] .evep-billing-fx-summary-item-card{
    background:var(--enriched-surface-dark);
    border-color:var(--enriched-border-dark);
}
[data-theme="dark"] .evep-billing-fx-chip{
    border-color:var(--enriched-border-dark);
}
[data-theme="dark"] .evep-billing-fx-result{
    border-color:var(--enriched-border-dark);
    background:linear-gradient(135deg,rgba(34,197,94,0.10),var(--enriched-surface-dark));
}
[data-theme="dark"] .evep-billing-fx-result-amount{
    color:var(--enriched-success-light);
}
[data-theme="dark"] .evep-billing-fx-meta{
    border-top-color:var(--enriched-border-dark);
    color:var(--enriched-text-inverse-lighter);
}

.evep-billing-gateway-panel {
    background: var(--enriched-section-bg-elevated);
    border: 1px solid var(--enriched-border-light);
    border-radius: var(--enriched-border-radius-xl);
    padding: var(--enriched-spacing-lg);
    transition: var(--enriched-transition);
    position: relative;
    overflow: hidden;
    box-shadow: var(--enriched-shadow-sm);
    backdrop-filter: blur(var(--enriched-glass-blur));
    border: var(--enriched-glass-border);
}

.evep-billing-gateway-panel:hover {
    box-shadow: var(--enriched-shadow-md);
    border-color: var(--enriched-border-dark);
    background: var(--enriched-section-bg-tint-primary);
    transform: translateY(-2px);
}

.evep-billing-gateway-panel.is-hidden {
    opacity: 0;
    transform: scale(0.95);
    pointer-events: none;
    max-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    overflow: hidden;
}

.evep-billing-gateway-panel.is-shown {
    display: block;
    animation: evep-billing-gateway-panel-revveal var(--enriched-duration-slow) var(--enriched-easing) both;
}

@keyframes evep-billing-gateway-panel-revveal {
    from {
        opacity: 0;
        transform: translateY(-12px) scale(0.98);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.evep-billing-gateway-panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: var(--enriched-spacing-md);
    margin-bottom: var(--enriched-spacing-md);
    padding-bottom: var(--enriched-spacing-sm);
    border-bottom: 1px solid var(--enriched-border-light);
}

.evep-billing-gateway-panel-title {
    font-weight: 700;
    font-size: var(--enriched-font-lg);
    letter-spacing: var(--enriched-tracking-wide);
    color: var(--enriched-text-dark);
    font-family: var(--enriched-font-display);
    margin: 0;
}

.evep-billing-gateway-panel-badges {
    display: flex;
    flex-wrap: wrap;
    gap: var(--enriched-spacing-sm);
}

.evep-billing-steps {
    margin: 0;
    padding-left: var(--enriched-spacing-lg);
    display: flex;
    flex-direction: column;
    gap: var(--enriched-spacing-md);
    position: relative;
}

.evep-billing-step {
    padding-left: var(--enriched-spacing-md);
    position: relative;
}

.evep-billing-step:hover::before {
    background: var(--enriched-primary-light);
    transform: scale(1.2);
    box-shadow: 0 0 0 3px rgba(78, 106, 230, 0.3);
}

.evep-billing-step-title {
    font-weight: 600;
    font-size: var(--enriched-font-md);
    color: var(--enriched-text-dark);
    margin-bottom: var(--enriched-spacing-xs);
    display: flex;
    align-items: center;
    gap: var(--enriched-spacing-xs);
}

.evep-billing-step-text {
    color: var(--enriched-text-light);
    font-size: var(--enriched-font-sm);
    line-height: var(--enriched-line-height-normal);
    opacity: 0.85;
    margin: 0;
    padding-left: var(--enriched-spacing-sm);
}

.evep-billing-subform-note {
    display: flex;
    gap: var(--enriched-spacing-md);
    align-items: center;
    font-size: var(--enriched-font-sm);
    color: var(--enriched-text-lighter);
}

/* Active/Selected State */
.evep-billing-gateway-panel.is-selected {
    background: var(--enriched-bg-grad-primary);
    border-color: var(--enriched-primary);
    box-shadow: var(--enriched-shadow-primary);
    animation: evep-billing-gateway-panel-panel-pulse 2s ease-in-out infinite;
}

@keyframes evep-billing-gateway-panel-panel-pulse {
    0%, 100% {
        box-shadow: var(--enriched-shadow-primary);
    }
    50% {
        box-shadow: 0 6px 20px rgba(78, 106, 230, 0.4);
    }
}

.evep-billing-gateway-panel.is-selected .evep-billing-gateway-panel-title {
    color: var(--enriched-text-inverse-dark);
}

.evep-billing-gateway-panel.is-selected .evep-billing-step-title {
    color: var(--enriched-text-inverse-light);
}

.evep-billing-gateway-panel.is-selected .evep-billing-step-text {
    color: var(--enriched-text-inverse-lighter);
    opacity: 0.9;
}

.evep-billing-gateway-panel.is-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    background: var(--enriched-section-bg-tint-gray);
    border-color: var(--enriched-border);
}

.evep-billing-gateway-panel.is-disabled:hover {
    transform: none;
    box-shadow: var(--enriched-shadow-sm);
    background: var(--enriched-section-bg-tint-gray);
}

.evep-billing-gateway-panel.is-loading {
    position: relative;
    pointer-events: none;
}

.evep-billing-gateway-panel.is-loading::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.3),
        transparent
    );
    animation: evep-billing-gateway-panel-shimmer 1.5s infinite;
    border-radius: var(--enriched-border-radius-xl);
}

@keyframes evep-billing-gateway-panel-shimmer {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

@media (max-width: 768px) {
    .evep-billing-gateway-panel {
        padding: var(--enriched-spacing-md);
    }
    
    .evep-billing-gateway-panel-head {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--enriched-spacing-sm);
    }
}

@keyframes evepShake {
    0% {
        transform: translateX(0);
    }

    15% {
        transform: translateX(-6px);
    }

    30% {
        transform: translateX(6px);
    }

    45% {
        transform: translateX(-5px);
    }

    60% {
        transform: translateX(5px);
    }

    75% {
        transform: translateX(-3px);
    }

    100% {
        transform: translateX(0);
    }
}

.enriched-form-shake {
    animation: evepShake .55s ease-in-out;
}


.evep-billing-gateway-copy {
    margin: var(--enriched-spacing-lg) 0 0;
    padding: var(--enriched-spacing-lg);
    border: 1px solid var(--enriched-border-light);
    border-radius: var(--enriched-border-radius-xxl);
    background: var(--enriched-surface-full);
    box-shadow: var(--enriched-shadow-sm);
    display: flex;
    flex-direction: column;
    gap: var(--enriched-spacing-md);
}

.evep-billing-pay-group {
    display: flex;
    flex-direction: column;
    gap: var(--enriched-spacing-sm);
    padding: var(--enriched-spacing-md);
    border: 1px solid var(--enriched-border-light);
    border-radius: var(--enriched-border-radius-xl);
    background: rgba(0, 0, 0, .02);
}

.evep-billing-pay-group-title {
    font-weight: 900;
    color: var(--enriched-text-darker);
    display: flex;
    align-items: center;
    gap: 8px;
}

.evep-billing-pay-row {
    display: flex;
    gap: var(--enriched-spacing-md);
    align-items: center;
    justify-content: space-between;
    padding: var(--enriched-spacing-md);
    border: 1px solid var(--enriched-border-light);
    border-radius: var(--enriched-border-radius-xl);
    background: var(--enriched-surface-full);
}

.evep-billing-pay-meta {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-width: 0;
}

.evep-billing-pay-label {
    font-weight: 800;
    line-height: 1.15;
}

.evep-billing-pay-value {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
    font-weight: 900;
    letter-spacing: .2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
}

.evep-billing-pay-hint {
    font-size: 12px;
    opacity: .8;
    line-height: 1.2;
}

.evep-billing-gateway-copy {
    padding: clamp(12px, 2.6vw, var(--enriched-spacing-lg));
}

.evep-billing-pay-row {
    gap: var(--enriched-spacing-sm);
}

.evep-billing-pay-meta {
    flex: 1 1 auto;
}

.evep-billing-copy-btn {
    flex: 0 0 auto;
    white-space: nowrap;
}

.evep-billing-copy-btn.is-ok {
    border-color: rgba(34, 197, 94, .35);
}

.evep-billing-copy-btn.is-bad {
    border-color: rgba(239, 68, 68, .35);
}

@media (max-width:560px) {
    .evep-billing-pay-row {
        flex-direction: column;
        align-items: stretch;
    }

    .evep-billing-pay-meta {
        width: 100%;
    }

    .evep-billing-pay-value {
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        word-break: break-word;
        overflow-wrap: anywhere;
    }

    .evep-billing-copy-btn {
        width: 100%;
        justify-content: center;
    }
}