.breadcrumb-main[data-v-e9400e84]{background:#fff;padding:30px;border-radius:8px;color:#333;margin-bottom:30px;border:1px solid #e0e0e0;box-shadow:0 2px 4px rgba(0,0,0,.1)}.breadcrumb-title[data-v-e9400e84]{margin-bottom:10px;font-size:2.2rem;color:#333}.alert-danger[data-v-e9400e84]{border:none;border-radius:8px;background:#f44336;color:#fff;padding:20px;box-shadow:0 2px 8px rgba(244,67,54,.3)}.balance-card[data-v-e9400e84]{background:#fff;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.balance-card[data-v-e9400e84]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.balance-icon[data-v-e9400e84]{width:60px;height:60px;background:#e3f2fd;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#1976d2}.balance-card .btn[data-v-e9400e84]{border-radius:6px;font-weight:500;transition:all .3s ease}.balance-card .btn[data-v-e9400e84]:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}.current-package-card[data-v-e9400e84]{background:#fff;border-radius:8px;border:1px solid #e0e0e0;box-shadow:0 2px 8px rgba(0,0,0,.1);transition:all .3s ease}.current-package-card[data-v-e9400e84]:hover{transform:translateY(-2px);box-shadow:0 4px 16px rgba(0,0,0,.15)}.package-icon[data-v-e9400e84]{width:60px;height:60px;background:#fff3e0;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#f57c00}.package-features[data-v-e9400e84]{margin-top:20px}.feature-item[data-v-e9400e84]{display:flex;align-items:center;padding:8px 0;font-size:.9rem;color:#666}.feature-item.premium[data-v-e9400e84]{color:#f57c00;font-weight:600}.feature-text[data-v-e9400e84]{font-size:.85rem}.package-expiry[data-v-e9400e84]{border-top:1px solid #e0e0e0;padding-top:15px}.expiry-badge[data-v-e9400e84]{display:flex;align-items:center;justify-content:center;font-size:.9rem;color:#666}.expiry-date[data-v-e9400e84]{color:#d32f2f;font-weight:600;margin-left:5px}.section-header[data-v-e9400e84]{text-align:center;margin-bottom:40px}.section-header h3[data-v-e9400e84]{position:relative;display:inline-block;color:#333}.section-header h3[data-v-e9400e84]:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#1976d2;border-radius:2px}.package-card[data-v-e9400e84]{background:#fff;border-radius:8px;border:1px solid #e0e0e0;transition:all .3s ease;position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column;height:100%}.package-card .card-body[data-v-e9400e84]{display:flex;flex-direction:column;height:100%;justify-content:space-between}.package-card[data-v-e9400e84]:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15);border-color:#1976d2}.package-card.current-package[data-v-e9400e84]{border-color:#4caf50;box-shadow:0 4px 16px rgba(76,175,80,.2)}.current-badge[data-v-e9400e84]{right:15px;background:#4caf50;padding:8px 15px;border-radius:20px;font-size:.8rem}.addon-badge[data-v-e9400e84],.current-badge[data-v-e9400e84]{position:absolute;top:15px;color:#fff;font-weight:600;z-index:10}.addon-badge[data-v-e9400e84]{left:15px;background:#00bcd4;padding:6px 12px;border-radius:15px;font-size:.75rem}.package-header[data-v-e9400e84]{margin-top:20px}.package-name[data-v-e9400e84]{font-size:1.3rem;margin-bottom:15px;color:#333}.package-price[data-v-e9400e84]{display:flex;flex-direction:column;align-items:center;gap:5px}.price-amount[data-v-e9400e84]{font-size:1.8rem;color:#1976d2}.price-duration[data-v-e9400e84]{font-size:.9rem;color:#666}.package-features-list[data-v-e9400e84]{margin:20px 0;flex:1}.package-features-list .feature-item[data-v-e9400e84]{display:flex;align-items:center;padding:8px 0;font-size:.9rem;color:#666;border-bottom:1px solid #f0f0f0}.package-features-list .feature-item[data-v-e9400e84]:last-child{border-bottom:none}.package-features-list .feature-item i[data-v-e9400e84]{width:20px;text-align:center;margin-right:10px}.package-action[data-v-e9400e84]{margin-top:auto;padding-top:15px;position:relative;bottom:0;width:100%}.package-action .btn[data-v-e9400e84]{border-radius:6px;font-weight:500;padding:8px 16px;font-size:.9rem;transition:all .3s ease;text-decoration:none}.package-action .btn[data-v-e9400e84]:hover{transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.2)}@media (max-width:768px){.contents[data-v-e9400e84]{margin-left:0;padding:15px}.breadcrumb-title[data-v-e9400e84]{font-size:1.8rem}.balance-card[data-v-e9400e84],.current-package-card[data-v-e9400e84],.package-card[data-v-e9400e84]{margin-bottom:20px}.section-header[data-v-e9400e84]{text-align:left}.section-header h3[data-v-e9400e84]:after{left:0;transform:none}}@media (max-width:576px){.contents[data-v-e9400e84]{padding:10px;margin-left:0}.breadcrumb-main[data-v-e9400e84]{padding:20px;margin-bottom:20px}.breadcrumb-title[data-v-e9400e84]{font-size:1.6rem}.package-features-list .feature-item[data-v-e9400e84]{font-size:.8rem}.price-amount[data-v-e9400e84]{font-size:1.5rem}}.spinner-border[data-v-e9400e84]{width:3rem;height:3rem}.text-purple[data-v-e9400e84]{color:#9c27b0!important}.btn[data-v-e9400e84]:hover,.card[data-v-e9400e84]:hover{transition:all .3s ease}.btn[data-v-e9400e84]:focus{box-shadow:0 0 0 .2rem rgba(25,118,210,.25)}@keyframes fadeInUp-data-v-e9400e84{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.package-card[data-v-e9400e84]{animation:fadeInUp-data-v-e9400e84 .4s ease-out}.package-card[data-v-e9400e84]:first-child{animation-delay:.1s}.package-card[data-v-e9400e84]:nth-child(2){animation-delay:.2s}.package-card[data-v-e9400e84]:nth-child(3){animation-delay:.3s}.package-card[data-v-e9400e84]:nth-child(4){animation-delay:.4s}.btn-primary[data-v-e9400e84]{background-color:#1976d2;border-color:#1976d2}.btn-primary[data-v-e9400e84]:hover{background-color:#1565c0;border-color:#1565c0}.btn-outline-primary[data-v-e9400e84]{color:#1976d2;border-color:#1976d2}.btn-outline-primary[data-v-e9400e84]:hover{background-color:#1976d2;border-color:#1976d2;color:#fff}.btn-success[data-v-e9400e84]{background-color:#4caf50;border-color:#4caf50}.btn-success[data-v-e9400e84]:hover{background-color:#45a049;border-color:#45a049}.btn-outline-success[data-v-e9400e84]{color:#4caf50;border-color:#4caf50}.btn-outline-success[data-v-e9400e84]:hover{background-color:#4caf50;border-color:#4caf50}.btn-info[data-v-e9400e84]{background-color:#00bcd4;border-color:#00bcd4}.btn-info[data-v-e9400e84]:hover{background-color:#00acc1;border-color:#00acc1}.btn-outline-info[data-v-e9400e84]{color:#00bcd4;border-color:#00bcd4}.btn-outline-info[data-v-e9400e84]:hover{background-color:#00bcd4;border-color:#00bcd4;color:#fff}.btn-secondary[data-v-e9400e84]{background-color:#6c757d;border-color:#6c757d}.btn-secondary[data-v-e9400e84]:hover{background-color:#5a6268;border-color:#5a6268}.btn-outline-secondary[data-v-e9400e84]{color:#6c757d;border-color:#6c757d}.btn-outline-secondary[data-v-e9400e84]:hover{background-color:#6c757d;border-color:#6c757d}.btn-dark[data-v-e9400e84]{background-color:#343a40;border-color:#343a40}.btn-dark[data-v-e9400e84]:hover{background-color:#23272b;border-color:#23272b}.btn-warning[data-v-e9400e84]{background-color:#ff9800;border-color:#ff9800}.btn-warning[data-v-e9400e84]:hover{background-color:#e68900;border-color:#e68900}.card[data-v-e9400e84]{box-shadow:0 2px 4px rgba(0,0,0,.1)}.card[data-v-e9400e84]:hover{box-shadow:0 4px 16px rgba(0,0,0,.15)}.order-summery[data-v-6e779d66]{border-radius:20px;border:1px solid #f1f2f6;padding:1.5625rem!important;background-color:#f8f9fb!important}.order-summery .card-body[data-v-6e779d66]{border-radius:20px;padding:30px 25px;box-shadow:0 10px 30px rgba(146,153,184,.10196078431372549)}.margin5[data-v-b1c49a88]{margin:5px}.ukuranHuruf[data-v-b1c49a88]{font-size:12pt}.ukuranHuruf13[data-v-b1c49a88]{font-size:13pt}.ukuranHuruf14Tebal[data-v-b1c49a88]{font-size:17pt;font-weight:700}.ukuranHuruf12[data-v-b1c49a88]{font-size:12pt}.ukuran16Tebal[data-v-b1c49a88]{font-size:12pt;font-weight:700}.status[data-v-b1c49a88]{background:#2e8b57;color:#fff;border-radius:5px;outline:none;border:0}.batasBawah[data-v-b1c49a88]{border-bottom:1px solid #ccc}.baru[data-v-b1c49a88]{border:1px solid #ccc}.st0[data-v-b1c49a88]{fill:#2e8b57;margin-left:0;padding-left:0}.st1[data-v-b1c49a88]{fill:none;stroke:#333;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}