.optional-modules-container[data-v-1eeed0e9]{padding:24px;max-width:1200px;margin:0 auto}.page-header[data-v-1eeed0e9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.page-title[data-v-1eeed0e9]{font-size:24px;font-weight:600;margin:0}.content-container[data-v-1eeed0e9]{display:flex;flex-direction:column;gap:24px}.fee-summary-card[data-v-1eeed0e9],.modules-card[data-v-1eeed0e9]{background:#fff;border-radius:8px;padding:24px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.card-title[data-v-1eeed0e9]{font-size:18px;font-weight:600;margin:0 0 16px 0}.card-header[data-v-1eeed0e9]{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.fee-breakdown[data-v-1eeed0e9]{display:flex;flex-direction:column;gap:12px}.fee-item[data-v-1eeed0e9]{display:flex;justify-content:space-between;padding:12px;background:#f8f9fa;border-radius:4px}.fee-item.total[data-v-1eeed0e9]{background:#e3f2fd;font-weight:600;font-size:16px}.fee-label[data-v-1eeed0e9]{color:#666}.fee-value[data-v-1eeed0e9]{color:#333;font-weight:500}.modules-list[data-v-1eeed0e9]{display:flex;flex-direction:column;gap:16px}.module-item[data-v-1eeed0e9]{display:flex;justify-content:space-between;align-items:flex-start;padding:16px;border:1px solid #e0e0e0;border-radius:8px;background:#fafafa;transition:all .2s}.module-item.module-cancelled[data-v-1eeed0e9]{border-color:#ff9800;background:#fff8e1;opacity:.9}.module-info[data-v-1eeed0e9]{flex:1}.module-header[data-v-1eeed0e9]{display:flex;align-items:center;gap:12px;margin-bottom:12px}.module-name[data-v-1eeed0e9]{font-size:16px;font-weight:600;margin:0}.module-code[data-v-1eeed0e9]{font-size:12px;color:#666;background:#e0e0e0;padding:2px 8px;border-radius:4px}.cancelled-badge[data-v-1eeed0e9]{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:#fff3cd;color:#856404;border:1px solid #ffc107;border-radius:4px;font-size:12px;font-weight:500;margin-left:8px}.cancelled-badge i[data-v-1eeed0e9]{font-size:14px}.cancelled-hint[data-v-1eeed0e9]{font-size:12px;color:#ff9800;margin-left:4px;font-style:italic}.text-warning[data-v-1eeed0e9]{color:#ff9800;font-weight:500}.module-details[data-v-1eeed0e9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:8px}.detail-item[data-v-1eeed0e9]{display:flex;gap:8px}.detail-label[data-v-1eeed0e9]{color:#666;font-size:14px}.detail-value[data-v-1eeed0e9]{color:#333;font-size:14px;font-weight:500}.module-actions[data-v-1eeed0e9]{display:flex;gap:8px}.empty-state[data-v-1eeed0e9],.loading-state[data-v-1eeed0e9]{text-align:center;padding:48px;color:#999}.loading-state .spin[data-v-1eeed0e9]{animation:spin-1eeed0e9 1s linear infinite}@keyframes spin-1eeed0e9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay[data-v-1eeed0e9]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content[data-v-1eeed0e9]{background:#fff;border-radius:8px;width:90%;max-width:600px;max-height:90vh;overflow-y:auto}.modal-header[data-v-1eeed0e9]{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid #e0e0e0}.modal-header h3[data-v-1eeed0e9]{margin:0;font-size:18px;font-weight:600}.btn-close[data-v-1eeed0e9]{background:none;border:none;font-size:24px;cursor:pointer;color:#666}.modal-body[data-v-1eeed0e9]{padding:24px}.modal-footer[data-v-1eeed0e9]{display:flex;justify-content:flex-end;gap:12px;padding:20px 24px;border-top:1px solid #e0e0e0}.form-group[data-v-1eeed0e9]{margin-bottom:20px}.form-group label[data-v-1eeed0e9]{display:block;margin-bottom:8px;font-weight:500;color:#333}.form-group label.required[data-v-1eeed0e9]:after{content:" *";color:#f44336}.form-control[data-v-1eeed0e9]{width:100%;padding:10px 12px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-control.is-invalid[data-v-1eeed0e9]{border-color:#f44336}.invalid-feedback[data-v-1eeed0e9]{color:#f44336;font-size:12px;margin-top:4px}.form-hint[data-v-1eeed0e9]{font-size:12px;color:#666;margin-top:4px}.btn[data-v-1eeed0e9]{padding:10px 20px;border:none;border-radius:4px;font-size:14px;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.btn-primary[data-v-1eeed0e9]{background:#1976d2;color:#fff}.btn-primary[data-v-1eeed0e9]:hover{background:#1565c0}.btn-secondary[data-v-1eeed0e9]{background:#757575;color:#fff}.btn-secondary[data-v-1eeed0e9]:hover{background:#616161}.btn-danger[data-v-1eeed0e9]{background:#f44336;color:#fff}.btn-danger[data-v-1eeed0e9]:hover{background:#d32f2f}.btn-sm[data-v-1eeed0e9]{padding:6px 12px;font-size:12px}.btn[data-v-1eeed0e9]:disabled{opacity:.6;cursor:not-allowed}