.paiement-section{padding:24px;background:white;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.paiement-loading{text-align:center;padding:40px;color:#666}.paiement-error{background-color:#fee;color:#c00;padding:12px;border-radius:8px;margin-bottom:16px;display:flex;justify-content:space-between;align-items:center}.paiement-retry-btn{background:#c00;color:white;border:none;padding:4px 12px;border-radius:4px;cursor:pointer}.paiement-retry-btn:hover{background:#a00}.paiement-methods{margin-bottom:24px}.paiement-methods-title{font-size:18px;font-weight:600;margin-bottom:16px;color:#333}.paiement-methods-list{margin-bottom:16px}.paiement-method-item{border:1px solid #e0e0e0;border-radius:8px;margin-bottom:12px;padding:12px;transition:all .2s}.paiement-method-item.selected{border-color:#2ecc71;background-color:#f0fff4}.paiement-method-header{display:flex;align-items:center;gap:12px}.paiement-method-radio{width:20px;height:20px;cursor:pointer}.paiement-method-info{flex:1;display:flex;align-items:center;gap:12px}.paiement-method-icon{font-size:24px}.paiement-method-details{display:flex;flex-direction:column}.paiement-method-name{font-weight:600;color:#333}.paiement-method-number{font-size:14px;color:#666;font-family:monospace}.paiement-method-status{font-size:12px;padding:4px 8px;border-radius:12px;font-weight:500}.paiement-method-status.bg-green-100{background-color:#e6f7e6;color:#2e7d32}.paiement-method-status.bg-yellow-100{background-color:#fff9c4;color:#b26a00}.paiement-method-status.bg-red-100{background-color:#ffe6e6;color:#c62828}.paiement-method-status.bg-blue-100{background-color:#e3f2fd;color:#1565c0}.paiement-method-actions{margin-top:12px;padding-top:12px;border-top:1px solid #e0e0e0;display:flex;gap:8px}.paiement-action-btn{padding:6px 12px;border:none;border-radius:4px;font-size:13px;cursor:pointer;transition:background .2s}.paiement-action-btn.set-default{background-color:#2196f3;color:white}.paiement-action-btn.set-default:hover{background-color:#1976d2}.paiement-action-btn.delete{background-color:#f44336;color:white}.paiement-action-btn.delete:hover{background-color:#d32f2f}.paiement-add-method-btn{width:100%;padding:12px;background:none;border:2px dashed #2ecc71;border-radius:8px;color:#2ecc71;font-weight:600;cursor:pointer;transition:all .2s}.paiement-add-method-btn:hover{background:#2ecc71;color:white}.paiement-add-method-form{margin-top:20px;padding:20px;background:#f9f9f9;border-radius:8px}.paiement-add-method-form h4{margin-bottom:16px;color:#333}.paiement-method-type-selector{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:8px;margin-bottom:20px}.type-btn{padding:10px;background:white;border:1px solid #ddd;border-radius:6px;cursor:pointer;transition:all .2s;font-size:14px}.type-btn.active{background:#2ecc71;color:white;border-color:#2ecc71}.type-btn:hover:not(.active){background:#f0f0f0}.paiement-form-group{margin-bottom:16px}.paiement-form-group label{display:block;margin-bottom:6px;font-weight:500;color:#555}.paiement-form-group.checkbox label{display:flex;align-items:center;gap:8px;font-weight:400;cursor:pointer}.paiement-form-group.checkbox input{width:auto}.paiement-form-control{width:100%;padding:10px;border:1px solid #ddd;border-radius:6px;font-size:14px;transition:border-color .2s}.paiement-form-control:focus{outline:none;border-color:#2ecc71}.paiement-form-help{margin-top:-8px;margin-bottom:16px;font-size:12px;color:#888;font-style:italic}.paiement-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.paiement-card-brand{font-size:.8rem;color:#666;background:#f5f5f5;padding:2px 8px;border-radius:12px}.paiement-card-details{display:flex;justify-content:space-between;align-items:center;font-size:.85rem;color:#666}.paiement-card-expiration{background:#f0f0f0;padding:2px 8px;border-radius:12px}.paiement-existing-card.selected .paiement-card-brand{background:#e3f2fd;color:#1976d2}.paiement-existing-card.selected .paiement-card-expiration{background:#e8f5e8;color:#2e7d32}.paiement-reference-large{font-size:1.5rem;font-weight:700;letter-spacing:2px;background:#f8f9fa;padding:12px;border-radius:8px;border:1px dashed #ccc;text-align:center;margin:8px 0}.paiement-step-links{gap:12px}.paiement-step-link{background:#f8f9fa;padding:8px 16px;border-radius:20px;font-size:.9rem;color:#0070f3;border:1px solid #e0e0e0;transition:all .2s}.paiement-step-link:hover{background:#e3f2fd;border-color:#0070f3}.paiement-details{margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.paiement-details-title{font-size:16px;font-weight:600;margin-bottom:16px;color:#333}.paiement-info{display:flex;justify-content:space-between;padding:12px;background:#f5f5f5;border-radius:6px;margin-bottom:16px}.paiement-info-label{color:#666}.paiement-info-value{font-weight:700;color:#2ecc71;font-size:18px}.paiement-conditions{margin:16px 0}.paiement-checkbox{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;color:#555}.paiement-checkbox input{margin-top:3px;width:18px;height:18px}.paiement-checkbox-text{flex:1}.paiement-note{margin-top:12px;background:#fff3cd;border-left:4px solid #ffc107;color:#856404}.paiement-note,.paiement-warning{padding:12px;border-radius:4px;font-size:14px}.paiement-warning{background:#fee;border-left:4px solid #f44336;color:#c62828;margin:16px 0}.paiement-card-form{margin-top:16px}.paiement-form-text{display:block;margin-top:4px;font-size:12px;color:#888;font-style:italic}.paiement-cesu-form,.paiement-ecesu-form{margin-top:16px}.paiement-steps{display:flex;flex-direction:column;gap:16px;margin-bottom:16px}.paiement-step{display:flex;gap:12px;align-items:flex-start}.paiement-step-number{width:28px;height:28px;background:#2ecc71;color:white;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.paiement-step-content{flex:1}.paiement-step-content strong{display:block;margin-bottom:4px;color:#333}.paiement-step-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}.paiement-step-link{display:inline-block;padding:6px 12px;background:#f0f0f0;color:#333;text-decoration:none;border-radius:4px;font-size:13px;transition:background .2s}.paiement-step-link:hover{background:#e0e0e0}.paiement-highlight{font-weight:600;color:#2ecc71}.paiement-code-box{display:inline-block;padding:8px 16px;background:#333;color:white;font-family:monospace;font-size:16px;border-radius:6px;margin:8px 0}.paiement-reference-box{padding:8px 12px;background:#f0f0f0;border:1px dashed #999;border-radius:4px;font-family:monospace;font-size:14px;color:#333;margin:8px 0}.paiement-info-note{padding:12px;background:#e3f2fd;border-left:4px solid #2196f3;border-radius:4px;font-size:14px;color:#1565c0;margin:16px 0}.paiement-margin-top{margin-top:8px}.paiement-virement-form{margin-top:16px}.paiement-rib{background:#f8f9fa;padding:16px;border-radius:8px;margin:16px 0}.paiement-rib h5{margin-bottom:12px;color:#333;font-size:15px}.paiement-rib-item{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #eee}.paiement-rib-item:last-child{border-bottom:none}.paiement-rib-item span{color:#666}.paiement-rib-item strong{color:#333;font-family:monospace}.paiement-method-btn--disabled{opacity:.5;cursor:not-allowed;filter:grayscale(.5)}.paiement-method-btn--disabled:hover{background:#f5f5f5;border-color:#ddd}.paiement-subtitle{font-size:14px;font-weight:600;color:#555;margin:16px 0 8px}.paiement-existing-methods-inline{margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid #eee}.paiement-reference{font-family:monospace;background:#f5f5f5;padding:4px 8px;border-radius:4px;font-size:14px}.paiement-btn-add{width:100%;padding:10px;margin-top:16px;background:none;border:1px dashed #2ecc71;border-radius:6px;color:#2ecc71;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.paiement-btn-add:hover{background:#2ecc71;color:white}.paiement-cesu-label{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.paiement-cesu-name{font-weight:600;color:#333;min-width:120px}.paiement-cesu-reference{color:#666;font-size:14px;flex:1}.paiement-cesu-amount{font-weight:600;color:#2ecc71;min-width:80px;text-align:right}.paiement-method-tooltip-wrapper{position:relative;display:inline-block;width:100%}.paiement-tooltip{visibility:hidden;position:absolute;bottom:100%;left:50%;transform:translateX(-50%);background-color:#333;color:white;text-align:center;padding:5px 10px;border-radius:4px;font-size:12px;white-space:nowrap;z-index:1000;margin-bottom:5px}.paiement-method-tooltip-wrapper:hover .paiement-tooltip{visibility:visible}.paiement-method-tooltip-wrapper .paiement-tooltip:after{content:"";position:absolute;top:100%;left:50%;margin-left:-5px;border:5px solid transparent;border-top-color:#333}.paiement-existing-card.selected,.paiement-existing-cesu.selected{border-color:#2ecc71;background-color:#f0fff4}.paiement-cesu-total{margin-top:16px;padding:12px;background:#f8f9fa;border-radius:6px}.paiement-cesu-total-line{display:flex;justify-content:space-between;padding:4px 0}.paiement-cesu-insufficient{background:#fee;color:#c00}.paiement-cesu-insufficient,.paiement-cesu-sufficient{margin-top:8px;padding:8px;border-radius:4px;font-size:14px;text-align:center}.paiement-cesu-sufficient,.paiement-ready-message{background:#e6f7e6;color:#2e7d32}.paiement-ready-message{margin-top:20px;padding:12px;border-radius:6px;text-align:center;font-weight:500}.paiement-btn-cancel,.paiement-btn-save{flex:1;padding:10px;border:none;border-radius:6px;font-weight:500;cursor:pointer;transition:all .2s;font-size:14px}.paiement-btn-cancel{background:#f5f5f5;color:#666}.paiement-btn-cancel:hover:not(:disabled){background:#e0e0e0}.paiement-btn-save{background:#2ecc71;color:white}.paiement-btn-save:hover:not(:disabled){background:#27ae60}.paiement-btn-cancel:disabled,.paiement-btn-save:disabled{opacity:.5;cursor:not-allowed}.paiement-new-card-form,.paiement-new-cesu-form{margin-top:16px;padding:16px;background:#f9f9f9;border-radius:8px}.paiement-form-actions{display:flex;gap:12px;margin-top:20px}.paiement-actions{display:flex;gap:16px;margin-top:24px;padding-top:24px;border-top:1px solid #e0e0e0}.paiement-btn{flex:1;padding:14px;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;font-size:16px}.paiement-btn.cancel{background:#f5f5f5;color:#666}.paiement-btn.cancel:hover:not(:disabled){background:#e0e0e0}.paiement-btn.submit{background:#2ecc71;color:white}.paiement-btn.submit:hover:not(:disabled){background:#27ae60}.paiement-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.paiement-section{padding:16px}.paiement-method-header{flex-wrap:wrap}.paiement-method-status{margin-left:32px}.paiement-method-type-selector{grid-template-columns:1fr 1fr}.paiement-actions{flex-direction:column}.paiement-btn{width:100%}.paiement-step{flex-direction:column}.paiement-step-number{margin-bottom:8px}.paiement-rib-item{flex-direction:column;gap:4px}}