.subscription-group-card{background-color:var(--color-white);border:var(--border-width)solid var(--color-neutral-30);border-radius:var(--border-radius-lg);overflow:hidden}.subscription-group-header{padding:var(--spacing-xl);background-color:var(--color-neutral-warm-light);border-bottom:1px solid var(--color-neutral-30);justify-content:space-between;align-items:flex-start;display:flex}.subscription-group-date-section{gap:var(--spacing-xs);flex-direction:column;display:flex}.subscription-group-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-neutral-70)}.subscription-group-date{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);color:var(--color-primary)}.subscription-group-status{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);padding:var(--spacing-xs)var(--spacing-sm);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em}.subscription-group-status.status-active{background-color:var(--color-highlight);color:var(--color-primary-dark)}.subscription-group-status.status-paused{background-color:var(--color-neutral-30);color:var(--color-neutral-70)}.subscription-group-status.status-cancelled{color:var(--color-error);background-color:#fee2e2}.subscription-info-cards-row{gap:var(--spacing-lg);padding:var(--spacing-xl);background-color:var(--color-neutral-warm-light);border-top:1px solid var(--color-neutral-30);grid-template-columns:1fr 1fr 1fr;display:grid}.subscription-info-card{background-color:var(--color-white);border:1px solid var(--color-neutral-30);border-radius:var(--border-radius-lg);padding:var(--spacing-lg);min-height:0}.subscription-info-card-title{font-size:var(--font-size-base);font-weight:var(--font-weight-bold);color:var(--color-neutral-90);margin:0 0 var(--spacing-md)0}.subscription-info-card-content{gap:var(--spacing-xs);flex-direction:column;display:flex}.subscription-info-line{font-size:var(--font-size-base);font-weight:var(--font-weight-normal);color:var(--color-neutral-90);line-height:var(--line-height-normal);margin:0}.subscription-order-summary{gap:var(--spacing-sm)}.subscription-order-row{font-size:var(--font-size-base);color:var(--color-neutral-90);justify-content:space-between;align-items:center;display:flex}.subscription-order-label{font-weight:var(--font-weight-normal)}.subscription-order-value{font-weight:var(--font-weight-medium)}.subscription-order-row.subscription-order-total{margin-top:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--color-neutral-30)}.subscription-order-total .subscription-order-label{font-weight:var(--font-weight-bold);color:var(--color-neutral-90)}.subscription-order-total-value{font-weight:var(--font-weight-bold);color:var(--color-primary)}.subscription-order-disclaimer{font-size:var(--font-size-xs);color:var(--color-neutral-70);margin:var(--spacing-sm)0 0;font-style:italic}.subscription-group-items{padding:var(--spacing-xl)}.subscription-items-label{font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--color-neutral-70);margin-bottom:var(--spacing-md);display:block}.subscription-items-list{gap:var(--spacing-lg);flex-direction:column;display:flex}.subscription-item{justify-content:space-between;align-items:flex-start;gap:var(--spacing-xl);padding:var(--spacing-lg)0;border-bottom:1px solid var(--color-neutral-10);display:flex}.subscription-item:last-child{border-bottom:none;padding-bottom:0}.subscription-item.item-paused{opacity:.6}.subscription-item-main{gap:var(--spacing-md);flex:1;min-width:0;display:flex}.subscription-item-image{border-radius:var(--border-radius-md);background-color:var(--color-neutral-warm-light);flex-shrink:0;width:120px;height:120px;overflow:hidden}.subscription-item-image .item-image{object-fit:cover;width:100%;height:100%}.subscription-item-image .item-placeholder{width:100%;height:100%;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-neutral-70);background-color:var(--color-neutral-warm-light);justify-content:center;align-items:center;display:flex}.subscription-item-details{gap:var(--spacing-xs);flex-direction:column;flex:1;min-width:0;display:flex}.subscription-item-name{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);color:var(--color-neutral-90);white-space:nowrap;text-overflow:ellipsis;margin:0;overflow:hidden}.subscription-item-variant,.subscription-item-schedule{font-size:var(--font-size-sm);color:var(--color-neutral-70)}.subscription-item-paused-badge{font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);color:var(--color-neutral-70);background-color:var(--color-neutral-warm-medium);padding:2px var(--spacing-xs);border-radius:var(--border-radius-sm);margin-top:var(--spacing-xs);width:fit-content;display:inline-block}.subscription-item-price{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);color:var(--color-neutral-90);margin-top:var(--spacing-sm)}.subscription-item-actions{flex-shrink:0}.subscription-item-manage-btn.button-outline{color:var(--color-primary);border-color:var(--color-primary);align-items:center;gap:var(--spacing-xs);white-space:nowrap;padding:10px var(--spacing-md);font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);background-color:#0000;display:inline-flex}.subscription-item-manage-icon{flex-shrink:0;width:18px;height:18px}.subscription-item-manage-btn.button-outline:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary)}@media (max-width:968px){.subscription-info-cards-row{grid-template-columns:1fr}}@media (max-width:768px){.subscription-group-header,.subscription-group-items,.subscription-info-cards-row{padding:var(--spacing-lg)}.subscription-item{align-items:stretch;gap:var(--spacing-md);flex-direction:column}.subscription-item-actions .subscription-item-manage-btn{width:100%}.subscription-group-date{font-size:var(--font-size-lg)}}