*{margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.install-pwa-banner{animation:slideUp .5s ease-out;background:linear-gradient(135deg,#667eea,#764ba2);bottom:0;box-shadow:0 -4px 20px #0000004d;color:#fff;left:0;padding:15px 20px;position:fixed;right:0;z-index:9999}.install-pwa-content{align-items:center;display:flex;gap:15px;margin:0 auto;max-width:600px}.install-pwa-icon{flex-shrink:0}.install-pwa-icon img{border-radius:12px;box-shadow:0 4px 12px #0003;height:50px;width:50px}.install-pwa-text{flex:1 1}.install-pwa-text h3{font-size:16px;font-weight:700;margin:0 0 5px}.install-pwa-text p{font-size:13px;line-height:1.4;margin:0;opacity:.95}.install-pwa-actions{align-items:center;display:flex;gap:10px}.btn-install{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 12px #0003;color:#667eea;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .3s ease;white-space:nowrap}.btn-install:hover{box-shadow:0 6px 16px #0000004d;transform:translateY(-2px)}.btn-install:active{transform:translateY(0)}.btn-close-banner{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .3s ease;width:32px}.btn-close-banner:hover{background:#ffffff4d}.ios-instructions-overlay{align-items:center;animation:fadeIn .3s ease;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:10000}.ios-instructions-modal{animation:slideUpModal .3s ease;background:#fff;border-radius:20px;max-height:90vh;max-width:500px;overflow-y:auto;position:relative;width:100%}@keyframes slideUpModal{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.ios-close-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:20px;height:36px;justify-content:center;position:absolute;right:15px;top:15px;transition:all .3s ease;width:36px}.ios-close-btn:hover{background:#e0e0e0;transform:rotate(90deg)}.ios-instructions-content{padding:40px 30px 30px;text-align:center}.ios-app-icon{border-radius:16px;box-shadow:0 8px 24px #00000026;height:80px;margin-bottom:20px;width:80px}.ios-instructions-content h2{color:#333;font-size:24px;font-weight:700;margin:0 0 10px}.ios-subtitle{color:#666;font-size:15px;margin:0 0 30px}.ios-steps{margin-bottom:30px;text-align:left}.ios-step{align-items:flex-start;display:flex;gap:15px;margin-bottom:20px}.ios-step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:16px;font-weight:700;height:32px;justify-content:center;width:32px}.ios-step-text{color:#333;flex:1 1;font-size:15px;line-height:1.6;padding-top:5px}.ios-step-text strong{color:#667eea;font-weight:700}.ios-share-icon{align-items:center;display:inline-flex;margin:0 4px;vertical-align:middle}.ios-benefits{background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border-radius:12px;margin-bottom:25px;padding:20px}.ios-benefits p{color:#667eea;font-size:14px;font-weight:600;margin:8px 0}.ios-got-it-btn{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:16px;font-weight:700;padding:14px 40px;transition:all .3s ease}.ios-got-it-btn:hover{box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.ios-got-it-btn:active{transform:translateY(0)}@media (max-width:480px){.install-pwa-banner{padding:12px 15px}.install-pwa-content{gap:12px}.install-pwa-icon img{height:40px;width:40px}.install-pwa-text h3{font-size:14px}.install-pwa-text p{font-size:12px}.btn-install{font-size:13px;padding:8px 16px}.btn-close-banner{font-size:16px;height:28px;width:28px}.ios-instructions-content{padding:30px 20px 20px}.ios-app-icon{height:60px;width:60px}.ios-instructions-content h2{font-size:20px}.ios-step-text,.ios-subtitle{font-size:14px}.ios-benefits p{font-size:13px}.ios-got-it-btn{width:100%}}.login-container{align-items:center;display:flex;justify-content:center;min-height:100vh;padding:20px}.login-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:450px;padding:50px;width:100%}.login-header{margin-bottom:40px;text-align:center}.login-header h1{color:#667eea;font-size:32px;font-weight:700;margin-bottom:10px}.login-header p{color:#666;font-size:16px}.login-form{display:flex;flex-direction:column;gap:25px}.form-group{gap:8px}.form-group input{border:2px solid #e0e0e0;border-radius:10px;font-size:16px;padding:15px;transition:all .3s ease}.form-group input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.error-message{background:#fee;border-radius:8px;color:#c33;font-size:14px;padding:12px;text-align:center}.btn-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:16px;transition:transform .2s ease,box-shadow .2s ease}.btn-login:hover:not(:disabled){box-shadow:0 10px 25px #667eea66;transform:translateY(-2px)}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{cursor:not-allowed;opacity:.6}.login-footer{border-top:1px solid #e0e0e0;margin-top:30px;padding-top:30px}.default-account{background:#f8f9fa;border-radius:10px;color:#666;font-size:13px;line-height:1.6;padding:15px}.default-account strong{color:#333}.signup-link{border-top:2px solid #e0e0e0;margin-top:30px;padding-top:30px;text-align:center}.signup-link p{color:#666;font-size:15px;margin-bottom:15px}.btn-signup{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:10px;color:#fff;display:inline-block;font-size:15px;font-weight:600;padding:12px 30px;text-decoration:none;transition:all .3s ease}.btn-signup:hover{box-shadow:0 10px 25px #f093fb66;transform:translateY(-2px)}@media (max-width:768px){.login-container{padding:15px}.login-card{max-width:100%;padding:30px 25px}.login-header h1{font-size:26px}.login-header p{font-size:14px}.form-group input{font-size:15px;padding:12px}.btn-login{font-size:15px;padding:14px}.default-account{font-size:12px;padding:12px}.btn-signup,.signup-link p{font-size:14px}.btn-signup{padding:10px 25px}}@media (max-width:480px){.login-container{padding:10px}.login-card{border-radius:15px;padding:25px 20px}.login-header{margin-bottom:30px}.login-header h1{font-size:22px}.login-header p{font-size:13px}.login-form{gap:20px}.form-group label{font-size:13px}.form-group input{font-size:14px;padding:11px}.btn-login{font-size:14px;padding:13px}.error-message{font-size:13px;padding:10px}.login-footer{margin-top:25px;padding-top:25px}.default-account{font-size:11px;padding:10px}.signup-link{margin-top:25px;padding-top:25px}.signup-link p{font-size:13px;margin-bottom:12px}.btn-signup{font-size:13px;padding:10px 20px;width:100%}}.modal-overlay{animation:fadeIn .2s ease;background:#0009}.modal-content{animation:slideUp .3s ease;border-radius:20px;width:90%}.modal-header{border-bottom:1px solid #e0e0e0;padding:30px}.modal-header h2{font-size:24px;font-weight:700}.btn-close{background:none;color:#999;font-size:32px;height:32px;line-height:1;padding:0;transition:color .2s ease;width:32px}.btn-close:hover{color:#333}.modal-form{display:flex;flex-direction:column;gap:20px;padding:30px}.modal-form .form-group{display:flex;flex-direction:column;gap:8px}.modal-form label{color:#333;font-size:14px;font-weight:600}.modal-form input,.modal-form select,.modal-form textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 15px;transition:all .3s ease}.modal-form input:focus,.modal-form select:focus,.modal-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.modal-form textarea{min-height:80px;resize:vertical}.modal-actions{margin-top:10px}.btn-cancel,.btn-save{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .2s ease}.btn-cancel{background:#e0e0e0}.btn-cancel:hover{background:#d0d0d0}.btn-save{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-save:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-save:disabled{cursor:not-allowed;opacity:.6}.form-row{grid-gap:15px;gap:15px}.form-group-checkbox{align-items:center;display:flex;gap:10px;padding:12px 0}.form-group-checkbox input[type=checkbox]{accent-color:#667eea;cursor:pointer;height:20px;width:20px}.form-group-checkbox label{color:#333;cursor:pointer;font-size:14px;font-weight:600;margin:0}.signature-checkbox{background:linear-gradient(135deg,#fff4e6,#ffe8cc);border:2px solid #ff9800;border-radius:10px;margin:10px 0;padding:15px!important}.signature-checkbox label{color:#e65100;font-size:15px;font-weight:700}.signature-checkbox input[type=checkbox]{accent-color:#ff9800}@media (max-width:768px){.modal-overlay{padding:10px}.modal-content{border-radius:15px;max-height:95vh;width:95%}.modal-form,.modal-header{padding:20px}.modal-header h2{font-size:20px}.modal-form input,.modal-form select,.modal-form textarea{font-size:15px;padding:11px 13px}.modal-actions{flex-direction:column}.btn-cancel,.btn-save{font-size:15px;padding:13px 20px;width:100%}.form-row{grid-template-columns:1fr}}@media (max-width:480px){.modal-overlay{padding:5px}.modal-content{border-radius:12px;max-height:98vh;width:98%}.modal-header{padding:15px}.modal-header h2{font-size:18px}.btn-close{font-size:28px}.modal-form{gap:15px;padding:15px}.modal-form label{font-size:13px}.modal-form input,.modal-form select,.modal-form textarea{font-size:14px;padding:10px 12px}.btn-cancel,.btn-save{font-size:14px;padding:12px 18px}.signature-checkbox{padding:12px!important}.signature-checkbox label{font-size:14px}}.detail-overlay{align-items:center;animation:fadeIn .2s ease;background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.detail-client-view{background:#0000;max-width:100%;padding:0;width:100%}.detail-container{animation:slideUp .3s ease;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:900px;overflow-y:auto;width:90%}.detail-header{align-items:flex-start;background:linear-gradient(135deg,#667eea,#764ba2);border-bottom:2px solid #e0e0e0;border-radius:20px 20px 0 0;justify-content:space-between;padding:30px}.detail-header h2{color:#fff;font-size:20px;font-weight:700;letter-spacing:1px;margin:0 0 5px;text-transform:uppercase}.client-name{color:#ffffffe6;font-size:24px;font-weight:700;margin:0}.detail-content{flex:1 1;overflow-y:auto;padding:30px}.detail-section h3{border-bottom:2px solid #667eea;color:#667eea;font-size:18px;font-weight:700;margin:0 0 20px;padding-bottom:10px}.info-item{gap:5px}.info-item.full-width{grid-column:1/-1}.info-item label{color:#666;font-size:12px}.info-item p{color:#333;font-size:16px;font-weight:500;margin:0;max-width:100%;overflow-wrap:break-word;word-break:break-word}.info-item p.highlight{color:#667eea;font-size:18px;font-weight:700}.comments-section{background:#fff;border:2px solid #e0e0e0}.comment-form{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.comment-form textarea{border:2px solid #e0e0e0;border-radius:10px;font-family:inherit;font-size:15px;padding:15px;resize:vertical;transition:all .3s ease}.comment-form textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-add-comment{align-self:flex-end;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .2s ease}.btn-add-comment:hover:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-add-comment:disabled{cursor:not-allowed;opacity:.5}.comments-list{display:flex;flex-direction:column;gap:15px}.loading-comments,.no-comments{color:#999;font-style:italic;padding:30px;text-align:center}.comment-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:15px}.comment-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.comment-author{align-items:center;display:flex;gap:10px}.comment-author strong{color:#333;font-size:14px}.role-badge-small{border-radius:8px;font-size:10px;font-weight:600;letter-spacing:.5px;padding:2px 8px;text-transform:uppercase}.role-badge-small.badge-superviseur{background:linear-gradient(135deg,#9b59b6,#8e44ad);color:#fff}.role-badge-small.badge-superviseur-agent{background:linear-gradient(135deg,#9b59b6,#3498db);color:#fff}.comment-actions{align-items:center;display:flex;gap:10px}.comment-date{color:#999;font-size:12px}.btn-delete-comment{background:none;border:none;cursor:pointer;font-size:16px;opacity:.5;transition:opacity .2s ease}.btn-delete-comment:hover{opacity:1}.comment-text{color:#555;font-size:14px;line-height:1.6;margin:0;white-space:pre-wrap}.detail-footer{background:#f8f9fa;border-radius:0 0 20px 20px;border-top:2px solid #e0e0e0;display:flex;justify-content:space-between;padding:20px 30px}.btn-close-detail,.btn-edit-detail,.btn-generate-bon-commande,.btn-generate-invoice{border:none;border-radius:10px;cursor:pointer;font-size:15px;font-weight:600;padding:12px 30px;transition:all .2s ease}.btn-close-detail{background:#e0e0e0;color:#666}.btn-close-detail:hover{background:#d0d0d0}.btn-edit-detail{background:#2196f3;color:#fff}.btn-edit-detail:hover{background:#1976d2;box-shadow:0 5px 15px #2196f34d;transform:translateY(-2px)}.btn-generate-invoice{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-generate-invoice:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.btn-generate-invoice:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-generate-bon-commande{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-generate-bon-commande:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:0 5px 15px #ff98004d;transform:translateY(-2px)}.btn-generate-bon-commande:disabled{cursor:not-allowed;opacity:.6;transform:none}.files-section{background:#fff;border:2px solid #e0e0e0}.file-upload-form{background:#f8f9fa;border:2px dashed #667eea;border-radius:10px;display:flex;flex-direction:column;gap:10px;margin-bottom:25px;padding:20px;text-align:center}.btn-upload-file{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;cursor:pointer;display:inline-block;font-size:15px;font-weight:600;margin:0 auto;padding:12px 24px;transition:all .2s ease}.btn-upload-file:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.upload-hint{color:#999;font-size:13px;margin:0}.files-list{gap:12px}.loading-files,.no-files{color:#999;font-style:italic;padding:30px;text-align:center}.file-item{border:1px solid #e0e0e0;padding:15px;transition:all .2s ease}.file-item:hover{background:#fff;border-color:#667eea;box-shadow:0 2px 8px #0000001a}.file-info{flex:1 1}.file-icon{flex-shrink:0}.file-details{display:flex;flex:1 1;flex-direction:column;gap:5px;min-width:0}.file-name{color:#667eea;font-size:15px;overflow:hidden;text-decoration:none;text-overflow:ellipsis;transition:color .2s ease;white-space:nowrap}.file-name:hover{color:#764ba2;text-decoration:underline}.file-meta{align-items:center;color:#999;display:flex;flex-wrap:wrap;font-size:12px;gap:8px}.file-date,.file-size,.file-uploader{white-space:nowrap}.file-separator{color:#ccc}.btn-delete-file{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:18px;opacity:.5;padding:5px;transition:opacity .2s ease}.btn-delete-file:hover{opacity:1}.history-section{background:#fff;border:2px solid #e0e0e0}.history-list{display:flex;flex-direction:column;gap:15px}.loading-history,.no-history{color:#999;font-style:italic;padding:30px;text-align:center}.history-item{background:#f8f9fa;border-left:4px solid #667eea;border-radius:10px;padding:15px;transition:all .2s ease}.history-item:hover{background:#fff;box-shadow:0 2px 8px #0000001a}.history-header{justify-content:space-between;margin-bottom:10px}.history-action,.history-header{align-items:center;display:flex}.action-badge{border-radius:8px;font-size:13px;font-weight:600;padding:6px 12px;white-space:nowrap}.action-modification{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.action-paiement{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.action-abonnement_cree,.action-abonnement_mis_a_jour{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.action-abonnement_annule{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.history-meta{align-items:center;color:#999;display:flex;font-size:12px;gap:8px}.history-user{color:#666;font-weight:600}.history-separator{color:#ccc}.history-date{color:#999}.history-description{color:#555;font-size:14px;line-height:1.6;margin:0 0 8px}.history-change{align-items:center;background:#fff;border-radius:8px;display:flex;font-size:13px;gap:10px;margin-top:10px;padding:10px}.change-old{background:#f443361a;border-radius:5px;color:#f44336;font-weight:600;padding:4px 8px;text-decoration:line-through}.change-arrow{color:#999;font-weight:700}.change-new{background:#4caf501a;border-radius:5px;color:#4caf50;font-weight:600;padding:4px 8px}.status-badge{border-radius:8px;padding:6px 12px;white-space:nowrap}.status-yes{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.status-no{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.status-pending{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-close{font-size:28px;font-weight:300}.btn-close:hover{transform:rotate(90deg)}.payment-stats-section{background:#fff;border:2px solid #e0e0e0}.payment-stats-section h3{border-bottom-color:#667eea33;color:#667eea}.payment-stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(4,1fr)}.stat-card{border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a;transition:all .3s ease}.stat-card:hover{background:#f8f9fa;box-shadow:0 5px 15px #00000026;transform:translateY(-3px)}.stat-label{font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-value{font-size:32px;margin-bottom:5px}.stat-amount{color:#555;font-size:14px;font-weight:600}.stat-subtext{color:#777;font-size:11px;margin-top:5px}.stripe-links-section{background:#fff;border:2px solid #e0e0e0}.stripe-links-list{display:flex;flex-direction:column;gap:15px}.loading-links{color:#999;font-style:italic;padding:30px;text-align:center}.stripe-link-item{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .2s ease}.stripe-link-item:hover{background:#fff;border-color:#667eea;box-shadow:0 3px 10px #0000001a}.link-header{justify-content:space-between;margin-bottom:10px}.link-header,.link-info{align-items:center;display:flex}.link-info{gap:10px}.link-status{border-radius:8px;font-size:13px;font-weight:600;padding:6px 12px;white-space:nowrap}.link-status.status-pending{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.link-status.status-paid{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.link-status.status-canceled,.link-status.status-expired{background:linear-gradient(135deg,#9e9e9e,#757575);color:#fff}.link-bdc{background:#667eea1a;border-radius:6px;color:#667eea;font-size:13px;font-weight:600;padding:4px 10px}.link-amount{color:#4caf50;font-size:20px;font-weight:700}.link-description{color:#666;font-size:13px;line-height:1.5;margin:10px 0}.link-actions{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.btn-copy-link,.btn-open-link{border:none;border-radius:8px;cursor:pointer;display:inline-block;font-size:13px;font-weight:600;padding:8px 16px;text-decoration:none;transition:all .2s ease}.btn-open-link{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-open-link:hover{box-shadow:0 3px 10px #667eea4d;transform:translateY(-2px)}.btn-copy-link{background:#2196f3;color:#fff}.btn-copy-link:hover{background:#1976d2;box-shadow:0 3px 10px #2196f34d;transform:translateY(-2px)}.link-date{color:#999;font-size:12px;margin-left:auto}@media (max-width:768px){.payment-stats-grid{grid-template-columns:repeat(2,1fr)}.link-header{align-items:flex-start;flex-direction:column;gap:10px}.link-actions{width:100%}.link-date{margin-left:0;width:100%}.detail-container{max-height:95vh;width:95%}.detail-content,.detail-footer,.detail-header{padding:20px}.info-grid{grid-template-columns:1fr}.detail-footer{flex-direction:column;gap:10px}.btn-close-detail,.btn-edit-detail{width:100%}}.comment-item.comment-client{background:linear-gradient(135deg,#667eea,#764ba2);border-left:4px solid #667eea}.comment-item.comment-client .comment-author strong,.comment-item.comment-client .comment-date,.comment-item.comment-client .comment-text{color:#fff}.comment-item.comment-admin{background:#f8f9fa;border-left:4px solid #28a745}.comment-item.comment-admin .comment-author strong{color:#28a745}.comment-item.comment-internal{background:#fff8e1;border-left:4px solid #ffa726}.comment-item.comment-internal .comment-author strong{color:#f57c00}.section-info{background:#e3f2fd;border-left:3px solid #2196f3;border-radius:4px;color:#1976d2;font-size:.9em;margin:10px 0 20px;padding:10px 15px}.payment-schedule{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;margin-top:20px;padding:20px}.payment-schedule h3{align-items:center;color:#1a1a2e;display:flex;font-size:1.25rem;gap:10px;margin:0 0 20px}.payment-schedule h3 .icon{font-size:1.5rem}.payment-summary{grid-gap:15px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:10px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:25px;padding:15px}.summary-item{padding:10px;text-align:center}.summary-item .label{color:#6c757d;font-size:.75rem;letter-spacing:.5px;margin-bottom:5px;text-transform:uppercase}.summary-item .value{font-size:1.25rem;font-weight:700}.summary-item .value.total{color:#1a1a2e}.summary-item .value.paye{color:#28a745}.summary-item .value.reste{color:#dc3545}.summary-item .value.retard{color:#ffc107}.progress-bar-container{margin-bottom:25px}.progress-bar{background:#e9ecef;border-radius:6px;height:12px;overflow:hidden;position:relative}.progress-bar .progress-fill{background:linear-gradient(90deg,#28a745,#20c997);border-radius:6px;height:100%;transition:width .5s ease}.progress-bar .progress-text{color:#fff;font-size:.7rem;font-weight:600;left:50%;position:absolute;text-shadow:0 1px 2px #0000004d;top:50%;transform:translate(-50%,-50%)}.schedule-actions{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.schedule-actions button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:6px;padding:8px 16px;transition:all .2s ease}.schedule-actions .btn-generate{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.schedule-actions .btn-generate:hover{box-shadow:0 4px 12px #667eea4d;transform:translateY(-1px)}.schedule-actions .btn-add{background:#28a745;color:#fff}.schedule-actions .btn-add:hover{background:#218838}.echeances-list{display:flex;flex-direction:column;gap:12px}.echeance-item{align-items:center;background:#f8f9fa;border-left:4px solid #e9ecef;border-radius:10px;display:flex;padding:15px;transition:all .2s ease}.echeance-item:hover{background:#e9ecef}.echeance-item.paye{background:#d4edda;border-left-color:#28a745}.echeance-item.en_attente{background:#fff3cd;border-left-color:#ffc107}.echeance-item.en_retard{background:#f8d7da;border-left-color:#dc3545}.echeance-numero{align-items:center;background:#1a1a2e;border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:.9rem;font-weight:700;height:40px;justify-content:center;margin-right:15px;width:40px}.echeance-item.paye .echeance-numero{background:#28a745}.echeance-item.en_retard .echeance-numero{background:#dc3545}.echeance-details{display:flex;flex:1 1;flex-direction:column;gap:5px}.echeance-montant{color:#1a1a2e;font-size:1.1rem;font-weight:700}.echeance-date{align-items:center;color:#6c757d;display:flex;font-size:.85rem;gap:5px}.echeance-date.payee{color:#28a745;font-weight:500}.echeance-date.retard{color:#dc3545;font-weight:500}.echeance-status{border-radius:20px;font-size:.75rem;font-weight:600;margin-right:15px;padding:4px 12px;text-transform:uppercase}.echeance-status.paye{background:#28a745;color:#fff}.echeance-status.en_attente{background:#ffc107;color:#1a1a2e}.echeance-status.en_retard{background:#dc3545;color:#fff}.echeance-actions{display:flex;gap:8px}.echeance-actions button{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;font-size:.8rem;gap:4px;padding:6px 12px;transition:all .2s ease}.echeance-actions .btn-payer{background:#28a745;color:#fff}.echeance-actions .btn-payer:hover{background:#218838}.echeance-actions .btn-annuler{background:#dc3545;color:#fff}.echeance-actions .btn-annuler:hover{background:#c82333}.echeance-actions .btn-modifier{background:#6c757d;color:#fff}.echeance-actions .btn-modifier:hover{background:#5a6268}.generate-modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.generate-modal{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0003;max-width:400px;padding:25px;width:90%}.generate-modal h4{color:#1a1a2e;margin:0 0 20px}.generate-modal .form-group{margin-bottom:15px}.generate-modal label{color:#495057;display:block;font-weight:500;margin-bottom:5px}.generate-modal input{border:1px solid #ced4da;border-radius:8px;box-sizing:border-box;font-size:1rem;padding:10px 12px;width:100%}.generate-modal input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea33;outline:none}.generate-modal .modal-actions{display:flex;gap:10px;margin-top:20px}.generate-modal .modal-actions button{border:none;border-radius:8px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:500;padding:10px}.generate-modal .btn-confirm{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.generate-modal .btn-cancel{background:#e9ecef;color:#495057}.no-echeances{color:#6c757d;padding:40px 20px;text-align:center}.no-echeances .icon{font-size:3rem;margin-bottom:15px;opacity:.5}.no-echeances p{font-size:.95rem;margin:0}@media (max-width:768px){.echeance-item{flex-wrap:wrap;gap:10px}.echeance-actions{justify-content:flex-end;width:100%}.payment-summary{grid-template-columns:repeat(2,1fr)}}.loading-schedule{color:#6c757d;padding:40px;text-align:center}.loading-schedule .spinner{animation:spin 1s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#667eea;height:40px;margin:0 auto 15px;width:40px}.stats-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(3,1fr)}.stat-box{background:#fff;border:2px solid #e0e0e0;border-radius:10px;padding:15px;text-align:center;transition:all .2s ease}.stat-box:hover{border-color:#667eea;box-shadow:0 5px 15px #667eea1a}.stat-box label{color:#666;display:block;font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.stat-box .stat-value{color:#667eea;font-size:20px;font-weight:700;margin:0}.clients-list{margin-top:15px;overflow-x:auto}.clients-list table{background:#fff;border-collapse:collapse;border-radius:10px;overflow:hidden;width:100%}.clients-list thead{background:linear-gradient(135deg,#667eea,#764ba2)}.clients-list th{color:#fff;font-size:11px;font-weight:600;letter-spacing:.5px;padding:12px;text-align:left;text-transform:uppercase}.clients-list td{border-bottom:1px solid #f0f0f0;color:#333;font-size:14px;padding:12px}.clients-list tbody tr:hover{background:#f8f9fa}.clients-list tbody tr:last-child td{border-bottom:none}.no-data{color:#999;font-style:italic;padding:30px;text-align:center}.status-badge{font-size:12px}.header-actions{align-items:center;gap:10px}.btn-close{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;font-size:20px;height:40px;justify-content:center;transition:all .2s ease;width:40px}.btn-close:hover{background:#ffffff4d;transform:scale(1.1)}.btn-edit{background:#fff;border-radius:8px;color:#667eea;font-size:14px;font-weight:600;padding:10px 20px;transition:all .2s ease}.btn-edit:hover{background:#f0f0f0}@media (max-width:768px){.stats-grid{grid-template-columns:repeat(2,1fr)}.clients-list{overflow-x:auto}.clients-list table{min-width:600px}}@media (max-width:480px){.stats-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.users-table{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow-x:auto;overflow-y:visible}.users-table::-webkit-scrollbar{height:12px}.users-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 15px 15px}.users-table::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.users-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#63398d)}.users-table table{border-collapse:collapse;min-width:1700px;width:100%}.users-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.users-table th{color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:20px;text-align:left;text-transform:uppercase}.users-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:20px}.users-table tbody tr{transition:background .2s ease}.users-table tbody tr:hover{background:#f8f9fa}.users-table tbody tr:last-child td{border-bottom:none}.users-table td:first-child,.users-table th:first-child{box-shadow:2px 0 5px #0000001a;left:0;position:-webkit-sticky;position:sticky;z-index:10}.users-table td:nth-child(2),.users-table th:nth-child(2){box-shadow:2px 0 5px #0000001a;left:150px;position:-webkit-sticky;position:sticky;z-index:10}.users-table th:first-child,.users-table th:nth-child(2){background:linear-gradient(135deg,#667eea,#764ba2)}.users-table td:first-child,.users-table td:nth-child(2){background:#fff}.users-table tbody tr:hover td:first-child,.users-table tbody tr:hover td:nth-child(2){background:#f8f9fa}select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 15px;transition:all .3s ease;width:100%}select:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.btn-pay{background:#4caf50;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-pay:hover{background:#45a049;transform:translateY(-2px)}.badge-client{background:linear-gradient(135deg,#3498db,#2980b9);box-shadow:0 2px 8px #3498db4d;color:#fff}.badge-client,.badge-superviseur{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.badge-superviseur{background:linear-gradient(135deg,#9b59b6,#8e44ad);box-shadow:0 2px 8px #9b59b64d}.badge-superviseur-agent{background:linear-gradient(135deg,#9b59b6,#3498db);border-radius:20px;box-shadow:0 2px 8px #9b59b64d;color:#fff;display:inline-block;font-size:12px;font-weight:600;letter-spacing:.5px;padding:6px 14px;text-transform:uppercase}.documents-management{margin:0 auto;max-width:1400px;padding:40px}.documents-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:30px}.documents-header h2{color:#fff;font-size:28px;font-weight:700;margin:0}.header-controls{display:flex;flex:1 1;flex-direction:column;gap:15px}.search-box-docs{max-width:500px;width:100%}.search-box-docs input{border:none;border-radius:10px;box-shadow:0 3px 10px #0000001a;font-size:15px;padding:12px 20px;transition:all .3s ease;width:100%}.search-box-docs input:focus{box-shadow:0 5px 15px #667eea4d;outline:none}.filter-btn{background:#ffffff1a;border:2px solid #ffffff4d;color:#fff;padding:10px 20px;transition:all .3s ease}.filter-btn:hover{background:#fff3;border-color:#ffffff80}.filter-btn.active{background:#fff;border-color:#fff;box-shadow:0 5px 15px #ffffff4d;color:#667eea}.documents-table{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow:hidden}.documents-table table{border-collapse:collapse;width:100%}.documents-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.documents-table th{color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:20px;text-align:left;text-transform:uppercase}.documents-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:20px}.documents-table tbody tr{transition:background .2s ease}.documents-table tbody tr:hover{background:#f8f9fa}.documents-table tbody tr:last-child td{border-bottom:none}.doc-type-badge{border-radius:8px;display:inline-block;font-size:13px;font-weight:600;padding:6px 12px;white-space:nowrap}.badge-facture{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.badge-bdc{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.doc-numero{color:#667eea;font-size:14px;font-weight:600}.doc-montant{color:#4caf50;font-size:16px;font-weight:700}.actions{gap:10px}.btn-delete-doc,.btn-download{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-download{background:#2196f3}.btn-download:hover{background:#1976d2;box-shadow:0 3px 10px #2196f34d}.btn-delete-doc{background:#f44336;color:#fff}.btn-delete-doc:hover{background:#d32f2f;box-shadow:0 3px 10px #f443364d;transform:translateY(-2px)}@media (max-width:768px){.documents-management{padding:20px}.documents-header{align-items:flex-start;flex-direction:column}.filter-buttons{justify-content:flex-start;width:100%}.filter-btn{flex:1 1;min-width:80px}.documents-table{overflow-x:auto}.documents-table table{min-width:800px}.actions{flex-direction:column;gap:5px}.btn-delete-doc,.btn-download{width:100%}}.client-portal{margin:0 auto;max-width:1200px;padding:30px}.client-portal-error,.client-portal-loading{font-size:18px;padding:50px 20px;text-align:center}.client-portal-error{color:#e74c3c}.portal-header{margin-bottom:40px;text-align:center}.portal-header h1{color:#667eea;font-size:32px;margin-bottom:10px}.portal-subtitle{color:#666;font-size:18px}.portal-section{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;margin-bottom:30px;padding:30px}.portal-section h2{border-bottom:2px solid #f0f0f0;color:#667eea;font-size:22px;margin-bottom:25px;padding-bottom:15px}.info-grid{grid-gap:25px;gap:25px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.info-item{display:flex;flex-direction:column;gap:8px}.info-item label{color:#999;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.info-item span{color:#333;font-size:16px;font-weight:500}.info-item .amount{color:#667eea;font-size:18px;font-weight:700}.status-badge{border-radius:20px;font-size:13px;padding:6px 14px;width:-webkit-fit-content;width:fit-content}.status-yes{background:#e7f7ef;color:#27ae60}.status-pending{background:#fff3e0;color:#f39c12}.status-no{background:#ffe5e5;color:#e74c3c}.no-files{color:#999;font-size:16px;padding:40px 20px;text-align:center}.files-list{display:flex;flex-direction:column;gap:15px}.file-item{align-items:center;background:#f8f9fa;border-radius:10px;display:flex;justify-content:space-between;padding:20px;transition:all .3s ease}.file-item:hover{background:#e9ecef;transform:translateX(5px)}.file-info{align-items:center;display:flex;gap:15px}.file-icon{font-size:32px}.file-name{color:#333;font-size:16px;font-weight:600;margin-bottom:5px}.file-date{color:#999;font-size:13px}.btn-download{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-download:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-download:active{transform:translateY(0)}@media (max-width:768px){.client-portal{padding:20px}.portal-header h1{font-size:24px}.info-grid{gap:20px;grid-template-columns:1fr}.file-item{align-items:flex-start;flex-direction:column;gap:15px}.btn-download{width:100%}}.notification-center{margin:0 auto;max-width:1400px;padding:30px}.notification-center-header{margin-bottom:40px}.notification-center-header h2{color:#333;font-size:32px;font-weight:700;margin-bottom:10px}.notification-center-header p{color:#666;font-size:16px}.notification-form-container{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:40px}@media (max-width:1024px){.notification-form-container{grid-template-columns:1fr}}.notification-form{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:30px}.form-group{margin-bottom:25px}.form-group input[type=text],.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input[type=text]:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:100px}.form-group small{color:#999}.checkbox-group,.checkbox-group label{align-items:center;display:flex}.checkbox-group label{cursor:pointer;font-weight:500}.checkbox-group input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.notification-result{border-radius:8px;font-weight:600;margin-bottom:20px;padding:15px}.notification-result.success{background-color:#d4edda;border:1px solid #c3e6cb;color:#155724}.notification-result.error{background-color:#f8d7da;border:1px solid #f5c6cb;color:#721c24}.btn-send-notification{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.btn-send-notification:hover:not(:disabled){box-shadow:0 6px 20px #667eea66;transform:translateY(-2px)}.btn-send-notification:disabled{cursor:not-allowed;opacity:.6}.notification-preview{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.notification-preview h3{color:#333;font-size:20px;font-weight:700;margin-bottom:20px}.preview-notification{background:#f5f5f5;border-radius:12px;box-shadow:0 4px 12px #0000001a;display:flex;gap:15px;margin-bottom:15px;padding:20px}.preview-icon img{border-radius:12px;height:60px;width:60px}.preview-content{flex:1 1}.preview-title{color:#333;font-size:16px;font-weight:700;margin-bottom:5px}.preview-message{color:#666;font-size:14px;line-height:1.4;margin-bottom:8px}.preview-meta{color:#999;display:flex;font-size:12px;gap:8px}.preview-note{background:#fff3cd;border:1px solid #ffc107;border-radius:8px;color:#856404;font-size:13px;line-height:1.5;padding:12px}.notification-tips{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000001a;padding:30px}.notification-tips h3{color:#333;font-size:20px;font-weight:700;margin-bottom:15px}.notification-tips ul{list-style:none;margin:0;padding:0}.notification-tips li{color:#666;font-size:14px;line-height:1.6;padding:10px 0}.email-center{margin:0 auto;max-width:1400px;padding:20px}.email-center-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:15px;color:#fff;margin-bottom:30px;padding:20px;text-align:center}.email-center-header h2{font-size:28px;margin:0 0 10px}.email-center-header p{font-size:16px;margin:0;opacity:.95}.email-form-container{grid-gap:30px;display:grid;gap:30px;grid-template-columns:1fr 450px;margin-bottom:30px}@media (max-width:1200px){.email-form-container{grid-template-columns:1fr}}.email-form{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;padding:30px}.form-section{border-bottom:2px solid #f0f0f0;margin-bottom:30px;padding-bottom:25px}.form-section:last-of-type{border-bottom:none}.form-section h3{align-items:center;color:#667eea;display:flex;font-size:20px;gap:8px;margin-bottom:20px}.send-to-all-option{background:#f8f9ff;border:2px solid #667eea;border-radius:10px;margin-bottom:20px;padding:15px}.send-to-all-option label{align-items:center;color:#333;cursor:pointer;display:flex;font-weight:600}.send-to-all-option input[type=checkbox]{cursor:pointer;height:20px;margin-right:10px;width:20px}.clients-selector{background:#f8f9fa;border-radius:10px;padding:20px}.clients-search{display:flex;gap:10px;margin-bottom:15px}.clients-search input{border:2px solid #e0e0e0;border-radius:8px;flex:1 1;font-size:14px;padding:12px 15px;transition:border-color .3s ease}.clients-search input:focus{border-color:#667eea;outline:none}.btn-select-all{background:#667eea;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 20px;transition:background .3s ease;white-space:nowrap}.btn-select-all:hover{background:#5568d3}.clients-list{background:#fff;border-radius:8px;max-height:400px;overflow-y:auto;padding:10px}.clients-list::-webkit-scrollbar{width:8px}.clients-list::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.clients-list::-webkit-scrollbar-thumb{background:#667eea;border-radius:10px}.client-item{border-bottom:1px solid #f0f0f0;padding:12px;transition:background .2s ease}.client-item:hover{background:#f8f9ff}.client-item:last-child{border-bottom:none}.client-item label{align-items:center;cursor:pointer;display:flex}.client-item input[type=checkbox]{cursor:pointer;height:18px;margin-right:12px;width:18px}.client-info{gap:4px}.client-name{align-items:center;display:flex;font-weight:600;gap:8px}.prospect-badge{background:linear-gradient(135deg,#f093fb,#f5576c);border-radius:12px;color:#fff;display:inline-block;font-size:11px;font-weight:600;letter-spacing:.5px;padding:3px 10px;text-transform:uppercase}.client-company{font-style:italic}.client-email{color:#888;font-size:13px}.selected-count{background:#667eea;border-radius:8px;color:#fff;font-weight:600;margin-top:15px;padding:10px 15px;text-align:center}.no-clients{color:#999;font-style:italic;padding:30px;text-align:center}.form-group input,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:14px;padding:12px 15px;transition:border-color .3s ease;width:100%}.form-group input:focus,.form-group textarea:focus{border-color:#667eea;outline:none}.form-group textarea{min-height:150px}.form-group small{color:#888;display:block;font-size:12px;margin-top:5px}.attachments-list{background:#f8f9fa;border-radius:8px;margin-top:15px;padding:15px}.attachment-item{align-items:center;background:#fff;border-radius:6px;display:flex;justify-content:space-between;margin-bottom:8px;padding:10px}.attachment-item:last-child{margin-bottom:0}.attachment-name{color:#333;font-weight:600}.attachment-size{color:#888;font-size:12px;margin-left:10px}.btn-remove-attachment{background:#ff4757;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:16px;height:24px;line-height:1;transition:background .3s ease;width:24px}.btn-remove-attachment:hover{background:#ee5a6f}.email-result{animation:slideIn .3s ease;border-radius:10px;margin:20px 0;padding:20px}.email-result.success{background:linear-gradient(135deg,#2ecc71,#27ae60);color:#fff}.email-result.error{background:linear-gradient(135deg,#e74c3c,#c0392b);color:#fff}.result-message{font-size:16px;font-weight:600;margin-bottom:15px}.result-stats{display:flex;gap:20px;margin-bottom:15px}.stat{background:#fff3;border-radius:8px;display:flex;flex-direction:column;padding:10px 15px}.stat-label{margin-bottom:4px}.stat-value{font-size:24px}.result-errors{background:#0000001a;border-radius:8px;margin-top:15px;padding:15px}.result-errors ul{list-style-type:disc;margin:10px 0 0 20px}.result-errors li{font-size:14px;margin:5px 0}.btn-send-email{border-radius:10px;box-shadow:0 4px 15px #667eea66;font-size:16px;font-weight:700;padding:15px 30px;transition:transform .2s ease,box-shadow .2s ease;width:100%}.btn-send-email:hover:not(:disabled){box-shadow:0 6px 20px #667eea99}.email-preview{background:#fff;border-radius:15px;box-shadow:0 4px 15px #0000001a;height:-webkit-fit-content;height:fit-content;padding:30px;position:-webkit-sticky;position:sticky;top:20px}.email-preview h3{color:#667eea;font-size:20px;margin-bottom:20px}.email-preview-box{border:2px solid #e0e0e0;border-radius:10px;font-family:Arial,sans-serif;overflow:hidden}.email-preview-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:25px;text-align:center}.email-preview-logo{color:#fff;font-size:24px;font-weight:700}.email-preview-body{background:#f5f5f5;min-height:200px;padding:25px}.email-preview-body p{color:#333;margin:0 0 15px}.email-preview-message{word-wrap:break-word;background:#fff;border-radius:8px;color:#333;line-height:1.6;margin:15px 0;min-height:100px;padding:20px;white-space:pre-wrap}.email-preview-signature{color:#666;font-size:14px;margin-top:25px}.email-preview-footer{background:#333;color:#999;font-size:12px;padding:15px;text-align:center}.email-tips{background:linear-gradient(135deg,#f8f9ff,#e8eaf6);border-left:5px solid #667eea;border-radius:15px;padding:25px}.email-tips h3{color:#667eea;font-size:18px;margin-bottom:15px}.email-tips ul{list-style:none;margin:0;padding:0}.email-tips li{color:#555;font-size:14px;padding:8px 0}@media (max-width:768px){.email-center{padding:15px}.email-center-header h2{font-size:24px}.email-form,.email-preview{padding:20px}.clients-search,.result-stats{flex-direction:column}.result-stats{gap:10px}}.prospects-container{padding:0}.prospects-header{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;margin-bottom:30px;padding:30px}.prospects-header-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.prospects-title{color:#667eea;font-size:28px;font-weight:700;margin:0 0 8px}.prospects-count{color:#666;font-size:15px;font-weight:500}.prospects-count strong{color:#667eea;font-size:17px}.prospects-actions{display:flex;gap:15px}.btn-add-prospect{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-add-prospect:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-download-model{background:linear-gradient(135deg,#4facfe,#00f2fe);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;text-decoration:none;transition:all .3s ease}.btn-download-model:hover{box-shadow:0 5px 15px #4facfe66;transform:translateY(-2px)}.btn-import{background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-import:hover{box-shadow:0 5px 15px #f5576c4d;transform:translateY(-2px)}.btn-export{background:linear-gradient(135deg,#43e97b,#38f9d7);border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-export:hover:not(:disabled){box-shadow:0 5px 15px #43e97b66;transform:translateY(-2px)}.btn-export:disabled{background:#e0e0e0;color:#999;cursor:not-allowed;transform:none}.prospects-filters{align-items:center;display:flex;flex-wrap:wrap;gap:20px}.search-container{flex:1 1;min-width:250px}.search-input{border:2px solid #e0e0e0;font-size:16px;padding:12px 20px;transition:all .3s ease;width:100%}.filter-naf{align-items:center;display:flex;gap:10px}.filter-naf label{color:#333;font-weight:600;white-space:nowrap}.naf-input{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:10px 15px;transition:all .3s ease;width:180px}.naf-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-statut{align-items:center;display:flex;gap:10px}.filter-statut label{color:#333;font-weight:600}.filter-statut select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:16px;padding:10px 15px;transition:all .3s ease}.filter-statut select:focus{border-color:#667eea;outline:none}.filter-categorie,.filter-effectif,.filter-email,.filter-telephone{align-items:center;display:flex;gap:10px}.filter-categorie label,.filter-effectif label,.filter-email label,.filter-telephone label{color:#333;font-weight:600;white-space:nowrap}.filter-categorie select,.filter-effectif select,.filter-email select,.filter-telephone select{background:#fff;border:2px solid #e0e0e0;border-radius:8px;cursor:pointer;font-size:16px;min-width:160px;padding:10px 15px;transition:all .3s ease}.filter-categorie select:focus,.filter-effectif select:focus,.filter-email select:focus,.filter-telephone select:focus{border-color:#667eea;outline:none}.prospects-table-container{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.prospects-table-container.scrollable{max-height:450px;overflow-x:auto;overflow-y:auto}.prospects-table{border-collapse:collapse;width:100%}.prospects-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.prospects-table thead th{color:#fff;font-size:14px;font-weight:600;letter-spacing:.5px;padding:15px;text-align:left;text-transform:uppercase}.prospects-table tbody tr{border-bottom:1px solid #f0f0f0;transition:background .2s ease}.prospects-table tbody tr:hover{background:#f8f9fa}.prospects-table tbody td{color:#333;font-size:14px;padding:15px}.statut-badge{font-size:13px;padding:6px 12px;white-space:nowrap}.statut-nouveau{background:#e3f2fd;color:#1976d2}.statut-contacte{background:#fff3e0;color:#f57c00}.statut-interesse{background:#e8f5e9;color:#388e3c}.statut-non-interesse{background:#fce4ec;color:#c2185b}.statut-converti{background:#f3e5f5;color:#7b1fa2}.statut-faux-numero{background:#ffebee;color:#d32f2f}.statut-rdv-pris{background:#e1f5fe;color:#0277bd}.statut-en-negociation{background:#fff9e6;color:#f9a825}.actions-cell{gap:8px}.btn-convert,.btn-delete,.btn-edit,.btn-view{background:none;border:none;border-radius:5px;cursor:pointer;font-size:18px;padding:5px 10px;transition:all .2s ease}.btn-view:hover{background:#e8eaf6}.btn-convert:hover{background:#e8f5e9}.btn-convert:disabled{cursor:not-allowed;opacity:.5}.btn-edit:hover{background:#e3f2fd}.btn-delete:hover{background:#ffebee}.no-prospects{background:#fff;border-radius:15px;padding:60px 30px;text-align:center}.no-prospects p{color:#999;font-size:18px;margin-bottom:20px}.btn-reset-filters{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px}.modal-overlay{background:#000000b3}.modal-content{border-radius:15px;box-shadow:0 10px 50px #0000004d;max-width:700px;padding:40px}.modal-content h3{color:#667eea;font-size:24px;font-weight:700;margin:0 0 30px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group label{color:#333;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;font-family:inherit;font-size:16px;padding:12px 15px;transition:all .3s ease}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{border-top:1px solid #e0e0e0;gap:15px;margin-top:30px;padding-top:20px}.btn-cancel{background:#f5f5f5;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-cancel:hover{background:#e0e0e0}.btn-submit{border-radius:8px;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-submit:hover{box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.modal-detail-large{max-width:900px}.detail-view{display:flex;flex-direction:column;gap:20px}.detail-section{border-left:4px solid #667eea;border-radius:10px;padding:20px}.detail-section h4{border-bottom:2px solid #e0e0e0;color:#667eea;font-size:16px;font-weight:700;margin:0 0 15px;padding-bottom:10px}.detail-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:180px 1fr;padding:10px 0}.detail-row strong{color:#555;font-size:14px;font-weight:600}.detail-row p,.detail-row span{color:#333;font-size:14px;line-height:1.6}.detail-notes{margin-top:10px}.detail-notes p{background:#fff;border-left:3px solid #667eea;border-radius:8px;color:#333;line-height:1.6;margin:0;padding:15px;white-space:pre-wrap}.statut-cell{align-items:center;display:flex;gap:10px}.btn-view-inline{background:none;border:none;cursor:pointer;flex-shrink:0;font-size:20px;padding:5px;transition:all .2s ease}.btn-view-inline:hover{transform:scale(1.2)}.statut-select{border:2px solid #0000;border-radius:20px;font-size:13px;min-width:160px;outline:none;padding:8px 12px;transition:all .3s ease}.statut-select:hover{box-shadow:0 2px 8px #00000026;transform:translateY(-2px)}.statut-select.statut-nouveau{background:#e3f2fd;border-color:#1976d2;color:#1976d2}.statut-select.statut-contacte{background:#fff3e0;border-color:#f57c00;color:#f57c00}.statut-select.statut-interesse{background:#e8f5e9;border-color:#388e3c;color:#388e3c}.statut-select.statut-non-interesse{background:#fce4ec;border-color:#c2185b;color:#c2185b}.statut-select.statut-faux-numero{background:#ffebee;border-color:#d32f2f;color:#d32f2f}.statut-select.statut-rdv-pris{background:#e1f5fe;border-color:#0277bd;color:#0277bd}.statut-select.statut-en-negociation{background:#fff9e6;border-color:#f9a825;color:#f9a825}.statut-select.statut-converti{background:#f3e5f5;border-color:#7b1fa2;color:#7b1fa2}.prospects-table-container.scrollable::-webkit-scrollbar{height:10px;width:10px}.prospects-table-container.scrollable::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}.prospects-table-container.scrollable::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.prospects-table-container.scrollable::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#764ba2,#667eea)}@media (max-width:768px){.prospects-header-top{align-items:flex-start;flex-direction:column;gap:15px}.prospects-actions{flex-direction:column;width:100%}.btn-add-prospect,.btn-import{width:100%}.form-row{grid-template-columns:1fr}.prospects-table-container{overflow-x:auto}.prospects-table{min-width:800px}.modal-content{padding:20px}}.pagination-controls{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;gap:15px;justify-content:center;margin-top:20px;padding:30px}.btn-page{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 20px;transition:all .3s ease}.btn-page:hover:not(:disabled){box-shadow:0 4px 15px #667eea66;transform:translateY(-2px)}.btn-page:disabled{background:#ccc;cursor:not-allowed;opacity:.5}.page-info{color:#667eea;font-size:16px;font-weight:600;min-width:120px;padding:0 15px;text-align:center}.devis-management{margin:0 auto;max-width:1400px;padding:20px}.devis-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.devis-header h1{color:#333;font-size:1.8rem;margin:0}.devis-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:30px}.stat-value{font-size:1.8rem}.stat-accepted .stat-value{color:#198754}.stat-amount .stat-value{color:#667eea}.devis-filters{display:flex;gap:16px;margin-bottom:20px}.devis-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.devis-table{border-collapse:collapse;width:100%}.devis-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#555;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.devis-table td{border-bottom:1px solid #e9ecef;padding:14px 16px;vertical-align:middle}.devis-table tr:hover{background:#f8f9fa}.montant-mensuel{color:#ff9800;font-size:.9rem;font-weight:500}.devis-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px}.badge-accepted{background:#d1e7dd;color:#198754}.badge-refused{background:#f8d7da;color:#dc3545}.badge-expired{background:#fff3cd;color:#856404}.btn-accept{background:#198754;color:#fff}.btn-refuse{background:#dc3545;color:#fff}.devis-lignes-section{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px}.ligne-row{grid-template-columns:180px 1fr 70px 110px 110px 80px 36px}.ligne-description input,.ligne-prestation select,.ligne-prix input,.ligne-prix-mensuel input,.ligne-quantite input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:8px 10px;width:100%}.ligne-prix,.ligne-prix-mensuel{align-items:center;display:flex;gap:4px}.ligne-prix-mensuel input{background:#fff8e1}.devis-totaux-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end}.devis-totaux{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;padding:16px;width:260px}.devis-totaux h4{color:#555;font-size:.9rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.devis-totaux-mensuel{background:#fff8e1;border:2px solid #ffc107}.devis-totaux-mensuel .total-ttc{border-top-color:#ff9800;color:#ff9800}.devis-preview{background:#f8f9fa}.preview-totaux-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:flex-end;margin-bottom:16px}.preview-totaux h4{color:#555;font-size:.9rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.preview-totaux-mensuel{background:#fff8e1;border:2px solid #ffc107}.preview-totaux-mensuel .total-line.total-ttc{border-top-color:#ff9800;color:#ff9800}@media (max-width:768px){.devis-header{align-items:flex-start;flex-direction:column;gap:16px}.devis-stats{grid-template-columns:repeat(2,1fr)}.devis-filters{flex-direction:column}.search-input{max-width:none}.ligne-row{gap:8px;grid-template-columns:1fr}.devis-totaux{width:100%}.preview-header{flex-direction:column;gap:16px}.preview-totaux{width:100%}.devis-table{font-size:.85rem}.actions-cell{flex-direction:column}}.modal-payment-link{max-width:550px}.modal-header-stripe{background:linear-gradient(135deg,#635bff,#7c3aed);border-radius:16px 16px 0 0}.modal-header-stripe .modal-close,.modal-header-stripe h2{color:#fff}.modal-header-stripe .modal-close:hover{color:#e0e0e0}.payment-link-info{margin-bottom:24px;text-align:center}.payment-link-info p{font-size:1.1rem;margin-bottom:16px}.payment-amounts{display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.amount-badge{border-radius:12px;display:flex;flex-direction:column;min-width:160px;padding:12px 20px}.amount-ponctuel{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.amount-mensuel{background:linear-gradient(135deg,#fff8e1,#ffecb3);border:2px solid #ff9800}.amount-label{color:#666;font-size:.8rem;letter-spacing:.5px;margin-bottom:4px}.amount-value{color:#333;font-size:1.3rem;font-weight:700}.payment-link-container{margin-bottom:20px}.payment-link-container label{color:#555;display:block;font-weight:500;margin-bottom:8px}.payment-link-input-group{display:flex;gap:8px}.payment-link-input{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:8px;color:#333;flex:1 1;font-family:monospace;font-size:.9rem;padding:12px 16px}.payment-link-input:focus{background:#fff;border-color:#635bff;outline:none}.btn-copy{background:#635bff;border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:12px 20px;transition:all .2s;white-space:nowrap}.btn-copy:hover{background:#4f46e5;transform:translateY(-1px)}.payment-link-actions{text-align:center}.btn-open-link{background:#f0f0f0;border-radius:8px;color:#333;display:inline-block;font-weight:500;padding:10px 20px;text-decoration:none;transition:all .2s}.btn-open-link:hover{background:#e0e0e0;color:#000}.btn-copy-large{background:linear-gradient(135deg,#635bff,#7c3aed);padding:12px 24px}.btn-copy-large:hover{box-shadow:0 4px 12px #635bff66;transform:translateY(-2px)}.btn-icon.btn-stripe{background:linear-gradient(135deg,#635bff,#7c3aed);border-radius:6px;color:#fff}.btn-icon.btn-stripe:hover{background:linear-gradient(135deg,#4f46e5,#6d28d9);transform:scale(1.05)}.btn-icon.btn-stripe:disabled{cursor:wait;opacity:.7}.factures-management{margin:0 auto;max-width:1400px;padding:20px}.factures-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.factures-header h1{color:#333;font-size:1.8rem;margin:0}.header-actions{display:flex;gap:12px}.btn-secondary{background:#f8f9fa;border:1px solid #ddd;border-radius:8px;color:#333;cursor:pointer;font-weight:500;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#e9ecef;border-color:#ccc}.factures-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:30px}.stat-value{font-size:1.6rem}.stat-draft .stat-value{color:#6c757d}.stat-sent .stat-value{color:#0d6efd}.stat-amount .stat-value,.stat-paid .stat-value{color:#198754}.stat-pending .stat-value{color:#ff9800}.stat-month .stat-value{color:#667eea}.factures-filters{display:flex;gap:16px;margin-bottom:20px}.filter-select{min-width:160px}.factures-list{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;overflow:hidden}.factures-table{border-collapse:collapse;width:100%}.factures-table th{background:#f8f9fa;border-bottom:2px solid #e9ecef;color:#555;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.factures-table td{border-bottom:1px solid #e9ecef;padding:14px 16px;vertical-align:middle}.factures-table tr:hover{background:#f8f9fa}.facture-numero{color:#667eea;font-family:monospace;font-weight:600}.from-devis{color:#999;font-size:.75rem;margin-top:2px}.client-info{display:flex;flex-direction:column}.client-name{color:#333;font-weight:500}.client-company{color:#666;font-size:.85rem}.montant{color:#333;font-weight:600}.facture-badge{border-radius:20px;display:inline-block;font-size:.8rem;font-weight:600;padding:4px 12px}.badge-draft{background:#e9ecef;color:#6c757d}.badge-sent{background:#e7f1ff;color:#0d6efd}.badge-paid{background:#d1e7dd;color:#198754}.badge-cancelled{background:#f8d7da;color:#dc3545}.actions-cell{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.btn-icon{background:none;border:none;border-radius:4px;cursor:pointer;font-size:1rem;padding:4px 8px;transition:background .2s}.btn-icon:hover{background:#e9ecef}.btn-icon.btn-danger:hover{background:#f8d7da}.btn-small{border:none;border-radius:4px;cursor:pointer;font-size:.75rem;font-weight:500;padding:4px 10px}.btn-send{background:#0d6efd;color:#fff}.btn-paid{background:#198754;color:#fff}.text-muted{color:#999;font-size:.9rem}.modal-content{max-width:600px}.modal-large{max-width:900px}.modal-header-devis{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px 16px 0 0}.modal-header-devis .modal-close,.modal-header-devis h2{color:#fff}.form-row{margin-bottom:16px}.form-group{display:flex;flex-direction:column}.form-group.flex-1{flex:1 1}.form-group.flex-2{flex:2 1}.form-group label{margin-bottom:6px}.form-group input,.form-group select,.form-group textarea{padding:10px 14px}.facture-lignes-section{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px}.section-header{justify-content:space-between;margin-bottom:16px}.section-header h3{color:#333;font-size:1.1rem;margin:0}.btn-add-ligne{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:.85rem;font-weight:500;padding:8px 16px}.ligne-row{grid-gap:8px;align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;display:grid;gap:8px;grid-template-columns:160px 1fr 70px 110px 80px 36px;margin-bottom:10px;padding:12px}.ligne-description input,.ligne-prestation select,.ligne-prix input,.ligne-quantite input{border:1px solid #ddd;border-radius:6px;font-size:.9rem;padding:8px 10px;width:100%}.ligne-prix{align-items:center;display:flex;gap:4px}.ligne-prix .currency{color:#666;font-size:.8rem}.ligne-total{color:#333;font-weight:600;text-align:right}.btn-remove-ligne{align-items:center;background:#f8d7da;border:none;border-radius:50%;color:#dc3545;cursor:pointer;display:flex;font-size:1.2rem;height:32px;justify-content:center;width:32px}.btn-remove-ligne:disabled{cursor:not-allowed;opacity:.5}.facture-totaux{background:#fff;border-radius:8px;box-shadow:0 1px 3px #00000014;margin-left:auto;padding:16px;width:280px}.facture-totaux h4{color:#555;font-size:.9rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.total-row{border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:8px 0}.total-row:last-child{border-bottom:none}.total-ttc{border-top:2px solid #667eea;color:#667eea;font-size:1.2rem;font-weight:700;margin-top:8px;padding-top:12px}.facture-preview{background:#f8f9fa}.preview-header{background:#fff;border-radius:8px;display:flex;justify-content:space-between;margin-bottom:24px;padding:20px}.preview-dates p,.preview-info p{font-size:.95rem;margin:4px 0}.preview-table{background:#fff;border-collapse:collapse;border-radius:8px;margin-bottom:24px;width:100%}.preview-table th{background:#667eea;color:#fff;padding:12px 16px;text-align:left}.preview-table td{border-bottom:1px solid #e9ecef;padding:12px 16px}.preview-totaux{background:#fff;border-radius:8px;margin-left:auto;padding:16px;width:280px}.total-line{display:flex;justify-content:space-between;padding:8px 0}.total-line.total-ttc{border-top:2px solid #667eea;color:#667eea;font-size:1.3rem;font-weight:700;margin-top:8px;padding-top:12px}.preview-conditions,.preview-notes{background:#fff;border-radius:8px;margin-top:16px;padding:16px}.preview-conditions strong,.preview-notes strong{color:#555}.preview-conditions p,.preview-notes p{color:#666;margin:8px 0 0}.devis-list-select{max-height:400px;overflow-y:auto}.info-text{margin-bottom:16px}.devis-item{align-items:center;background:#f8f9fa;border:2px solid #0000;border-radius:8px;cursor:pointer;display:flex;justify-content:space-between;margin-bottom:10px;padding:16px;transition:all .2s}.devis-item:hover{background:#e9ecef;border-color:#667eea}.devis-item-info{display:flex;flex-direction:column}.devis-numero{color:#667eea;font-family:monospace;font-weight:600}.devis-client{color:#666;font-size:.9rem;margin-top:4px}.devis-item-montant{color:#333;font-size:1.1rem;font-weight:600}.devis-statut-badge{border-radius:12px;display:inline-block;font-size:.7rem;font-weight:600;margin-left:8px;padding:2px 8px}.statut-brouillon{background:#e9ecef;color:#6c757d}.statut-envoye{background:#e7f1ff;color:#0d6efd}.statut-accepte{background:#d1e7dd;color:#198754}.statut-select{cursor:pointer;font-weight:600}.statut-select.statut-brouillon{background-color:#f8f9fa;border-color:#6c757d;color:#6c757d}.statut-select.statut-emise{background-color:#e7f1ff;border-color:#0d6efd;color:#0d6efd}.statut-select.statut-payee{background-color:#d1e7dd;border-color:#198754;color:#198754}.client-autocomplete{position:relative}.client-search-input{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:.95rem;padding:10px 14px;width:100%}.client-search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.client-search-input::placeholder{color:#999}.client-suggestions{background:#fff;border:1px solid #ddd;border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #00000026;left:0;max-height:250px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:1000}.client-suggestion-item{border-bottom:1px solid #f0f0f0;cursor:pointer;display:flex;flex-direction:column;gap:2px;padding:12px 14px;transition:background .15s}.client-suggestion-item:last-child{border-bottom:none}.client-suggestion-item:hover{background:#f0f4ff}.client-suggestion-item.selected{background:#e7f1ff;border-left:3px solid #667eea}.suggestion-name{color:#333;font-weight:600}.suggestion-company{color:#666;font-size:.85rem}.no-suggestions{color:#999;font-style:italic;padding:12px 14px;text-align:center}@media (max-width:768px){.factures-header{align-items:flex-start;flex-direction:column;gap:16px}.header-actions{flex-direction:column;width:100%}.factures-stats{grid-template-columns:repeat(2,1fr)}.factures-filters{flex-direction:column}.search-input{max-width:none}.ligne-row{gap:8px;grid-template-columns:1fr}.facture-totaux{width:100%}.preview-header{flex-direction:column;gap:16px}.preview-totaux{width:100%}.factures-table{font-size:.85rem}.actions-cell{flex-direction:column}}.prestations-management{margin:0 auto;max-width:1400px;padding:20px}.prestations-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:30px}.header-left{align-items:center;display:flex;gap:20px}.prestations-header h1{color:#333;font-size:1.8rem;margin:0}.btn-back{background:none;border:1px solid #ddd;border-radius:6px;color:#666;cursor:pointer;font-size:.9rem;padding:8px 16px;transition:all .2s}.btn-back:hover{background:#f5f5f5;border-color:#ccc}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:transform .2s,box-shadow .2s}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.prestations-stats{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin-bottom:30px}.stat-card{box-shadow:0 2px 8px #00000014;padding:20px}.stat-value{color:#333;font-size:2rem;font-weight:700}.stat-label{margin-top:4px}.stat-active .stat-value{color:#28a745}.stat-inactive .stat-value{color:#dc3545}.stat-categories .stat-value{color:#667eea}.prestations-filters{display:flex;gap:16px;margin-bottom:24px}.search-input{border:1px solid #ddd;border-radius:8px;flex:1 1;font-size:.95rem;max-width:300px;padding:10px 16px}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.filter-select{background:#fff;border:1px solid #ddd;border-radius:8px;font-size:.95rem;min-width:180px;padding:10px 16px}.prestations-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.prestation-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;padding:20px;transition:transform .2s,box-shadow .2s}.prestation-card:hover{box-shadow:0 8px 24px #0000001f;transform:translateY(-4px)}.prestation-card.inactive{background:#f8f9fa;opacity:.6}.prestation-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.categorie-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;padding:4px 12px}.prestation-actions{display:flex;gap:8px}.btn-toggle{align-items:center;background:#fff;border:2px solid #ddd;border-radius:50%;cursor:pointer;display:flex;font-size:.9rem;height:28px;justify-content:center;transition:all .2s;width:28px}.btn-toggle.active{background:#28a745;border-color:#28a745;color:#fff}.btn-toggle:hover{border-color:#667eea}.prestation-nom{color:#333;font-size:1.15rem;font-weight:600;margin:0 0 8px}.prestation-description{color:#666;font-size:.9rem;line-height:1.5;margin:0 0 16px}.prestation-prix-container{margin-bottom:16px}.prestation-prix{color:#667eea;font-size:1.4rem;font-weight:700}.prestation-prix-mensuel{color:#ff9800;font-size:1rem;font-weight:600;margin-top:4px}.prestation-footer{border-top:1px solid #e9ecef;display:flex;gap:12px;padding-top:16px}.btn-edit{background:#e7f1ff;border:none;border-radius:6px;color:#0d6efd;cursor:pointer;flex:1 1;font-weight:500;padding:8px 16px;transition:background .2s}.btn-edit:hover{background:#d0e3ff}.btn-delete{background:#f8d7da;border:none;border-radius:6px;color:#dc3545;cursor:pointer;font-weight:500;padding:8px 16px;transition:background .2s}.btn-delete:hover{background:#f1c0c5}.empty-state{background:#fff;border-radius:12px;color:#666;grid-column:1/-1;padding:60px 20px;text-align:center}.empty-state p{font-size:1.1rem;margin-bottom:20px}.modal-overlay{padding:20px}.modal-content{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:500px;overflow-y:auto;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;padding:20px 24px}.modal-header h2{color:#333;font-size:1.4rem;margin:0}.modal-close{font-size:1.8rem}.modal-body{padding:24px}.modal-footer{background:#f8f9fa;border-top:1px solid #e9ecef;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.btn-cancel{background:#e9ecef;border:none;font-weight:500}.btn-cancel:hover{background:#dde0e3}.form-group{margin-bottom:20px}.form-row{display:flex;gap:16px}.form-row .form-group{flex:1 1}.form-group label{color:#555;display:block;font-size:.9rem;font-weight:500;margin-bottom:8px}.form-group input,.form-group select,.form-group textarea{border:1px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:.95rem;padding:12px 14px;width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.input-with-suffix{align-items:center;display:flex}.input-with-suffix input{border-radius:8px 0 0 8px;border-right:none}.input-with-suffix .suffix{background:#f8f9fa;border:1px solid #ddd;border-radius:0 8px 8px 0;color:#666;font-size:.9rem;padding:12px 14px}.input-mensuel input{background:#fff8e1}.input-mensuel .suffix{background:#ffecb3;color:#ff9800}.checkbox-group{margin-top:24px}.checkbox-label{align-items:center;cursor:pointer;display:flex;gap:10px}.checkbox-label input[type=checkbox]{accent-color:#667eea;height:18px;width:18px}.checkbox-label span{color:#555;font-weight:400}.price-preview-container{display:flex;gap:16px;margin-top:20px}.price-preview{background:#f8f9fa;border-radius:8px;flex:1 1;padding:16px}.price-preview h5{color:#555;font-size:.85rem;letter-spacing:.5px;margin:0 0 12px;text-transform:uppercase}.price-preview-mensuel{background:#fff8e1;border:2px solid #ffc107}.price-preview-mensuel .preview-row.total{border-top-color:#ff9800;color:#ff9800}.preview-row{color:#555;display:flex;justify-content:space-between;padding:6px 0}.preview-row.total{border-top:2px solid #667eea;color:#667eea;font-size:1.1rem;font-weight:700;margin-top:8px;padding-top:10px}.loading-spinner{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;padding:60px}@media (max-width:768px){.prestations-header{align-items:flex-start;flex-direction:column;gap:16px}.prestations-stats{grid-template-columns:repeat(2,1fr)}.prestations-filters{flex-direction:column}.search-input{max-width:none}.prestations-grid{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}}.cahier-des-charges{margin:0 auto;max-width:1000px;padding:20px}.cahier-header{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 10px 40px #667eea4d;color:#fff;margin-bottom:40px;padding:30px;text-align:center}.cahier-title-section h1{font-size:2.5rem;font-weight:700;margin:0 0 10px}.cahier-subtitle{font-size:1.2rem;margin:0 0 5px;opacity:.9}.cahier-offer{background:#fff3;border-radius:20px;display:inline-block;font-size:1rem;margin:10px 0 0;padding:8px 20px}.cahier-date{font-size:.9rem;margin-top:20px;opacity:.8}.cahier-actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:20px}.btn-action{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:.95rem;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s ease}.btn-copy{background:#fff3;color:#fff}.btn-copy:hover{background:#ffffff4d}.btn-print{background:#fff3;color:#fff}.btn-print:hover{background:#ffffff4d}.btn-send{background:#fff;color:#667eea}.btn-send:hover{background:#f0f0f0;transform:translateY(-2px)}.cahier-content{display:flex;flex-direction:column;gap:24px}.cahier-section{background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:24px}.section-header{align-items:center;border-bottom:2px solid #f0f0f0;display:flex;gap:12px;margin-bottom:20px;padding-bottom:15px}.section-icon{font-size:1.8rem}.section-header h2{color:#333;font-size:1.4rem;font-weight:600;margin:0}.section-content{color:#555;line-height:1.7}.section-content p{margin:0 0 15px}.section-intro{color:#444;font-weight:500;margin-bottom:20px!important}.criteria-list{list-style:none;margin:0;padding:0}.criteria-list li{align-items:flex-start;border-bottom:1px solid #f5f5f5;display:flex;gap:12px;padding:12px 0}.criteria-list li:last-child{border-bottom:none}.check-icon{align-items:center;background:#ecfdf5;border-radius:50%;color:#10b981;display:flex;font-size:1.1rem;font-weight:700;height:24px;justify-content:center;min-width:24px}.qualification-block{background:#f9fafb;border-radius:10px;margin-bottom:16px;padding:20px}.qualification-block:last-child{margin-bottom:0}.qualification-block h3{color:#333;font-size:1.1rem;margin:0 0 15px}.checklist{list-style:none;margin:0;padding:0}.checklist li{align-items:flex-start;display:flex;gap:10px;padding:8px 0}.bullet{color:#667eea;font-weight:700;min-width:16px}.sub-checklist{list-style:none;margin:10px 0 0 26px;padding:0}.sub-checklist li{color:#666;font-size:.95rem;padding:4px 0}.sub-checklist li:before{color:#9ca3af;content:"→ "}.process-list{list-style:none;margin:0;padding:0}.process-list>li{align-items:flex-start;border-bottom:1px solid #f0f0f0;display:flex;gap:15px;padding:15px 0}.process-list>li:last-child{border-bottom:none}.step-number{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-weight:600;height:32px;justify-content:center;width:32px}.sub-list{list-style:none;margin:10px 0 0;padding:0}.sub-list li{color:#666;padding:4px 0}.sub-list li:before{color:#667eea;content:"• "}.highlight-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5);border:1px solid #a7f3d0}.validation-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.validation-item{align-items:center;background:#fff;border-radius:8px;box-shadow:0 1px 3px #0000000d;display:flex;gap:12px;padding:12px 16px}.validation-item.valid .validation-icon{color:#10b981;font-size:1.2rem;font-weight:700}.reporting-table{background:#f9fafb;border-radius:10px;overflow:hidden}.reporting-row{border-bottom:1px solid #e5e7eb;display:flex;padding:14px 20px}.reporting-row:last-child{border-bottom:none}.reporting-row:nth-child(2n){background:#f3f4f6}.reporting-label{color:#374151;font-weight:600;min-width:120px}.reporting-value{color:#6b7280}.kpi-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #fcd34d}.kpi-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.kpi-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;padding:24px;text-align:center}.kpi-value{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700}.kpi-label{color:#333;font-size:1.1rem;font-weight:600;margin-top:8px}.kpi-desc{color:#666;font-size:.9rem;margin-top:6px}.modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content.email-modal{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0003;max-width:450px;padding:30px;position:relative;width:90%}.modal-close{background:none;border:none;color:#999;cursor:pointer;font-size:1.5rem;line-height:1;padding:5px;position:absolute;right:15px;top:15px}.modal-close:hover{color:#333}.email-modal h2{color:#333;font-size:1.4rem;margin:0 0 15px}.email-modal p{color:#666;margin-bottom:15px}.email-input{border:2px solid #e5e7eb;border-radius:8px;box-sizing:border-box;font-size:1rem;margin-bottom:20px;padding:12px 16px;width:100%}.email-input:focus{border-color:#667eea;outline:none}.modal-actions{display:flex;gap:12px;justify-content:flex-end}.btn-cancel{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#666;cursor:pointer;font-size:1rem;padding:10px 20px}.btn-cancel:hover{background:#f9fafb}.btn-send-email{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:500;padding:10px 24px}.btn-send-email:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-send-email:disabled{cursor:not-allowed;opacity:.6}.success-message{padding:20px}.success-icon{background:#10b981;display:inline-flex;font-size:2rem;height:60px;margin-bottom:15px;width:60px}.success-message p{color:#333;font-size:1.1rem;font-weight:500}@media print{.cahier-actions{display:none}.cahier-header{background:#667eea!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.cahier-section{break-inside:avoid;page-break-inside:avoid}.modal-overlay{display:none}}.cahier-des-charges-public{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#1a1a2e);min-height:100vh;padding:40px 20px}.cahier-des-charges-public .cahier-des-charges{margin:0 auto;max-width:900px;position:relative;z-index:1}.cahier-des-charges-public .cahier-header{background:linear-gradient(135deg,#667eea,#764ba2 50%,#f093fb);border:1px solid #ffffff1a;border-radius:24px;box-shadow:0 25px 80px #667eea66,0 10px 40px #764ba24d,inset 0 1px 0 #fff3;overflow:hidden;padding:50px 40px;position:relative}.cahier-des-charges-public .cahier-title-section h1{font-size:3rem;font-weight:800;letter-spacing:3px;margin-bottom:15px;text-shadow:0 4px 20px #0000004d;text-transform:uppercase}.cahier-des-charges-public .cahier-subtitle{font-size:1.3rem;font-weight:300;letter-spacing:1px}.cahier-des-charges-public .cahier-offer{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:30px;font-size:.9rem;font-weight:600;letter-spacing:2px;padding:12px 30px;text-transform:uppercase}.cahier-des-charges-public .cahier-section{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border:none;border-radius:20px;box-shadow:0 10px 40px #00000026,0 0 0 1px #ffffff80;padding:35px;transition:transform .3s ease,box-shadow .3s ease}.cahier-des-charges-public .cahier-section:hover{box-shadow:0 20px 60px #0003,0 0 0 1px #ffffff80;transform:translateY(-5px)}.cahier-des-charges-public .section-header{border-bottom:3px solid #0000;border-image:linear-gradient(90deg,#667eea,#764ba2,#0000) 1;margin-bottom:25px;padding-bottom:20px}.cahier-des-charges-public .section-icon{filter:drop-shadow(0 2px 4px rgba(0,0,0,.1));font-size:2.2rem}.cahier-des-charges-public .section-header h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.6rem;font-weight:700}.cahier-des-charges-public .highlight-section{background:linear-gradient(135deg,#ecfdf5,#d1fae5 50%,#a7f3d0);border:2px solid #34d399}.cahier-des-charges-public .kpi-section{background:linear-gradient(135deg,#fefce8,#fef3c7 50%,#fde68a);border:2px solid #fbbf24}.cahier-des-charges-public .kpi-card{background:#fff;border-radius:16px;box-shadow:0 8px 30px #0000001a;padding:30px;transition:transform .3s ease}.cahier-des-charges-public .kpi-card:hover{transform:scale(1.05)}.cahier-des-charges-public .kpi-value{font-size:3.5rem;font-weight:800}.cahier-des-charges-public .qualification-block{background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-left:4px solid #667eea;border-radius:16px;padding:25px}.cahier-des-charges-public .validation-item{background:#fff;border-left:4px solid #10b981;border-radius:12px;box-shadow:0 4px 15px #0000000d;padding:16px 20px}.cahier-des-charges-public .btn-action{border-radius:12px;font-weight:600;letter-spacing:.5px;padding:14px 28px;transition:all .3s ease}.cahier-des-charges-public .btn-action:hover{box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.cahier-des-charges-public .btn-send{background:#fff;color:#667eea;font-weight:700}.cahier-footer{color:#fff9;font-size:.95rem;letter-spacing:1px;padding:40px;text-align:center}.cahier-footer p{margin:5px 0}.cahier-des-charges-public .logo-text{font-size:1.2rem;font-weight:300;letter-spacing:8px;opacity:.9;text-transform:uppercase}.floating-devices{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.device-laptop{animation:floatLaptop 8s ease-in-out infinite;left:-5%;opacity:.15;position:absolute;top:15%;transform:rotate(-15deg)}@keyframes floatLaptop{0%,to{transform:rotate(-15deg) translateY(0)}50%{transform:rotate(-15deg) translateY(-20px)}}.laptop-screen{background:linear-gradient(145deg,#1a1a2e,#2d2d44);border:3px solid #444;border-radius:12px 12px 0 0;box-shadow:inset 0 0 30px #667eea33;height:180px;padding:8px;width:280px}.screen-content{background:#0f0f1a;border-radius:6px;height:100%;overflow:hidden;width:100%}.fake-browser{align-items:center;background:#1e1e2e;display:flex;gap:8px;height:24px;padding:0 10px}.browser-dots{display:flex;gap:4px}.browser-dots span{background:#ff5f56;border-radius:50%;height:8px;width:8px}.browser-dots span:nth-child(2){background:#ffbd2e}.browser-dots span:nth-child(3){background:#27ca40}.browser-url{background:#0f0f1a;border-radius:4px;color:#666;flex:1 1;font-size:8px;padding:2px 8px}.fake-site{padding:8px}.fake-header{background:linear-gradient(90deg,#667eea,#764ba2);height:20px}.fake-header,.fake-hero{border-radius:4px;margin-bottom:8px}.fake-hero{background:linear-gradient(135deg,#667eea33,#764ba233);height:40px}.fake-cards{display:flex;gap:6px}.fake-card{background:#1e1e2e;border-radius:4px;flex:1 1;height:50px}.laptop-base{background:linear-gradient(180deg,#555,#333);border-radius:0 0 6px 6px;height:15px;margin-left:-20px;width:320px}.laptop-notch{background:#222;border-radius:0 0 6px 6px;height:6px;margin:0 auto;width:80px}.device-phone{animation:floatPhone 6s ease-in-out infinite;animation-delay:-2s;opacity:.2;position:absolute;right:5%;top:20%;transform:rotate(10deg)}@keyframes floatPhone{0%,to{transform:rotate(10deg) translateY(0)}50%{transform:rotate(10deg) translateY(-15px)}}.device-phone{background:linear-gradient(145deg,#2d2d44,#1a1a2e);border:3px solid #444;border-radius:20px;height:200px;padding:8px;position:relative;width:100px}.phone-notch{background:#111;border-radius:3px;height:6px;margin:0 auto 8px;width:50px}.phone-screen{background:#0f0f1a;border-radius:12px;height:calc(100% - 30px);overflow:hidden;padding:8px;width:100%}.phone-content{align-items:center;display:flex;flex-direction:column;gap:8px}.phone-header{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:15px;width:100%}.phone-app-icon{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;height:40px;margin-top:10px;width:40px}.phone-text{background:#2d2d44;border-radius:4px;height:8px;width:80%}.phone-text.short{width:50%}.phone-button{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:10px;height:20px;margin-top:10px;width:70%}.phone-home{background:#444;border-radius:2px;height:4px;margin:8px auto 0;width:40px}.device-tablet{animation:floatTablet 7s ease-in-out infinite;animation-delay:-4s;bottom:10%;left:10%;opacity:.12;position:absolute;transform:rotate(-8deg)}@keyframes floatTablet{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-8deg) translateY(-25px)}}.device-tablet{background:linear-gradient(145deg,#2d2d44,#1a1a2e);border:3px solid #444;border-radius:16px;height:240px;padding:12px;position:relative;width:180px}.tablet-camera{background:#111;border-radius:50%;height:8px;margin:0 auto 8px;width:8px}.tablet-screen{background:#0f0f1a;border-radius:8px;height:calc(100% - 30px);overflow:hidden;padding:8px;width:100%}.tablet-content{height:100%}.tablet-nav{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:4px;height:20px;margin-bottom:10px}.tablet-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:1fr 1fr}.tablet-item{background:#1e1e2e;border-radius:6px;height:60px}.tablet-home{border:2px solid #444;border-radius:50%;height:30px;margin:8px auto 0;width:30px}.hero-illustration{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea1a,#764ba21a);border:1px solid #667eea33;border-radius:20px;display:flex;gap:30px;justify-content:space-between;margin-bottom:24px;padding:30px}.hero-content{flex:1 1}.hero-icon{font-size:3rem;margin-bottom:10px}.hero-content h2{color:#fff;font-size:1.5rem;font-weight:700;margin:0 0 8px}.hero-content p{color:#ffffffb3;font-size:1rem;margin:0}.hero-devices{align-items:flex-end;display:flex;gap:15px}.mini-laptop{transform:perspective(500px) rotateY(-10deg)}.mini-screen{background:linear-gradient(135deg,#1a1a2e,#2d2d44);border:2px solid #555;border-radius:6px 6px 0 0;height:75px;overflow:hidden;position:relative;width:120px}.mini-screen:before{background:linear-gradient(90deg,#667eea,#764ba2);height:15px;top:10px}.mini-screen:after,.mini-screen:before{border-radius:3px;content:"";left:10px;position:absolute;right:10px}.mini-screen:after{background:#667eea33;bottom:10px;top:30px}.mini-base{background:linear-gradient(180deg,#555,#333);border-radius:0 0 4px 4px;height:8px;margin-left:-10px;width:140px}.mini-phone{background:linear-gradient(145deg,#2d2d44,#1a1a2e);border:2px solid #555;border-radius:10px;height:100px;padding:5px;transform:perspective(500px) rotateY(10deg);width:50px}.mini-phone-screen{background:#0f0f1a;border-radius:6px;height:100%;overflow:hidden;position:relative;width:100%}.mini-phone-screen:before{background:linear-gradient(90deg,#667eea,#764ba2);border-radius:2px;content:"";height:10px;left:5px;position:absolute;right:5px;top:8px}.mini-phone-screen:after{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:5px;content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.header-badge{background:#fff3;border:1px solid #ffffff4d;border-radius:20px;color:#fff;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:2px;margin-bottom:20px;padding:6px 16px;text-transform:uppercase}.cahier-des-charges-public .logo-container{align-items:center;display:flex;gap:12px;justify-content:center;margin-bottom:20px}.logo-icon{height:40px;width:40px}.logo-icon svg{height:100%;width:100%}.offer-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff40;border:1px solid #ffffff4d;border-radius:30px;display:inline-flex;font-size:.9rem;font-weight:600;gap:8px;margin-top:15px;padding:12px 24px;text-transform:uppercase}.offer-icon{font-size:1.2rem}.duration-badge{align-items:center;background:linear-gradient(135deg,#667eea15,#764ba215);border:1px solid #667eea33;border-radius:12px;display:flex;gap:10px;padding:12px 20px}.duration-icon{font-size:1.5rem}.cahier-des-charges-public .kpi-icon{font-size:2rem;margin-bottom:10px}.footer-logo{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:1.5rem;font-weight:700;letter-spacing:4px;margin-bottom:15px;text-transform:uppercase}.footer-tagline{font-size:.85rem;margin-top:5px;opacity:.5}.step-content{flex:1 1}.cahier-des-charges-public .process-list>li{align-items:flex-start}.section-icon-svg{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;display:flex;flex-shrink:0;height:32px;justify-content:center;padding:6px;width:32px}.section-icon-svg svg{color:#fff;height:100%;width:100%}.check-icon-svg{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;display:flex;flex-shrink:0;height:28px;justify-content:center;min-width:28px;padding:5px;width:28px}.check-icon-svg svg{color:#fff;height:100%;width:100%}.validation-icon-svg{align-items:center;color:#10b981;display:flex;height:24px;justify-content:center;min-width:24px;width:24px}.validation-icon-svg svg{height:100%;width:100%}.block-icon{align-items:center;color:#667eea;display:inline-flex;height:20px;justify-content:center;margin-right:8px;vertical-align:middle;width:20px}.block-icon svg{height:100%;width:100%}.hero-icon-svg,.qualification-block h3{align-items:center;display:flex}.hero-icon-svg{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;height:50px;justify-content:center;margin-bottom:15px;padding:10px;width:50px}.hero-icon-svg svg{color:#fff;height:100%;width:100%}.duration-icon-svg{align-items:center;color:#667eea;display:flex;height:28px;justify-content:center;width:28px}.duration-icon-svg svg{height:100%;width:100%}.kpi-icon-svg{align-items:center;background:linear-gradient(135deg,#667eea15,#764ba215);border-radius:12px;color:#667eea;display:flex;height:40px;justify-content:center;margin:0 auto 12px;padding:8px;width:40px}.kpi-icon-svg svg{height:100%;width:100%}.offer-icon-svg{align-items:center;display:flex;height:20px;justify-content:center;width:20px}.offer-icon-svg svg{color:#fff;height:100%;width:100%}.btn-icon{align-items:center;display:flex;height:18px;justify-content:center;width:18px}.btn-icon svg{height:100%;width:100%}.btn-copy .btn-icon svg,.btn-print .btn-icon svg{color:#fff}.cahier-des-charges-public .bullet{background:#667eea;border-radius:50%;flex-shrink:0;height:6px;margin-top:8px;min-width:6px;width:6px}.checklist-text,.criteria-text{flex:1 1;line-height:1.6}.remuneration-section{background:linear-gradient(135deg,#1a1a2e,#16213e 50%,#0f3460)!important;border:2px solid gold!important;overflow:hidden;position:relative}.remuneration-section .section-header{border-image:linear-gradient(90deg,gold,#ffed4a,gold) 1!important;position:relative;z-index:1}.remuneration-section .section-header h2{-webkit-text-fill-color:gold!important;color:gold!important;text-shadow:0 0 20px #ffd70080}.remuneration-section .section-icon-svg{background:linear-gradient(135deg,gold,#ffed4a)}.remuneration-section .section-icon-svg svg{color:#1a1a2e}.remuneration-content{position:relative}.remuneration-highlight{padding:40px 20px;position:relative;text-align:center;z-index:1}.remuneration-badge{background:linear-gradient(135deg,gold,#ffed4a);border-radius:30px;box-shadow:0 4px 20px #ffd70066;color:#1a1a2e;display:inline-block;font-size:.9rem;font-weight:700;letter-spacing:2px;margin-bottom:25px;padding:10px 24px;text-transform:uppercase}.remuneration-amount{align-items:center;display:flex;flex-direction:column;gap:12px;margin-bottom:30px}.amount-range{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,gold,#ffed4a 50%,gold);-webkit-background-clip:text;background-clip:text;font-size:4.5rem;font-weight:900;letter-spacing:-2px}.amount-label{color:gold;font-size:1.5rem;font-weight:700;letter-spacing:6px;text-shadow:0 0 10px #ffd70080;text-transform:uppercase}.remuneration-detail{background:#ffd70014;border:1px solid #ffd70033;border-radius:12px;color:#ffffffe6;font-size:1.15rem;line-height:1.7;margin:0 auto;max-width:550px;padding:20px 30px}.remuneration-detail strong{color:gold}.agent-average{background:#ffd7001a;border:1px solid #ffd70040;border-radius:12px;color:#ffffffe6;font-size:1.2rem;margin:30px 0;padding:20px 30px}.agent-average strong{color:gold}.monthly-estimation{background:linear-gradient(135deg,#ffd70026,#ffd7000d);border:2px solid #ffd70066;border-radius:20px;margin-top:30px;overflow:hidden;padding:30px;position:relative}.monthly-estimation:before{animation:shimmerEstimation 3s ease-in-out infinite;background:linear-gradient(45deg,#0000 30%,#ffd7001a 50%,#0000 70%);background-size:200% 200%;bottom:0;content:"";left:0;position:absolute;right:0;top:0}@keyframes shimmerEstimation{0%{background-position:200% 200%}to{background-position:-200% -200%}}.estimation-title{color:#fffc;font-size:1rem;letter-spacing:3px;margin-bottom:15px;position:relative;text-transform:uppercase;z-index:1}.estimation-range{-webkit-text-fill-color:#0000;animation:goldShine 3s ease-in-out infinite;background:linear-gradient(135deg,gold,#fff 50%,gold);-webkit-background-clip:text;background-clip:text;background-size:200% auto;font-size:3rem;font-weight:900;margin-bottom:10px;position:relative;z-index:1}.estimation-note{color:#fff9;font-size:.9rem;position:relative;z-index:1}@media (max-width:768px){.remuneration-highlight{padding:30px 16px}.amount-range{font-size:2.5rem;letter-spacing:-1px}.amount-label{font-size:1rem;letter-spacing:3px}.remuneration-detail{font-size:.95rem;padding:16px 20px}.agent-average{font-size:1rem;margin:24px 0;padding:16px 20px}.monthly-estimation{margin-top:24px;padding:24px 20px}.estimation-title{font-size:.85rem;letter-spacing:2px}.estimation-range{font-size:2.2rem}.estimation-note{font-size:.8rem}.remuneration-badge{font-size:.75rem;letter-spacing:1px;padding:8px 18px}}.contact-section{background:linear-gradient(135deg,#667eea,#764ba2)!important}.contact-section .section-header h2{-webkit-text-fill-color:#fff!important;color:#fff!important}.contact-section .section-icon-svg{background:#ffffff40}.contact-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr}.contact-form-wrapper,.contact-info-wrapper{background:#fff;border-radius:20px;box-shadow:0 10px 40px #00000026;padding:35px}.contact-form-wrapper h3,.contact-info-wrapper h3{color:#333;font-size:1.4rem;font-weight:700;margin:0 0 25px}.contact-form{display:flex;flex-direction:column;gap:16px}.contact-form input,.contact-form textarea{background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;color:#333;font-size:1rem;padding:16px 20px;transition:all .3s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9ca3af}.contact-form input:focus,.contact-form textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea1a;outline:none}.contact-form textarea{min-height:100px;resize:vertical}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:12px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:700;margin-top:8px;padding:18px 30px;transition:transform .3s,box-shadow .3s}.btn-submit:hover{box-shadow:0 10px 30px #667eea66;transform:translateY(-3px)}.form-success{padding:40px 20px;text-align:center}.success-check{align-items:center;background:linear-gradient(135deg,#10b981,#059669);border-radius:50%;box-shadow:0 8px 25px #10b9814d;display:flex;height:70px;justify-content:center;margin:0 auto 20px;width:70px}.success-check svg{color:#fff;height:35px;width:35px}.form-success p{color:#333;font-size:1.2rem;font-weight:600}.form-error{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#dc2626;font-size:.95rem;margin-bottom:15px;padding:12px 16px}.contact-text{color:#666;font-size:1.05rem;line-height:1.6;margin-bottom:25px}.contact-buttons{display:flex;flex-direction:column;gap:16px}.whatsapp-btn{align-items:center;background:#25d366;border-radius:14px;box-shadow:0 6px 20px #25d36659;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;padding:18px 30px;text-decoration:none;transition:transform .3s,box-shadow .3s}.whatsapp-btn:hover{box-shadow:0 10px 35px #25d36673;transform:translateY(-3px)}.whatsapp-icon{align-items:center;display:flex;height:26px;justify-content:center;width:26px}.whatsapp-icon svg{height:100%;width:100%}.phone-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:14px;box-shadow:0 6px 20px #667eea59;color:#fff;display:flex;font-size:1.1rem;font-weight:700;gap:12px;justify-content:center;padding:18px 30px;text-decoration:none;transition:transform .3s,box-shadow .3s}.phone-btn:hover{box-shadow:0 10px 35px #667eea73;transform:translateY(-3px)}.phone-icon{align-items:center;display:flex;height:24px;justify-content:center;width:24px}.phone-icon svg{height:100%;width:100%}@media (max-width:768px){.contact-grid{gap:20px;grid-template-columns:1fr}.contact-form-wrapper,.contact-info-wrapper{border-radius:16px;padding:24px 20px}.contact-form-wrapper h3,.contact-info-wrapper h3{font-size:1.2rem;margin-bottom:20px}.contact-form input,.contact-form textarea{border-radius:10px;font-size:1rem;padding:14px 16px}.btn-submit{font-size:1rem;padding:16px 24px}.contact-buttons{gap:12px}.phone-btn,.whatsapp-btn{border-radius:12px;font-size:1rem;padding:16px 24px}.contact-info-wrapper{text-align:center}.contact-text{font-size:1rem}.cahier-des-charges-public{background:#0a0a12;padding:12px 8px}.floating-devices{display:none}.cahier-des-charges-public .cahier-header{border-radius:20px;margin-bottom:16px;padding:28px 20px}.cahier-des-charges-public .cahier-title-section h1{font-size:1.6rem;font-weight:700;letter-spacing:0;line-height:1.3;margin-bottom:12px;text-transform:none}.cahier-des-charges-public .cahier-subtitle{font-size:1rem;line-height:1.4;opacity:.95}.header-badge{font-size:.7rem;margin-bottom:16px;padding:6px 14px}.offer-badge{font-size:.85rem;margin-top:16px;padding:12px 20px}.cahier-des-charges-public .logo-container{flex-direction:row;gap:10px;margin-bottom:16px}.logo-icon{height:32px;width:32px}.cahier-des-charges-public .logo-text{font-size:1rem;letter-spacing:3px}.cahier-date{font-size:.85rem;margin-top:16px}.hero-illustration{border-radius:16px;flex-direction:column;margin-bottom:16px;padding:24px 20px;text-align:center}.hero-icon-svg{height:44px;margin:0 auto 12px;width:44px}.hero-content h2{font-size:1.25rem;margin-bottom:6px}.hero-content p{font-size:.95rem}.hero-devices{margin-top:20px;transform:scale(.85)}.cahier-des-charges-public .cahier-section{border-radius:16px;margin-bottom:12px;padding:24px 18px}.cahier-des-charges-public .section-header{gap:14px;margin-bottom:18px;padding-bottom:14px}.cahier-des-charges-public .section-header h2{font-size:1.15rem;line-height:1.3}.section-icon-svg{border-radius:10px;height:36px;min-width:36px;padding:8px;width:36px}.cahier-des-charges-public .section-content{color:#444;font-size:1rem;line-height:1.7}.cahier-des-charges-public .section-content p{margin-bottom:16px}.section-intro{font-size:1rem;margin-bottom:18px!important}.cahier-des-charges-public .criteria-list li{align-items:flex-start;gap:14px;padding:14px 0}.check-icon-svg{height:26px;margin-top:2px;min-width:26px;width:26px}.cahier-des-charges-public .qualification-block{border-radius:14px;margin-bottom:14px;padding:20px 16px}.cahier-des-charges-public .qualification-block h3{align-items:center;display:flex;font-size:1.05rem;gap:8px;margin-bottom:14px}.block-icon{height:22px;width:22px}.cahier-des-charges-public .checklist li{align-items:flex-start;display:flex;font-size:.95rem;gap:12px;line-height:1.6;padding:10px 0}.cahier-des-charges-public .bullet{height:7px;margin-top:7px;min-width:7px;width:7px}.sub-checklist{margin-left:20px;margin-top:12px}.sub-checklist li{font-size:.9rem;padding:6px 0}.cahier-des-charges-public .process-list>li{align-items:flex-start;flex-direction:row;gap:14px;padding:16px 0}.step-number{font-size:1rem;height:34px;min-width:34px;width:34px}.step-content{font-size:.95rem;line-height:1.6}.sub-list{margin-top:10px}.sub-list li{font-size:.9rem;padding:5px 0}.duration-badge{background:linear-gradient(135deg,#667eea20,#764ba220);border-radius:10px;gap:12px;padding:14px 16px}.duration-icon-svg{height:24px;width:24px}.cahier-des-charges-public .validation-grid{gap:10px;grid-template-columns:1fr}.cahier-des-charges-public .validation-item{border-radius:10px;font-size:.95rem;gap:12px;line-height:1.5;padding:14px 16px}.validation-icon-svg{height:22px;min-width:22px;width:22px}.reporting-table{border-radius:12px}.reporting-row{flex-direction:column;gap:4px;padding:14px 16px}.reporting-label{color:#333;font-size:.9rem;font-weight:700}.reporting-value{color:#555;font-size:.95rem;line-height:1.5}.cahier-des-charges-public .kpi-grid{gap:14px;grid-template-columns:1fr}.cahier-des-charges-public .kpi-card{border-radius:14px;padding:24px 20px}.kpi-icon-svg{height:36px;margin-bottom:10px;width:36px}.cahier-des-charges-public .kpi-value{font-size:2.8rem}.cahier-des-charges-public .kpi-label{font-size:1.1rem;margin-top:8px}.cahier-des-charges-public .kpi-desc{font-size:.9rem;line-height:1.5;margin-top:6px}.cahier-actions{flex-direction:column;gap:10px;margin-top:20px;width:100%}.btn-action{border-radius:12px;font-size:1rem;gap:10px;justify-content:center;padding:14px 20px;width:100%}.btn-icon{height:20px;width:20px}.cahier-footer{margin-top:8px;padding:32px 20px}.footer-logo{font-size:1.3rem;letter-spacing:3px}.cahier-footer p{font-size:.9rem}.footer-tagline{font-size:.85rem}.cahier-des-charges-public .highlight-section,.cahier-des-charges-public .kpi-section{border-width:1px}}@media (max-width:380px){.cahier-des-charges-public .cahier-header{padding:24px 16px}.cahier-des-charges-public .cahier-title-section h1{font-size:1.4rem}.cahier-des-charges-public .cahier-section{padding:20px 14px}.cahier-des-charges-public .section-header h2{font-size:1.05rem}.cahier-des-charges-public .kpi-value{font-size:2.4rem}.hero-devices{transform:scale(.7)}.cahier-des-charges-public .qualification-block{padding:16px 14px}.step-number{font-size:.9rem;height:30px;min-width:30px;width:30px}}@media (max-width:768px){.cahier-des-charges{padding:10px}.cahier-header{padding:20px}.cahier-title-section h1{font-size:1.8rem}.cahier-actions{flex-direction:column}.btn-action{justify-content:center;width:100%}.cahier-section{padding:16px}.section-header h2{font-size:1.2rem}.kpi-grid,.validation-grid{grid-template-columns:1fr}.reporting-row{flex-direction:column;gap:4px}.reporting-label{min-width:auto}}.candidatures-inbox{max-width:100%;padding:0}.inbox-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:15px;justify-content:space-between;margin-bottom:25px}.inbox-title h1{color:#1a1a2e;font-size:1.8rem;margin:0 0 5px}.inbox-subtitle{color:#666;font-size:.95rem;margin:0}.btn-view-form{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;padding:12px 20px;text-decoration:none;transition:transform .2s,box-shadow .2s}.btn-view-form:hover{box-shadow:0 5px 20px #667eea66;transform:translateY(-2px)}.inbox-stats{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(6,1fr);margin-bottom:25px}.stat-card{border:1px solid #eee;border-radius:12px;box-shadow:0 2px 10px #0000000d;padding:20px 15px}.stat-number{font-size:2rem;margin-bottom:5px}.stat-label{color:#666;font-size:.85rem;font-weight:500}.stat-total .stat-number{color:#1a1a2e}.stat-nouveau .stat-number{color:#3b82f6}.stat-contacte .stat-number{color:#f59e0b}.stat-entretien .stat-number{color:#8b5cf6}.stat-accepte .stat-number{color:#10b981}.stat-refuse .stat-number{color:#ef4444}.inbox-filters{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.search-box{flex:1 1;min-width:250px}.search-box input{border:2px solid #e5e7eb;border-radius:10px;font-size:.95rem;padding:12px 16px;transition:border-color .2s}.search-box input:focus{border-color:#667eea}.filter-buttons{flex-wrap:wrap;gap:8px}.filter-btn{align-items:center;border:2px solid #e5e7eb;border-radius:10px;display:flex;font-size:.9rem;font-weight:500;gap:8px;padding:10px 16px;transition:all .2s}.filter-btn.active{border-color:#0000}.filter-count{background:#ffffff4d;border-radius:20px;font-size:.8rem;padding:2px 8px}.filter-btn:not(.active) .filter-count{background:#f3f4f6}.inbox-table-container{background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.inbox-table{border-collapse:collapse;width:100%}.inbox-table th{background:#f9fafb;border-bottom:2px solid #e5e7eb;color:#374151;font-size:.85rem;font-weight:600;letter-spacing:.5px;padding:14px 16px;text-align:left;text-transform:uppercase}.inbox-table td{border-bottom:1px solid #f3f4f6;font-size:.95rem;padding:14px 16px}.inbox-table tbody tr{cursor:pointer;transition:background .2s}.inbox-table tbody tr:hover{background:#f9fafb}.inbox-table tbody tr.row-new{background:#eff6ff}.inbox-table tbody tr.row-new:hover{background:#dbeafe}.col-date{color:#6b7280;font-size:.9rem;white-space:nowrap}.col-nom strong{color:#1a1a2e}.has-message{font-size:.85rem;margin-left:8px}.col-email{color:#4b5563}.col-tel{color:#6b7280}.statut-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;font-weight:600;padding:5px 12px}.col-actions{align-items:center;display:flex;gap:8px}.quick-status-select{background:#fff;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;font-size:.85rem;padding:6px 10px}.btn-delete-small{background:none;border:none;border-radius:6px;cursor:pointer;padding:6px;transition:background .2s}.btn-delete-small:hover{background:#fee2e2}.empty-state,.loading-state{color:#6b7280;padding:60px 20px}.empty-icon{font-size:4rem;margin-bottom:20px}.empty-state h3{color:#374151;font-size:1.3rem;margin-bottom:10px}.detail-modal{max-width:600px;width:95%}.detail-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;gap:15px;margin-bottom:25px;padding-bottom:20px}.detail-header h2{color:#1a1a2e;font-size:1.5rem;margin:0}.detail-info{margin-bottom:25px}.info-row{border-bottom:1px solid #f3f4f6;display:flex;padding:12px 0}.info-label{color:#6b7280;font-weight:500;width:140px}.info-value{color:#1a1a2e;flex:1 1}.info-value.link{color:#667eea;text-decoration:none}.info-value.link:hover{text-decoration:underline}.detail-message{background:#f9fafb;border-radius:10px;margin-bottom:25px;padding:20px}.detail-message h4{color:#374151;font-size:.95rem;margin:0 0 10px}.detail-message p{color:#4b5563;line-height:1.6;margin:0;white-space:pre-wrap}.detail-statut{margin-bottom:25px}.detail-statut h4{color:#374151;font-size:.95rem;margin:0 0 15px}.statut-buttons{display:flex;flex-wrap:wrap;gap:10px}.statut-btn{background:#fff;border:2px solid;border-radius:10px;cursor:pointer;font-weight:600;padding:10px 18px;transition:all .2s}.statut-btn.active{color:#fff}.statut-btn:hover:not(.active){opacity:.8}.detail-notes{margin-bottom:25px}.detail-notes h4{color:#374151;font-size:.95rem;margin:0 0 10px}.detail-notes textarea{border:2px solid #e5e7eb;border-radius:10px;font-family:inherit;font-size:.95rem;padding:14px;resize:vertical;width:100%}.detail-notes textarea:focus{border-color:#667eea;outline:none}.detail-actions{border-top:1px solid #e5e7eb;display:flex;flex-wrap:wrap;gap:10px;padding-top:20px}.detail-actions .btn-action{border:none;border-radius:10px;cursor:pointer;flex:1 1;font-size:.9rem;font-weight:600;min-width:120px;padding:12px 16px;text-align:center;text-decoration:none;transition:transform .2s,box-shadow .2s}.detail-actions .btn-email{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.detail-actions .btn-call{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.detail-actions .btn-delete{background:#fee2e2;color:#dc2626}.detail-actions .btn-action:hover{box-shadow:0 4px 15px #0003;transform:translateY(-2px)}@media (max-width:1024px){.inbox-stats{grid-template-columns:repeat(3,1fr)}}@media (max-width:768px){.inbox-header{flex-direction:column}.btn-view-form{text-align:center;width:100%}.inbox-stats{grid-template-columns:repeat(2,1fr)}.inbox-filters{flex-direction:column}.search-box{min-width:100%}.filter-buttons{flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px}.filter-btn{white-space:nowrap}.inbox-table td,.inbox-table th{padding:10px 12px}.col-email{display:none}.col-actions{flex-direction:column;gap:5px}.detail-modal{padding:20px}.info-row{flex-direction:column;gap:5px}.info-label{width:auto}.statut-buttons{display:grid;grid-template-columns:repeat(2,1fr)}.detail-actions{flex-direction:column}.detail-actions .btn-action{width:100%}}@media (max-width:480px){.inbox-stats{grid-template-columns:repeat(2,1fr)}.stat-card{padding:15px 10px}.stat-number{font-size:1.5rem}.col-tel{display:none}}.planning-container{max-width:100%;padding:20px}.planning-header{align-items:center;background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:20px;padding:20px}.planning-title-section h2{color:#333;font-size:24px;margin:0}.planning-subtitle{color:#666;font-size:14px;margin:5px 0 0}.planning-stats{display:flex;gap:15px}.stat-card{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px;color:#fff;display:flex;flex-direction:column;padding:10px 20px}.stat-number{font-size:24px}.stat-label{font-size:12px;opacity:.9}.planning-nav{display:flex;gap:10px}.nav-btn{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:10px 20px;transition:all .3s ease}.nav-btn:hover{background:#e0e0e0}.nav-btn-today{color:#fff}.nav-btn-today,.nav-btn-today:hover{background:linear-gradient(135deg,#667eea,#764ba2)}.nav-btn-today:hover{opacity:.9}.nav-btn-email{color:#fff}.nav-btn-email,.nav-btn-email:hover{background:linear-gradient(135deg,#28a745,#20c997)}.nav-btn-email:hover{opacity:.9}.nav-btn-email:disabled{cursor:not-allowed;opacity:.6}.commerciaux-legend{align-items:center;background:#fff;border-radius:10px;box-shadow:0 2px 10px #0000000d;display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px;padding:15px 20px}.legend-item{align-items:center;background:#f8f9fa;border-left:4px solid;border-radius:20px;display:flex;gap:8px;padding:8px 15px}.legend-color{border-radius:50%;height:12px;width:12px}.legend-name{color:#333;font-weight:600}.btn-add-rdv-global{background:linear-gradient(135deg,#28a745,#20c997);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;margin-left:auto;padding:10px 20px;transition:all .3s ease}.btn-add-rdv-global:hover{box-shadow:0 4px 15px #28a7454d;transform:translateY(-2px)}.planning-wrapper{display:flex;flex-direction:column;gap:25px}.commercial-planning-section{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.commercial-section-header{align-items:center;border-left:5px solid;display:flex;justify-content:space-between;padding:15px 20px}.commercial-section-name{font-size:18px;font-weight:700}.planning-grid-slots{overflow-x:auto}.slots-header-row{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;grid-template-columns:80px repeat(5,1fr);min-width:700px}.slot-time-header{font-size:13px;font-weight:600}.slot-day-header,.slot-time-header{border-right:1px solid #fff3;padding:12px 10px;text-align:center}.slot-day-header:last-child{border-right:none}.slot-day-header.today{background:#fff3}.slot-day-header .day-name{display:block;font-size:13px;font-weight:700}.slot-day-header .day-date{display:block;font-size:11px;opacity:.9}.slots-row{border-bottom:1px solid #eee;display:grid;grid-template-columns:80px repeat(5,1fr);min-width:700px;position:relative}.slots-row:last-child{border-bottom:none}.slot-time-cell{align-items:center;background:#f8f9fa;color:#666;display:flex;font-size:13px;font-weight:600;justify-content:center;padding:10px;text-align:center}.slot-cell,.slot-time-cell{border-right:1px solid #eee}.slot-cell{cursor:pointer;min-height:60px;overflow:visible;padding:5px;position:relative;transition:background .2s ease}.slot-cell:last-child{border-right:none}.slot-cell:hover{background:#f0f4ff}.slot-cell.today{background:#fff9e6}.slot-cell.today:hover{background:#fff3cc}.slot-cell.has-rdv{cursor:default}.slot-cell.has-rdv:hover{background:#0000}.slot-empty{color:#ccc;font-size:20px;font-weight:300;left:50%;opacity:0;position:absolute;top:50%;transform:translate(-50%,-50%);transition:opacity .2s}.slot-cell:hover .slot-empty{color:#667eea;opacity:1}.slot-rdv{background:#fff;border-left:4px solid;border-radius:6px;box-shadow:0 2px 8px #00000026;cursor:pointer;left:5px;padding:8px 10px;position:absolute;right:5px;transition:all .2s ease;z-index:10}.slot-rdv:hover{box-shadow:0 4px 10px #00000026;transform:scale(1.02)}.slot-rdv.rdv-planifie{background:#fff}.slot-rdv.rdv-confirme{background:#d4edda}.slot-rdv.rdv-annule{background:#f8d7da;opacity:.7}.slot-rdv.rdv-termine{background:#e2e3e5}.slot-rdv-time{color:#667eea;font-size:10px;font-weight:600;margin-bottom:2px}.slot-rdv-titre{color:#333;font-size:12px;font-weight:600}.slot-rdv-client,.slot-rdv-titre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-rdv-client{color:#666;font-size:11px;margin-top:2px}.slot-rdv-author{color:#999;font-size:10px;font-style:italic;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.has-multiple-rdv{position:relative}.slot-rdv-stacked{overflow:hidden;padding:4px 8px}.slot-rdv-stacked .slot-rdv-time{font-size:9px;margin-bottom:1px}.slot-rdv-stacked .slot-rdv-titre{font-size:10px}.slot-rdv-stacked .slot-rdv-client{font-size:9px;margin-top:1px}.slot-rdv-stacked .slot-rdv-author{font-size:8px;margin-top:2px}.slot-add-btn{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;bottom:2px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;height:20px;justify-content:center;opacity:.7;position:absolute;right:2px;transition:all .2s ease;width:20px;z-index:20}.slot-add-btn:hover{opacity:1;transform:scale(1.1)}.planning-grid{background:#fff;border-radius:15px;box-shadow:0 2px 10px #0000000d;overflow:hidden}.planning-header-row{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:grid;grid-template-columns:150px repeat(7,1fr)}.planning-commercial-header{align-items:center;border-right:1px solid #fff3;display:flex;font-weight:600;justify-content:center;padding:15px}.planning-day-header{border-right:1px solid #fff3;padding:15px 10px;text-align:center}.planning-day-header:last-child{border-right:none}.planning-day-header.today{background:#fff3}.day-name{display:block;font-size:14px;font-weight:700}.day-date{display:block;font-size:12px;opacity:.9}.planning-row{border-bottom:1px solid #eee;display:grid;grid-template-columns:150px repeat(7,1fr)}.planning-row:last-child{border-bottom:none}.planning-commercial-cell{align-items:flex-start;background:#f8f9fa;border-left:4px solid;border-right:1px solid #eee;display:flex;justify-content:center;padding:15px}.commercial-name{color:#333;font-weight:600;text-align:center}.planning-cell{border-right:1px solid #eee;cursor:pointer;display:flex;flex-direction:column;gap:5px;min-height:120px;padding:8px;transition:background .2s ease}.planning-cell:last-child{border-right:none}.planning-cell:hover{background:#f8f9fa}.planning-cell.today{background:#fff3cd}.planning-cell.today:hover{background:#ffe69c}.cell-empty{align-items:center;display:flex;height:100%;justify-content:center;min-height:80px}.add-hint{color:#ccc;font-size:12px;opacity:0;transition:opacity .2s ease}.planning-cell:hover .add-hint{color:#667eea;opacity:1}.rdv-card{background:#fff;border-left:4px solid;border-radius:8px;box-shadow:0 2px 5px #0000001a;cursor:pointer;padding:8px 10px;transition:all .2s ease}.rdv-card:hover{box-shadow:0 4px 10px #00000026;transform:translateY(-2px)}.rdv-planifie{background:#fff}.rdv-confirme{background:#d4edda}.rdv-annule{background:#f8d7da;opacity:.7}.rdv-termine{background:#e2e3e5}.rdv-time{color:#666;font-size:11px;font-weight:600}.rdv-titre{color:#333;font-size:13px;font-weight:600;margin-top:3px}.rdv-client,.rdv-titre{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rdv-client{color:#666;font-size:11px;margin-top:2px}.loading{color:#666;font-size:16px;padding:50px;text-align:center}.planning-modal{max-width:600px}.planning-modal .form-row{grid-gap:15px;display:grid;gap:15px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.planning-modal .form-group{margin-bottom:15px}.planning-modal .form-group label{color:#333;display:block;font-weight:600;margin-bottom:5px}.planning-modal .form-group input,.planning-modal .form-group select,.planning-modal .form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-size:14px;padding:10px 12px;transition:border-color .3s ease;width:100%}.planning-modal .form-group input:focus,.planning-modal .form-group select:focus,.planning-modal .form-group textarea:focus{border-color:#667eea;outline:none}.planning-modal .modal-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:20px;padding-top:15px}.planning-modal .btn-cancel{background:#f0f0f0;border:none;border-radius:8px;color:#333;cursor:pointer;font-weight:600;padding:10px 20px}.planning-modal .btn-submit{background:linear-gradient(135deg,#667eea,#764ba2)}.planning-modal .btn-delete,.planning-modal .btn-submit{border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:10px 20px}.planning-modal .btn-delete{background:#dc3545;margin-right:auto}.rdv-info{background:#f8f9fa;border-radius:8px;color:#666;margin-top:10px;padding:10px}@media (max-width:1200px){.planning-header{align-items:flex-start;flex-direction:column}.planning-nav{justify-content:center;width:100%}}@media (max-width:768px){.planning-grid{overflow-x:auto}.planning-header-row,.planning-row{min-width:900px}.commerciaux-legend{align-items:flex-start;flex-direction:column}.btn-add-rdv-global{margin-left:0;width:100%}}.btn-edit-commercial{background:#0000;border:none;cursor:pointer;font-size:14px;margin-left:5px;opacity:.6;padding:2px 6px;transition:opacity .2s}.btn-edit-commercial:hover{opacity:1}.legend-item{position:relative}.commercial-modal{max-width:400px}.commercial-modal .form-group{margin-bottom:20px}.commercial-modal .form-group label{color:#333;display:block;font-weight:600;margin-bottom:8px}.commercial-modal .form-group input[type=text]{border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px;width:100%}.commercial-modal .form-group input[type=text]:focus{border-color:#667eea;outline:none}.color-picker-row{align-items:center;display:flex;gap:15px;margin-bottom:10px}.color-picker{border:none;border-radius:8px;cursor:pointer;height:40px;padding:0;width:50px}.color-value{color:#666;font-family:monospace;font-size:14px}.color-presets{display:flex;flex-wrap:wrap;gap:8px}.color-preset{border:3px solid #0000;border-radius:50%;cursor:pointer;height:32px;transition:all .2s;width:32px}.color-preset:hover{transform:scale(1.1)}.color-preset.active{border-color:#333;box-shadow:0 0 0 2px #fff,0 0 0 4px #333}.commercial-modal .modal-actions{border-top:1px solid #eee;display:flex;gap:10px;justify-content:flex-end;margin-top:25px;padding-top:15px}.commercial-modal .btn-cancel{background:#f0f0f0;color:#333}.commercial-modal .btn-cancel,.commercial-modal .btn-submit{border:none;border-radius:8px;cursor:pointer;font-weight:600;padding:10px 20px}.commercial-modal .btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.form-hint{color:#888;display:block;font-size:12px;font-style:italic;margin-top:5px}.email-result-modal{max-width:500px}.email-result-modal h3{margin-bottom:15px}.email-result-date{background:#f8f9fa;border-radius:8px;font-size:16px;margin-bottom:20px;padding:10px 15px}.email-result-section{margin-bottom:20px}.email-result-section h4{color:#333;font-size:14px;margin-bottom:10px}.email-result-list{list-style:none;margin:0;padding:0}.email-result-list li{align-items:center;border-radius:8px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px;padding:10px 15px}.email-result-list li.email-success{background:#d4edda;color:#155724}.email-result-list li.email-failed{background:#f8d7da;color:#721c24}.email-result-list .rdv-count{background:#0000001a;border-radius:12px;font-size:12px;font-weight:600;margin-left:auto;padding:3px 10px}.email-result-list .error-msg{font-size:12px;margin-top:5px;opacity:.8;width:100%}.email-error-msg{background:#f8d7da;border-radius:8px;color:#dc3545;padding:15px}.email-select-modal{max-width:550px}.email-select-modal h3{margin-bottom:10px}.email-modal-subtitle{color:#666;font-size:14px;margin-bottom:20px}.email-modal-subtitle small{color:#28a745}.email-commercial-list{margin-bottom:15px;max-height:350px;overflow-y:auto}.email-commercial-item{align-items:center;background:#f8f9fa;border-left:4px solid #ccc;border-radius:8px;display:flex;gap:15px;margin-bottom:10px;padding:12px 15px;transition:all .2s}.email-commercial-item.selected{background:#e8f4e8}.email-commercial-checkbox{align-items:center;cursor:pointer;display:flex;gap:10px;min-width:150px}.email-commercial-checkbox input[type=checkbox]{cursor:pointer;height:18px;width:18px}.commercial-name-label{color:#333;font-weight:600}.email-commercial-input{border:2px solid #e0e0e0;border-radius:6px;flex:1 1;font-size:14px;padding:8px 12px;transition:border-color .2s}.email-commercial-input:focus{border-color:#667eea;outline:none}.email-commercial-input:disabled{background:#f0f0f0;color:#999;cursor:not-allowed}.email-modal-info{background:#e3f2fd;border-radius:8px;color:#1976d2;font-size:14px;font-weight:600;margin-bottom:15px;padding:10px 15px;text-align:center}.dashboard{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh}.dashboard-header{background:#fff;box-shadow:0 2px 10px #0000001a;padding:20px 40px}.header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1400px}.dashboard-header h1{color:#667eea;font-size:28px;font-weight:700;margin-bottom:5px}.date{color:#666;font-size:14px;text-transform:capitalize}.header-right{align-items:center;display:flex;gap:20px}.user-info{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.user-name{color:#333;font-size:14px;font-weight:600}.role-badge{border-radius:12px;font-size:11px;font-weight:600;letter-spacing:.5px;padding:4px 12px;text-transform:uppercase}.badge-admin{background:linear-gradient(135deg,#f093fb,#f5576c);color:#fff}.badge-agent{background:linear-gradient(135deg,#4facfe,#00f2fe);color:#fff}.badge-commercial{background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff}.badge-superviseur,.role-badge-superviseur{background:linear-gradient(135deg,#f5af19,#f12711);color:#fff}.role-badge-superviseur{border-radius:12px;font-size:11px;font-weight:600;padding:4px 12px;text-transform:uppercase}.badge-default{background:#e0e0e0;color:#666}.btn-logout{background:#ff6b6b;border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:600;padding:12px 24px;transition:all .3s ease}.btn-logout:hover{background:#ff5252;box-shadow:0 5px 15px #ff6b6b4d;transform:translateY(-2px)}.tabs{background:#fff;border-bottom:1px solid #e0e0e0;display:flex;gap:10px;padding:20px 40px}.tab{background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:12px 24px;transition:all .3s ease}.tab:hover{background:#f8f9fa;color:#667eea}.tab.active{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 5px 15px #667eea4d;color:#fff}.admin-sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;height:calc(100vh - 80px);left:0;overflow-y:auto;padding:20px 0;position:fixed;top:80px;width:220px;z-index:100}.sidebar-section{border-bottom:1px solid #eee;padding:10px 0}.sidebar-section:last-child{border-bottom:none}.sidebar-title{color:#999;font-size:11px;font-weight:700;letter-spacing:1px;margin:0;padding:10px 20px 8px;text-transform:uppercase}.sidebar-item{align-items:center;background:#0000;border:none;color:#444;cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:12px;padding:12px 20px;text-align:left;transition:all .2s ease;width:100%}.sidebar-item:hover{background:#f5f5f5;color:#667eea}.sidebar-item.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.sidebar-item.active .sidebar-icon{filter:brightness(10)}.sidebar-icon{font-size:18px;text-align:center;width:24px}.dashboard.has-sidebar .dashboard-main{margin-left:220px}.dashboard-main{margin:0 auto;max-width:1400px;padding:40px}.dashboard:has(.admin-sidebar) .dashboard-main{margin-left:220px;max-width:calc(100% - 260px)}@media (max-width:1024px){.admin-sidebar{padding:15px 0;width:70px}.sidebar-title{display:none}.sidebar-item{justify-content:center;padding:15px 10px}.sidebar-item span:not(.sidebar-icon){display:none}.sidebar-icon{font-size:22px}.dashboard:has(.admin-sidebar) .dashboard-main{margin-left:70px;max-width:calc(100% - 110px)}}@media (max-width:768px){.admin-sidebar{height:auto;padding:10px;position:relative;top:0;width:100%}.admin-sidebar,.sidebar-section{display:flex;flex-wrap:wrap;gap:5px}.sidebar-section{border-bottom:none;padding:5px}.sidebar-title{padding:5px 10px;width:100%}.sidebar-item{flex:0 0 auto;padding:8px 12px}.sidebar-item span:not(.sidebar-icon){display:inline;font-size:12px}.dashboard:has(.admin-sidebar) .dashboard-main{margin-left:0;max-width:100%}}.dashboard-controls{display:flex;flex-direction:column;gap:20px;margin-bottom:20px}.filters-container{animation:slideDown .3s ease;background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;display:flex;flex-wrap:wrap;gap:30px;margin-bottom:20px;margin-top:0;padding:20px}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.filter-group{align-items:center;display:flex;gap:15px}.filter-label{color:#666;font-size:14px;font-weight:600;white-space:nowrap}.filter-buttons{display:flex;gap:10px}.filter-btn{background:#fff;border:2px solid #e0e0e0;border-radius:8px;color:#666;cursor:pointer;font-size:14px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.filter-btn:hover{border-color:#667eea;color:#667eea;transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);border-color:#667eea;box-shadow:0 3px 10px #667eea4d;color:#fff}.search-box{order:-1;width:100%}.search-box input{background:#fff;border:none;border-radius:15px;box-shadow:0 2px 10px #0000001a;font-size:16px;padding:18px 25px;transition:all .2s ease;width:100%}.search-box input:focus{box-shadow:0 4px 15px #667eea33;outline:none}.search-box input::placeholder{color:#999;font-size:15px}.action-buttons-row{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px}.btn-add{background:#4caf50;border:none;border-radius:10px;color:#fff;cursor:pointer;font-size:16px;font-weight:600;padding:15px 30px;transition:all .3s ease;white-space:nowrap}.btn-add:hover{background:#45a049;box-shadow:0 5px 15px #4caf504d;transform:translateY(-2px)}.filter-toggle-container{display:flex;justify-content:flex-start;margin-bottom:10px;margin-top:10px}.btn-filter{background:#667eea;border:none;border-radius:10px;box-shadow:0 3px 10px #667eea33;color:#fff;cursor:pointer;font-size:15px;font-weight:600;padding:12px 24px;transition:all .3s ease;white-space:nowrap}.btn-filter:hover{background:#5568d3;box-shadow:0 5px 15px #667eea4d;transform:translateY(-2px)}.btn-filter.active{background:#764ba2}.stats-cards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:30px}.stat-card{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;padding:25px;text-align:center}.stat-card h3{color:#666;font-size:14px;font-weight:600;letter-spacing:1px;margin-bottom:10px;text-transform:uppercase}.stat-number{color:#667eea;font-size:36px;font-weight:700}.stat-card.money{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.stat-card.money h3{color:#ffffffe6;font-size:13px}.stat-card.money .stat-number{color:#fff;font-size:32px}.stat-card.money-bw{background:linear-gradient(135deg,#333,#555);color:#fff}.stat-card.money-bw h3{color:#ffffffe6;font-size:13px}.stat-card.money-bw .stat-number{color:#fff;font-size:32px}.stat-card.money-orange{background:linear-gradient(135deg,#f57c00,#e65100);color:#fff}.stat-card.money-orange h3{color:#ffffffe6;font-size:13px}.stat-card.money-orange .stat-number{color:#fff;font-size:32px}.stat-card.count{background:#fff;border:2px solid #667eea}.stat-card.count .stat-number,.stat-card.count h3{color:#667eea}.clients-table{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;overflow-x:auto;overflow-y:visible}.clients-table::-webkit-scrollbar{height:12px}.clients-table::-webkit-scrollbar-track{background:#f1f1f1;border-radius:0 0 15px 15px}.clients-table::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:10px}.clients-table::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#5568d3,#63398d)}.clients-table table{border-collapse:collapse;min-width:1700px;width:100%}.clients-table thead{background:linear-gradient(135deg,#667eea,#764ba2)}.clients-table th{color:#fff;font-size:12px;font-weight:600;letter-spacing:1px;padding:20px;text-align:left;text-transform:uppercase}.clients-table td{border-bottom:1px solid #f0f0f0;color:#333;padding:20px}.clients-table tbody tr{transition:background .2s ease}.clients-table tbody tr:hover{background:#f8f9fa}.clients-table tbody tr:last-child td{border-bottom:none}.status-badge{border-radius:4px;display:inline-block;font-size:14px;font-weight:600;padding:4px 8px}.status-yes{background:#e8f5e9;color:#2e7d32}.status-no{background:#ffebee;color:#c62828}.actions{display:flex;gap:8px}.btn-bon-commande,.btn-delete,.btn-edit,.btn-invoice,.btn-sign,.btn-view{border:none;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s ease;white-space:nowrap}.btn-view{background:#9c27b0;color:#fff}.btn-view:hover{background:#7b1fa2;transform:translateY(-2px)}.btn-sign{background:#ff9800;color:#fff}.btn-sign:hover{background:#f57c00;transform:translateY(-2px)}.btn-edit{background:#2196f3;color:#fff}.btn-edit:hover{background:#1976d2;transform:translateY(-2px)}.btn-delete{background:#f44336;color:#fff}.btn-delete:hover{background:#d32f2f;transform:translateY(-2px)}.btn-invoice{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.btn-invoice:hover:not(:disabled){background:linear-gradient(135deg,#45a049,#388e3c);box-shadow:0 3px 10px #4caf504d;transform:translateY(-2px)}.btn-invoice:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-bon-commande{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.btn-bon-commande:hover:not(:disabled){background:linear-gradient(135deg,#f57c00,#e65100);box-shadow:0 3px 10px #ff98004d;transform:translateY(-2px)}.btn-bon-commande:disabled{cursor:not-allowed;opacity:.6;transform:none}.empty-state,.loading-state{background:#fff;border-radius:15px;box-shadow:0 5px 15px #0000001a;color:#666;font-size:18px;padding:60px;text-align:center}@media (max-width:768px){.dashboard-header{padding:15px 20px}.header-content{align-items:flex-start;flex-direction:column;gap:15px}.dashboard-header h1{font-size:22px}.header-right{flex-wrap:wrap;justify-content:space-between;width:100%}.user-info{align-items:flex-start}.btn-logout{font-size:14px;padding:10px 20px}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;padding:15px 20px}.tab{font-size:14px;padding:10px 16px;white-space:nowrap}.dashboard-main{padding:20px 15px}.dashboard-controls{flex-direction:column;gap:12px}.search-box{max-width:100%;width:100%}.search-box input{font-size:14px;padding:10px 15px}.action-buttons-row{flex-direction:column}.btn-add{justify-content:center;width:100%}.stats-cards{gap:15px;grid-template-columns:1fr}.stat-card{padding:20px}.stat-card h3{font-size:13px}.stat-number{font-size:32px}.filters-container{flex-direction:column;gap:15px;padding:15px}.filter-group{align-items:flex-start;flex-direction:column;gap:10px;width:100%}.filter-label{width:100%}.filter-buttons{flex-wrap:wrap;gap:8px;width:100%}.filter-btn{flex:1 1;font-size:13px;min-width:80px;padding:8px 12px}.clients-table{-webkit-overflow-scrolling:touch;margin:0 -15px;overflow-x:auto;padding:0 15px}.clients-table table{font-size:13px;min-width:800px}.clients-table td,.clients-table th{padding:12px 8px}.btn-detail{font-size:12px;padding:6px 12px}.info-grid{gap:15px;grid-template-columns:1fr}.detail-section{padding:20px 15px}}@media (max-width:480px){.dashboard-header h1{font-size:18px}.date{font-size:12px}.user-name{font-size:13px}.role-badge{font-size:10px;padding:3px 10px}.btn-logout{font-size:13px;padding:8px 16px}.tab{font-size:13px;padding:8px 12px}.dashboard-main{padding:15px 10px}.stat-card{padding:15px}.stat-card h3{font-size:12px}.stat-number{font-size:28px}.clients-table table{font-size:12px}.btn-detail{font-size:11px;padding:5px 10px}}.section-title{color:#fff;font-size:24px;font-weight:700;margin:0}.detail-section{background:#f8f9fa;border-radius:15px;margin-bottom:30px;padding:25px}.info-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr)}.desktop-only{display:block}.mobile-only{display:none}.clients-cards{display:flex;flex-direction:column;gap:15px}.client-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;padding:20px;transition:all .3s ease}.client-card:active{box-shadow:0 1px 4px #00000026;transform:scale(.98)}.client-card-header{align-items:flex-start;border-bottom:2px solid #f0f0f0;display:flex;justify-content:space-between;margin-bottom:15px;padding-bottom:15px}.client-card-header h3{color:#333;font-size:18px;font-weight:700;margin:0 0 5px;word-break:break-word}.client-numero{color:#667eea;font-size:14px;font-weight:600;margin:0}.client-card-badges{align-items:flex-end;display:flex;flex-direction:column;gap:5px}.client-card-body{display:flex;flex-direction:column;gap:12px;margin-bottom:15px}.client-card-field{align-items:center;display:flex;gap:10px;justify-content:space-between}.field-label{color:#666;flex-shrink:0;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.field-value{color:#333;font-size:14px;font-weight:500;overflow-wrap:break-word;text-align:right;word-break:break-word}.field-value.highlight{color:#667eea;font-size:16px;font-weight:700}.client-card-actions{grid-gap:8px;border-top:2px solid #f0f0f0;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(80px,1fr));padding-top:15px}.client-card-actions button{border:none;border-radius:6px;cursor:pointer;font-size:12px;font-weight:600;overflow:hidden;padding:10px 8px;text-overflow:ellipsis;transition:all .2s ease;white-space:nowrap}.client-card-actions .btn-view{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.client-card-actions .btn-edit{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff}.client-card-actions .btn-bon-commande{background:linear-gradient(135deg,#ff9800,#f57c00);color:#fff}.client-card-actions .btn-invoice{background:linear-gradient(135deg,#4caf50,#45a049);color:#fff}.client-card-actions .btn-delete{background:linear-gradient(135deg,#f44336,#d32f2f);color:#fff}.client-card-actions button:active{transform:scale(.95)}.client-card-actions button:disabled{cursor:not-allowed;opacity:.5}@media (max-width:768px){.desktop-only{display:none!important}.mobile-only{display:flex!important}.dashboard-header{padding:15px 20px}.header-content{align-items:flex-start;flex-direction:column;gap:15px}.header-right{justify-content:space-between;width:100%}.tabs{-webkit-overflow-scrolling:touch;overflow-x:auto;white-space:nowrap}.tab{font-size:12px;padding:10px 15px}}*{box-sizing:border-box}.signup-container{background:#0a0a1a;min-height:100vh;overflow-x:hidden;position:relative}.signup-container:before{background:radial-gradient(ellipse at 20% 20%,#667eea26 0,#0000 50%),radial-gradient(ellipse at 80% 80%,#764ba226 0,#0000 50%),radial-gradient(ellipse at 50% 50%,#667eea0d 0,#0000 70%)}.signup-container:after,.signup-container:before{bottom:0;content:"";left:0;pointer-events:none;position:fixed;right:0;top:0;z-index:0}.signup-container:after{animation:particleFloat 20s linear infinite;background-image:radial-gradient(2px 2px at 20px 30px,#ffffff26,#0000),radial-gradient(2px 2px at 40px 70px,#ffffff1a,#0000),radial-gradient(2px 2px at 50px 160px,#ffffff26,#0000),radial-gradient(2px 2px at 90px 40px,#ffffff1a,#0000),radial-gradient(2px 2px at 130px 80px,#ffffff26,#0000),radial-gradient(2px 2px at 160px 120px,#ffffff1a,#0000);background-size:200px 200px}@keyframes particleFloat{0%{transform:translateY(0)}to{transform:translateY(-200px)}}.signup-hero{color:#fff;padding:80px 20px 60px;position:relative;text-align:center;z-index:1}.hero-badge{animation:fadeInDown .8s ease-out;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#667eea4d,#764ba24d);border:1px solid #fff3;border-radius:30px;display:inline-block;font-size:13px;font-weight:600;letter-spacing:1px;margin-bottom:25px;padding:8px 20px}.signup-hero h1{-webkit-text-fill-color:#0000;animation:fadeInDown .8s ease-out .1s both;background:linear-gradient(135deg,#fff,#a5b4fc 50%,#fff);-webkit-background-clip:text;background-clip:text;font-size:56px;font-weight:800;line-height:1.1;margin-bottom:20px}.hero-subtitle{animation:fadeInDown .8s ease-out .2s both;color:#ffffffb3;font-size:20px;line-height:1.6;margin-bottom:30px;margin-left:auto;margin-right:auto;max-width:600px}.hero-benefits{animation:fadeInDown .8s ease-out .3s both;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.hero-benefits span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:1px solid #ffffff26;border-radius:50px;font-size:14px;font-weight:500;padding:12px 24px;transition:all .3s ease}.hero-benefits span:hover{background:#ffffff26;transform:translateY(-2px)}.hero-mockup{animation:fadeInUp 1s ease-out .4s both;margin-top:50px;position:relative}.mockup-container{align-items:flex-end;display:flex;gap:30px;justify-content:center;perspective:1000px}.mockup-phone{background:linear-gradient(145deg,#1a1a2e,#16162a);border:3px solid #333;border-radius:30px;box-shadow:0 25px 50px #00000080,inset 0 1px 0 #ffffff1a;height:360px;position:relative;transform:rotateY(-10deg) rotateX(5deg);transition:transform .5s ease;width:180px}.mockup-phone:hover{transform:rotateY(0deg) rotateX(0deg)}.mockup-phone:before{background:#000;border-radius:10px;content:"";height:20px;left:50%;position:absolute;top:12px;transform:translateX(-50%);width:60px}.mockup-phone-screen{background:linear-gradient(180deg,#667eea,#764ba2);border-radius:15px;bottom:40px;display:flex;flex-direction:column;left:10px;overflow:hidden;padding:15px;position:absolute;right:10px;top:40px}.mockup-screen-header{background:#fff3;border-radius:8px;height:30px;margin-bottom:10px}.mockup-screen-content{display:flex;flex:1 1;flex-direction:column;gap:8px}.mockup-screen-line{background:#ffffff4d;border-radius:6px;height:12px}.mockup-screen-line.short{width:60%}.mockup-screen-btn{background:#ffffffe6;border-radius:8px;height:35px;margin-top:auto}.mockup-laptop{background:linear-gradient(145deg,#2a2a3e,#1a1a2e);border:3px solid #444;border-bottom:none;border-radius:15px 15px 0 0;box-shadow:0 -10px 40px #0000004d;height:260px;position:relative;transform:rotateX(10deg);transition:transform .5s ease;width:400px}.mockup-laptop:hover{transform:rotateX(5deg)}.mockup-laptop:before{background:#333;border-radius:50%;content:"";height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:8px}.mockup-laptop-screen{background:linear-gradient(135deg,#1a1a2e,#0f0f1a);border-radius:5px;bottom:15px;display:flex;left:15px;overflow:hidden;position:absolute;right:15px;top:25px}.mockup-laptop-sidebar{align-items:center;background:linear-gradient(180deg,#667eea,#764ba2);display:flex;flex-direction:column;gap:12px;padding:15px 0;width:60px}.mockup-sidebar-icon{background:#fff3;border-radius:8px;height:30px;width:30px}.mockup-laptop-content{display:flex;flex:1 1;flex-direction:column;gap:10px;padding:15px}.mockup-content-header{background:#ffffff1a;border-radius:5px;height:25px}.mockup-content-cards{grid-gap:10px;display:grid;flex:1 1;gap:10px;grid-template-columns:1fr 1fr}.mockup-card{background:#667eea33;border:1px solid #667eea4d;border-radius:8px}.mockup-laptop-base{background:linear-gradient(145deg,#3a3a4e,#2a2a3e);border:3px solid #444;border-radius:0 0 10px 10px;border-top:none;bottom:-15px;height:15px;left:-20px;position:absolute;right:-20px}.mockup-laptop-base:before{background:#555;border-radius:3px;content:"";height:5px;left:50%;position:absolute;top:3px;transform:translateX(-50%);width:80px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.offers-section{padding:60px 20px;position:relative;z-index:1}.section-title{margin-bottom:50px;text-align:center}.section-title h2{color:#fff;font-size:36px;font-weight:700;margin-bottom:15px}.section-title p{color:#fff9;font-size:16px}.offers-grid{grid-gap:30px;animation:fadeInUp .8s ease-out;display:grid;gap:30px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:1200px}.offer-card-new{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;cursor:pointer;overflow:hidden;padding:35px;position:relative;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.offer-card-new:before{background:linear-gradient(90deg,#667eea,#764ba2);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.offer-card-new:hover{border-color:#667eea66;box-shadow:0 30px 60px #0000004d,0 0 40px #667eea1a;transform:translateY(-10px)}.offer-card-new:hover:before{opacity:1}.offer-card-new.selected{background:#667eea1a;border-color:#667eea;box-shadow:0 20px 50px #667eea4d,0 0 0 1px #667eea80}.offer-card-new.selected:before{opacity:1}.offer-card-new.popular{border-color:#4caf5080}.popular-banner{background:linear-gradient(135deg,#4caf50,#45a049);font-size:11px;padding:6px 40px;position:absolute;right:-30px;text-transform:uppercase;top:20px;transform:rotate(45deg)}.offer-badge,.popular-banner{color:#fff;font-weight:700;letter-spacing:1px}.offer-badge{border-radius:50px;display:inline-block;font-size:12px;margin-bottom:25px;padding:10px 20px}.offer-header-new{margin-bottom:20px}.offer-header-new h3{color:#fff;font-size:28px;font-weight:700;margin-bottom:8px}.offer-subtitle-new{color:#fff9;font-size:14px}.offer-description{color:#ffffffb3;font-size:15px;line-height:1.7;margin-bottom:30px}.offer-features-new{margin-bottom:30px}.feature-item-new{align-items:flex-start;display:flex;gap:15px;margin-bottom:18px}.feature-icon-new{align-items:center;background:#667eea26;border:1px solid #667eea4d;border-radius:12px;display:flex;flex-shrink:0;font-size:24px;height:45px;justify-content:center;width:45px}.feature-text strong{color:#fff;display:block;font-size:14px;margin-bottom:4px}.feature-text p{color:#ffffff80;font-size:13px;line-height:1.5;margin:0}.offer-advantages{background:#667eea1a;border:1px solid #667eea33;border-radius:16px;margin-bottom:25px;padding:20px}.advantage-item{color:#a5b4fc;font-size:14px;font-weight:500;margin-bottom:10px}.advantage-item:last-child{margin-bottom:0}.offer-pricing-new{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin-bottom:25px;padding:25px}.payment-options-container{padding:0}.payment-options-title{color:#fffc;font-size:14px;font-weight:600;margin-bottom:20px;text-align:center}.payment-options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.payment-option-card{background:#ffffff0d;border:2px solid #ffffff1a;border-radius:16px;cursor:pointer;padding:20px;transition:all .3s ease}.payment-option-card:hover{background:#667eea1a;border-color:#667eea80}.payment-option-card.selected-option{background:#667eea26;border-color:#667eea;box-shadow:0 0 20px #667eea4d}.payment-option-header{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.payment-option-header h4{color:#fff;font-size:15px;font-weight:700;margin:0}.payment-option-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;color:#fff;display:inline-block;font-size:11px;font-weight:600;padding:5px 12px;width:-webkit-fit-content;width:fit-content}.payment-option-description{color:#ffffff80;font-size:12px;line-height:1.5;margin-bottom:15px}.price-breakdown-new{margin-bottom:15px}.price-line{border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:10px 0}.price-line.total{border-bottom:none;border-top:2px solid #fff3;margin-top:10px;padding-top:15px}.price-line span{color:#fff9;font-size:13px}.price-line strong{color:#fff;font-weight:700}.price-display{align-items:baseline;display:flex;gap:5px;justify-content:center}.price-main{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#a5b4fc);-webkit-background-clip:text;background-clip:text;font-size:36px;font-weight:800}.price-period{color:#fff9;font-size:16px}.commitment-badge,.no-commitment-badge{border-radius:12px;font-size:13px;font-weight:600;margin-top:15px;padding:12px 20px;text-align:center}.commitment-badge{background:#ffc10726;border:1px solid #ffc1074d;color:#ffc107}.no-commitment-badge{background:#4caf5026;border:1px solid #4caf504d;color:#4caf50}.btn-select-offer{border:none;border-radius:12px;cursor:pointer;font-size:15px;font-weight:700;letter-spacing:1px;padding:16px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-select-offer:hover{box-shadow:0 10px 30px #667eea66;transform:scale(1.02)}.signup-form-section{animation:fadeInUp .8s ease-out;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:24px;margin:40px auto;max-width:800px;padding:50px;position:relative;z-index:1}.form-header-new{border-bottom:1px solid #ffffff1a;margin-bottom:40px;padding-bottom:30px;text-align:center}.form-header-new h2{color:#fff;font-size:32px;font-weight:700;margin-bottom:15px}.form-header-new p{color:#ffffffb3;font-size:16px}.signup-form-new{display:flex;flex-direction:column;gap:25px}.form-columns{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.signup-form-new .form-group{display:flex;flex-direction:column;gap:8px}.signup-form-new .form-group label{color:#ffffffe6;font-size:14px;font-weight:600}.signup-form-new .form-group input,.signup-form-new .form-group textarea{background:#ffffff0d;border:2px solid #ffffff26;border-radius:12px;color:#fff;font-size:15px;padding:16px 18px;transition:all .3s ease}.signup-form-new .form-group input::placeholder,.signup-form-new .form-group textarea::placeholder{color:#fff6}.signup-form-new .form-group input:focus,.signup-form-new .form-group textarea:focus{background:#667eea1a;border-color:#667eea;box-shadow:0 0 20px #667eea33;outline:none}.signup-form-new .form-group input.error,.signup-form-new .form-group textarea.error{background:#ef44441a;border-color:#ef4444}.signup-form-new .error-message{color:#ef4444;font-size:13px;font-weight:500}.payment-info-banner{background:#667eea1a;border:1px solid #667eea4d;border-radius:16px;display:flex;gap:20px;margin:20px 0;padding:25px}.payment-info-banner.premium{background:#ff98001a;border-color:#ff98004d}.banner-icon{flex-shrink:0;font-size:36px}.banner-content h4{color:#fff;font-size:17px;font-weight:700;margin-bottom:8px}.banner-content p{color:#ffffffb3;font-size:14px;line-height:1.6;margin:0}.btn-submit-new{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;color:#fff;cursor:pointer;font-size:17px;font-weight:700;letter-spacing:1px;overflow:hidden;padding:20px;position:relative;text-transform:uppercase;transition:all .4s ease;width:100%}.btn-submit-new:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-submit-new:hover:before{left:100%}.btn-submit-new:hover:not(:disabled){box-shadow:0 15px 40px #667eea66;transform:translateY(-3px)}.btn-submit-new:disabled{cursor:not-allowed;opacity:.5}.terms-text{color:#ffffff80;font-size:13px;line-height:1.7;margin-top:20px;text-align:center}.terms-text a{color:#a5b4fc;text-decoration:underline}.signup-footer-new{color:#fff;padding:50px 20px;position:relative;text-align:center;z-index:1}.signup-footer-new p{color:#ffffffb3;font-size:15px;margin:15px 0}.signup-footer-new a{color:#a5b4fc;font-weight:600;text-decoration:none;transition:color .3s ease}.signup-footer-new a:hover{color:#fff}.trust-badges{display:flex;flex-wrap:wrap;gap:40px;justify-content:center;margin-top:40px}.trust-badge{align-items:center;display:flex;flex-direction:column;gap:8px}.trust-badge-icon{font-size:32px}.trust-badge-text{color:#fff9;font-size:12px;text-align:center}@media (max-width:1024px){.offers-grid{grid-template-columns:1fr;max-width:600px}.mockup-container{align-items:center;flex-direction:column}.mockup-laptop{height:220px;max-width:350px;width:100%}.mockup-phone{height:280px;width:140px}}@media (max-width:768px){.signup-hero{padding:60px 20px 40px}.signup-hero h1{font-size:36px}.hero-subtitle{font-size:16px}.hero-benefits{flex-direction:column;gap:10px}.hero-benefits span{font-size:13px;padding:10px 20px}.hero-mockup{margin-top:30px}.mockup-laptop{display:none}.mockup-phone{height:320px;width:160px}.section-title h2{font-size:28px}.offer-card-new{padding:25px}.offer-header-new h3{font-size:24px}.form-columns,.payment-options-grid{grid-template-columns:1fr}.signup-form-section{margin:20px;padding:30px 20px}.form-header-new h2{font-size:24px}.payment-info-banner{flex-direction:column;gap:15px;text-align:center}.trust-badges{gap:25px}}@media (max-width:480px){.signup-container{padding:0}.signup-hero{padding:40px 15px 30px}.signup-hero h1{font-size:28px}.hero-badge{font-size:11px;padding:6px 15px}.hero-subtitle{font-size:14px}.offers-section{padding:40px 15px}.offer-card-new{border-radius:20px;padding:20px}.offer-header-new h3{font-size:22px}.feature-icon-new{font-size:20px;height:38px;width:38px}.feature-text strong{font-size:13px}.feature-text p{font-size:12px}.price-main{font-size:32px}.signup-form-section{border-radius:20px;margin:15px;padding:25px 15px}.form-header-new h2{font-size:22px}.signup-form-new .form-group input,.signup-form-new .form-group textarea{font-size:16px;padding:14px 15px}.btn-submit-new{font-size:15px;padding:18px}.signup-footer-new{padding:40px 15px}}@supports (-webkit-touch-callout:none){.signup-form-new .form-group input,.signup-form-new .form-group textarea{font-size:16px}}.payment-success-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:40px 20px}.success-card{animation:slideUp .5s ease-out;background:#fff;border-radius:20px;box-shadow:0 20px 60px #0000004d;max-width:600px;padding:50px;width:100%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{align-items:center;animation:checkmark .6s ease-in-out .2s both;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:50%;color:#fff;display:flex;font-size:48px;height:80px;justify-content:center;margin:0 auto 30px;width:80px}@keyframes checkmark{0%{transform:scale(0) rotate(-45deg)}50%{transform:scale(1.2) rotate(5deg)}to{transform:scale(1) rotate(0deg)}}.success-card h1{color:#333;font-size:32px;font-weight:700;margin-bottom:15px;text-align:center}.success-message{color:#666;font-size:16px;line-height:1.6;margin-bottom:30px;text-align:center}.loading-info{padding:30px;text-align:center}.spinner{animation:spin 1s linear infinite;border:4px solid #f3f3f3;border-radius:50%;border-top-color:#667eea;height:50px;margin:0 auto 20px;width:50px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-info p{color:#666;font-size:16px}.account-info{margin-top:30px}.account-info h2{color:#667eea;font-size:24px;margin-bottom:15px;text-align:center}.info-text{color:#666;font-size:15px;line-height:1.6;margin-bottom:25px;text-align:center}.credentials-box{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border:2px solid #667eea;border-radius:12px;margin-bottom:25px;padding:25px}.credential-item{align-items:center;background:#fff;border-radius:8px;display:flex;margin-bottom:15px;padding:15px}.credential-item:last-child{margin-bottom:0}.credential-item label{color:#333;font-size:15px;font-weight:600;min-width:140px}.credential-value{background:#f8f9fa;border:1px dashed #667eea;border-radius:6px;color:#667eea;flex:1 1;font-family:Courier New,monospace;font-size:16px;font-weight:600;padding:8px 12px}.warning-text{background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;color:#856404;font-size:14px;line-height:1.6;margin-bottom:25px;padding:15px}.btn-go-login{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea4d;color:#fff;cursor:pointer;font-size:18px;font-weight:600;padding:16px;transition:all .3s ease;width:100%}.btn-go-login:hover{box-shadow:0 8px 25px #667eea66;transform:translateY(-2px)}.btn-go-login:active{transform:translateY(0)}.next-steps{border-top:2px solid #e0e0e0;margin-top:35px;padding-top:30px}.next-steps h3{color:#333;font-size:20px;margin-bottom:20px;text-align:center}.next-steps ol{counter-reset:step-counter;list-style:none;padding:0}.next-steps ol li{color:#666;counter-increment:step-counter;font-size:15px;line-height:1.6;margin-bottom:20px;padding-left:50px;position:relative}.next-steps ol li:before{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;color:#fff;content:counter(step-counter);display:flex;font-size:16px;font-weight:700;height:35px;justify-content:center;left:0;position:absolute;top:0;width:35px}@media (max-width:768px){.success-card{padding:30px 20px}.success-card h1{font-size:26px}.account-info h2{font-size:20px}.credential-item{align-items:flex-start;flex-direction:column}.credential-item label{margin-bottom:8px}.credential-value{width:100%}}.update-notification{animation:slideIn .3s ease-out;position:fixed;right:20px;top:20px;z-index:10000}@keyframes slideIn{0%{opacity:0;transform:translateX(400px)}to{opacity:1;transform:translateX(0)}}.update-notification-content{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:12px;box-shadow:0 8px 32px #0000004d;color:#fff;display:flex;gap:15px;max-width:450px;min-width:350px;padding:20px 25px}.update-icon{animation:pulse 2s infinite;font-size:32px}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.update-info{flex:1 1}.update-info h3{font-size:16px;font-weight:700;margin:0 0 8px}.update-info p{font-size:14px;line-height:1.4;margin:0 0 5px;opacity:.95}.update-version{font-size:12px!important;font-style:italic;margin-top:8px!important;opacity:.8!important}.update-actions{display:flex;flex-direction:column;gap:8px}.btn-update{background:#fff;border:none;border-radius:8px;color:#667eea;cursor:pointer;font-size:14px;font-weight:700;padding:10px 20px;transition:all .2s ease;white-space:nowrap}.btn-update:hover{box-shadow:0 4px 12px #ffffff4d;transform:scale(1.05)}.btn-dismiss{background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:16px;padding:8px 12px;transition:all .2s ease}.btn-dismiss:hover{background:#ffffff4d}@media (max-width:768px){.update-notification{left:10px;right:10px;top:10px}.update-notification-content{flex-wrap:wrap;max-width:100%;min-width:auto;padding:15px}.update-icon{font-size:24px}.update-info h3{font-size:14px}.update-info p{font-size:13px}.update-actions{flex-direction:row;justify-content:flex-end;width:100%}.btn-update{font-size:13px;padding:8px 16px}}.loading{align-items:center;color:#fff;display:flex;font-size:24px;font-weight:600;height:100vh;justify-content:center}
/*# sourceMappingURL=main.a46f008f.css.map*/