.bundle-page{min-height:100vh;background:rgba(255,255,255,.5);font-family:ClashGrotesk-Regular,sans-serif}.bundle-container{padding:2rem 0}.filter-container{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.filter-btn{padding:.625rem 1.5rem;border-radius:25px;border:1px solid #dee2e6;background:#ffffff;color:#2d3748;font-weight:500;font-size:.9rem;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif}.filter-btn:hover{transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(145deg,#14C1EE,#FF21A6);color:#ffffff}.filter-btn.active:hover{transform:translateY(-2px)}.bundle-card{background:#ffffff;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.1);overflow:hidden;transition:all .3s ease;height:100%;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,.05);min-height:320px;cursor:pointer}.bundle-card:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.bundle-image-container{position:relative;width:100%;height:140px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef);display:flex;align-items:center;justify-content:center}.bundle-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.bundle-card:hover .bundle-image{transform:scale(1.05)}.bundle-status-badge{position:absolute;top:12px;right:12px;padding:.5rem 1rem;border-radius:20px;font-size:.75rem;font-weight:600;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(0,0,0,.15);text-transform:uppercase;letter-spacing:.5px}.bundle-status-badge.success{background:rgba(40,167,69,.15);color:#28a745;border:1px solid rgba(40,167,69,.3)}.bundle-status-badge.pending{background:rgba(255,193,7,.15);color:#ffc107;border:1px solid rgba(255,193,7,.3)}.bundle-status-badge.failed{background:rgba(220,53,69,.15);color:#dc3545;border:1px solid rgba(220,53,69,.3)}.bundle-image-placeholder{position:relative;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(135deg,#f8f9fa,#e9ecef);color:#a0aec0}.bundle-placeholder-icon{font-size:2.5rem;margin-bottom:.5rem;opacity:.6}.bundle-placeholder-text{font-size:.75rem;font-weight:500;color:#a0aec0;text-align:center}.bundle-card-header{padding:.875rem 1rem .625rem;border-bottom:1px solid #f0f0f0}.bundle-invoice{display:flex;align-items:center;gap:.5rem;font-weight:600;font-size:.875rem;color:#2d3748}.bundle-invoice svg{color:#14C1EE;font-size:1rem;flex-shrink:0}.bundle-card-body{padding:1rem;flex:1 1;gap:.875rem}.bundle-card-body,.bundle-section{display:flex;flex-direction:column}.bundle-section{gap:.5rem}.bundle-section-title{font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.25rem}.bundle-info-item{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#4a5568}.bundle-info-item-icon{color:#14C1EE;font-size:.875rem;flex-shrink:0}.bundle-service-list{display:flex;flex-direction:column;gap:.375rem}.bundle-service-item{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;background:#f8f9fa;border-radius:8px;font-size:.875rem;color:#2d3748;transition:all .2s ease}.bundle-service-item:hover{background:#e9ecef;transform:translateX(4px)}.bundle-service-quantity{color:#14C1EE;font-weight:600;font-size:.75rem}.bundle-overview{display:flex;flex-direction:column;gap:.75rem}.bundle-overview-item{display:flex;align-items:flex-start;gap:.625rem}.bundle-overview-content{display:flex;flex-direction:column;gap:.25rem;flex:1 1}.bundle-overview-label{font-size:.7rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.bundle-overview-value{font-size:.85rem;font-weight:600;color:#2d3748;display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.bundle-overview-value.expired{color:#dc3545}.bundle-expired-badge{display:inline-block;padding:.125rem .5rem;background:rgba(220,53,69,.1);color:#dc3545;border-radius:12px;font-size:.7rem;font-weight:600}.bundle-final-amount{margin-top:auto;padding-top:.75rem;border-top:2px solid #f0f0f0;display:flex;justify-content:space-between;align-items:center}.bundle-amount-label{font-size:.75rem;font-weight:600;color:#718096;text-transform:uppercase;letter-spacing:.5px}.bundle-amount-value{font-size:1.25rem;font-weight:700;background:linear-gradient(145deg,#14C1EE,#FF21A6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bundle-price-row{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;font-size:.875rem}.bundle-price-label{color:#718096;font-weight:500}.bundle-price-value{color:#2d3748;font-weight:600}.bundle-price-row.final{margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e9ecef}.bundle-price-row.final .bundle-price-label{font-size:1rem;color:#2d3748;font-weight:600}.bundle-price-row.final .bundle-price-value{font-size:1.25rem;background:linear-gradient(145deg,#14C1EE,#FF21A6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700}.bundle-empty-state{text-align:center;padding:4rem 2rem;background:#ffffff;border-radius:16px;box-shadow:0 6px 16px rgba(0,0,0,.12)}.bundle-empty-icon{color:#cbd5e0;margin-bottom:1.5rem}.bundle-empty-title{font-size:1.5rem;font-weight:600;color:#2d3748;margin-bottom:.5rem}.bundle-empty-description{font-size:1rem;color:#718096;margin-bottom:2rem}.bundle-empty-btn{padding:.75rem 2rem;border-radius:25px;background:linear-gradient(145deg,#14C1EE,#FF21A6);color:#ffffff;border:none;font-weight:600;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif}.bundle-empty-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,193,238,.4)}.bundle-error-alert{background:linear-gradient(145deg,#fdecea,#ffffff);border:1px solid #f5c6cb;border-radius:12px;padding:1rem 1.25rem;color:#721c24;display:flex;align-items:center;gap:.75rem}.bundle-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.5)}.bundle-loading-content{text-align:center}.bundle-spinner{color:#14C1EE;margin-bottom:1rem}.bundle-loading-text{color:#718096;font-size:1rem}.bundle-modal .modal-content{border:none;border-radius:20px;box-shadow:0 20px 60px rgba(0,0,0,.2);overflow:hidden;font-family:ClashGrotesk-Regular,sans-serif}.bundle-modal-header{background:linear-gradient(145deg,#14C1EE,#FF21A6);border-bottom:none;padding:1.5rem 2rem;position:relative}.bundle-modal-header .btn-close{filter:brightness(0) invert(1);opacity:.9;transition:opacity .2s ease}.bundle-modal-header .btn-close:hover{opacity:1}.bundle-modal-header-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.bundle-modal-header-title{display:flex;align-items:center;gap:.75rem;color:#ffffff;font-size:1.5rem;font-weight:600;margin:0}.bundle-modal-header-icon{font-size:1.75rem}.bundle-modal-header-invoice{color:rgba(255,255,255,.95);font-size:.95rem;font-weight:500;background:rgba(255,255,255,.15);padding:.5rem 1rem;border-radius:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bundle-modal-body{padding:0;background:#f8f9fa}.bundle-modal-image-wrapper{position:relative;width:100%;height:300px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.bundle-modal-image{width:100%;height:100%;object-fit:cover;display:block}.bundle-modal-image-placeholder{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#a0aec0;gap:.75rem}.bundle-modal-placeholder-icon{font-size:3.5rem;opacity:.6}.bundle-modal-image-placeholder span{font-size:.95rem;font-weight:500}.bundle-modal-image-overlay{position:absolute;top:1rem;right:1rem}.bundle-modal-cards-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.5rem;gap:1.5rem;padding:2rem}.bundle-modal-info-card{background:#ffffff;border-radius:16px;padding:1.5rem;border:1px solid #e0e0e0;transition:all .3s ease}.bundle-modal-info-card:hover{transform:translateY(-2px)}.bundle-modal-card-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0}.bundle-modal-card-icon{color:#14C1EE;font-size:1.25rem}.bundle-modal-card-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0;text-transform:uppercase;letter-spacing:.5px}.bundle-modal-card-content{display:flex;flex-direction:column;gap:1rem}.bundle-modal-detail-item{display:flex;justify-content:space-between;align-items:center}.bundle-modal-detail-label{font-size:.875rem;font-weight:500;color:#718096}.bundle-modal-detail-value{font-size:.95rem;font-weight:600;color:#2d3748;text-align:right;display:flex;align-items:center;gap:.5rem}.bundle-modal-detail-value.expired{color:#dc3545}.bundle-modal-detail-value.active{color:#28a745}.bundle-modal-detail-value.inactive{color:#dc3545}.bundle-modal-pricing-card{background:linear-gradient(145deg,#ffffff,#f8f9fa)}.bundle-modal-price-item{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f0f0f0}.bundle-modal-price-item:last-of-type{border-bottom:none}.bundle-modal-price-label{font-size:.875rem;font-weight:500;color:#718096}.bundle-modal-price-value{font-size:.95rem;font-weight:600;color:#2d3748}.bundle-modal-price-total{display:flex;justify-content:space-between;align-items:center}.bundle-modal-price-total-label{font-size:1rem;font-weight:700;color:#2d3748;text-transform:uppercase;letter-spacing:.5px}.bundle-modal-price-total-value{font-size:1.5rem;font-weight:700;background:linear-gradient(145deg,#14C1EE,#FF21A6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bundle-modal-services-section{padding:0 2rem 2rem}.bundle-modal-services-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e9ecef}.bundle-modal-services-icon{color:#14C1EE;font-size:1.25rem}.bundle-modal-services-title{font-size:1rem;font-weight:600;color:#2d3748;margin:0;text-transform:uppercase;letter-spacing:.5px}.bundle-modal-services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));grid-gap:1rem;gap:1rem}.bundle-modal-service-card{background:#ffffff;border-radius:12px;padding:1.25rem;display:flex;justify-content:space-between;align-items:center;box-shadow:0 2px 8px rgba(0,0,0,.06);transition:all .3s ease;border:1px solid #f0f0f0}.bundle-modal-service-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.1);transform:translateY(-2px);border-color:#14C1EE}.bundle-modal-service-content{flex:1 1}.bundle-modal-service-name{font-weight:600;color:#2d3748;font-size:.95rem;margin-bottom:.25rem}.bundle-modal-service-type{font-size:.8rem;color:#718096;font-weight:500}.bundle-modal-service-quantity{display:flex;align-items:center;justify-content:center;color:#2d3748;border-radius:12px;font-size:.875rem;font-weight:700}.bundle-modal-footer{background:#ffffff;border-top:1px solid #e9ecef;padding:1.25rem 2rem;display:flex;justify-content:flex-end}.bundle-modal-close-btn{padding:.75rem 2rem;border-radius:12px;font-weight:600;font-size:.95rem;transition:all .3s ease;font-family:ClashGrotesk-Regular,sans-serif;background:linear-gradient(145deg,#14C1EE,#FF21A6);border:none;color:#ffffff;box-shadow:0 4px 12px rgba(20,193,238,.3)}.bundle-modal-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(20,193,238,.4)}.bundle-modal-close-btn:active{transform:translateY(0)}@media (max-width:768px){.bundle-modal-cards-grid{grid-template-columns:1fr;padding:1.5rem;gap:1rem}.bundle-modal-header{padding:1.25rem 1.5rem}.bundle-modal-header-title{font-size:1.25rem}.bundle-modal-header-invoice{font-size:.85rem;padding:.4rem .75rem}.bundle-modal-image-wrapper{height:200px}.bundle-modal-services-section{padding:0 1.5rem 1.5rem}.bundle-modal-services-grid{grid-template-columns:1fr}.bundle-modal-footer{padding:1rem 1.5rem}.bundle-modal-close-btn{width:100%}.bundle-card-header{padding:.75rem .875rem .5rem}.bundle-card-body{padding:.875rem}.filter-container{gap:.5rem}.filter-btn{padding:.5rem 1.25rem;font-size:.85rem}}