*{box-sizing:border-box;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;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;box-shadow:0 20px 60px #0000004d;max-width:600px;width:90%}.modal-header{align-items:center;border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:30px}.modal-header h2{color:#333;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;display:flex;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}.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;border-radius:12px;box-shadow:0 2px 4px #0000001a;padding:20px;transition:all .3s ease}.stat-card:hover{background:#f8f9fa;box-shadow:0 5px 15px #00000026;transform:translateY(-3px)}.stat-label{color:#666;font-size:13px;font-weight:600;letter-spacing:.5px;margin-bottom:10px;text-transform:uppercase}.stat-value{color:#333;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}.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{gap:10px}.btn-close,.header-actions{align-items:center;display:flex}.btn-close{background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;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:none;border-radius:8px;color:#667eea;cursor:pointer;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}}.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);border-radius:20px;box-shadow:0 2px 8px #3498db4d;color:#fff;display:inline-block;font-size:13px;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-buttons{flex-wrap:wrap}.filter-btn{background:#ffffff1a;border:2px solid #ffffff4d;border-radius:10px;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{display:flex;flex-direction:column;gap:4px}.client-name{align-items:center;color:#333;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{color:#666;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-size:14px;padding:12px 15px;transition:border-color .3s ease;width:100%}.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{font-size:12px;margin-bottom:4px;opacity:.9}.stat-value{font-size:24px;font-weight:700}.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{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:10px;box-shadow:0 4px 15px #667eea66;color:#fff;cursor:pointer;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;transform:translateY(-2px)}.btn-send-email:disabled{cursor:not-allowed;opacity:.6}.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}.preview-email{border:2px solid #e0e0e0;border-radius:10px;font-family:Arial,sans-serif;overflow:hidden}.preview-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:25px;text-align:center}.preview-logo{color:#fff;font-size:24px;font-weight:700}.preview-body{background:#f5f5f5;min-height:200px;padding:25px}.preview-body p{color:#333;margin:0 0 15px}.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}.preview-signature{color:#666;font-size:14px;margin-top:25px}.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;border-radius:8px;font-size:16px;padding:12px 20px;transition:all .3s ease;width:100%}.search-input:focus{border-color:#667eea;box-shadow:0 0 0 3px #667eea1a;outline:none}.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-effectif,.filter-email,.filter-telephone{align-items:center;display:flex;gap:10px}.filter-effectif label,.filter-email label,.filter-telephone label{color:#333;font-weight:600;white-space:nowrap}.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-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{border-radius:20px;display:inline-block;font-size:13px;font-weight:600;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{display:flex;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{align-items:center;background:#000000b3;bottom:0;display:flex;justify-content:center;left:0;padding:20px;position:fixed;right:0;top:0;z-index:1000}.modal-content{background:#fff;border-radius:15px;box-shadow:0 10px 50px #0000004d;max-height:90vh;max-width:700px;overflow-y:auto;padding:40px;width:100%}.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}.form-group,.form-row{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:600}.form-group input,.form-group select,.form-group textarea{border:2px solid #e0e0e0;border-radius:8px;font-family:inherit;font-size:16px;padding:12px 15px;transition:all .3s ease;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}.form-group textarea{min-height:80px;resize:vertical}.modal-actions{border-top:1px solid #e0e0e0;display:flex;gap:15px;justify-content:flex-end;margin-top:30px;padding-top:20px}.btn-cancel{background:#f5f5f5;border:none;border-radius:8px;color:#666;cursor:pointer;font-size:16px;font-weight:600;padding:12px 30px;transition:all .3s ease}.btn-cancel:hover{background:#e0e0e0}.btn-submit{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;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;cursor:pointer;font-size:13px;font-weight:600;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}.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-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}.dashboard-main{margin:0 auto;max-width:1400px;padding:40px}.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}}.signup-container{background:linear-gradient(135deg,#667eea,#764ba2);min-height:100vh;padding:60px 20px}.signup-hero{animation:fadeInDown .8s ease-out;color:#fff;margin-bottom:60px;text-align:center}.signup-hero h1{font-size:48px;font-weight:800;margin-bottom:15px;text-shadow:0 2px 10px #0003}.hero-subtitle{font-size:22px;margin-bottom:25px;opacity:.95}.hero-benefits{display:flex;flex-wrap:wrap;font-size:16px;gap:30px;justify-content:center}.hero-benefits span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:25px;padding:10px 20px}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.offers-grid{grid-gap:30px;animation:fadeInUp .8s ease-out .2s both;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin:0 auto 60px;max-width:1400px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.offer-card-new{background:#fff;border:3px solid #0000;border-radius:20px;box-shadow:0 10px 40px #00000026;cursor:pointer;overflow:hidden;padding:30px;position:relative;transition:all .3s ease}.offer-card-new:hover{box-shadow:0 20px 60px #00000040;transform:translateY(-8px)}.offer-card-new.selected{border-color:#667eea;box-shadow:0 15px 50px #667eea66}.offer-card-new.popular{border-color:#4caf50}.popular-banner{background:linear-gradient(135deg,#4caf50,#45a049);box-shadow:0 3px 10px #0003;color:#fff;font-size:12px;font-weight:700;padding:5px 45px;position:absolute;right:-35px;top:15px;transform:rotate(45deg)}.offer-badge{border-radius:20px;color:#fff;display:inline-block;font-size:13px;font-weight:700;padding:8px 16px;text-align:center}.offer-badge,.offer-header-new{margin-bottom:20px}.offer-header-new h3{color:#333;font-size:28px;font-weight:700;margin-bottom:5px}.offer-subtitle-new{color:#666;font-size:15px}.offer-pricing-new{background:#f8f9fa;border-radius:12px;margin-bottom:20px;padding:20px}.trial-banner-small{align-items:center;background:linear-gradient(135deg,#4caf50,#45a049);border-radius:8px;color:#fff;display:flex;font-weight:600;gap:8px;justify-content:center;margin-bottom:15px;padding:10px;text-align:center}.trial-icon{font-size:20px}.price-display{align-items:baseline;display:flex;gap:5px;justify-content:center;margin-bottom:10px}.price-main{color:#333;font-size:42px;font-weight:800}.price-period{color:#666;font-size:18px}.price-note{color:#666;font-size:13px;margin:0;text-align:center}.commitment-badge,.no-commitment-badge{border-radius:8px;font-size:14px;font-weight:600;margin-top:12px;padding:10px 15px;text-align:center}.commitment-badge{background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:2px solid #ffc107;color:#856404}.no-commitment-badge{background:linear-gradient(135deg,#d4edda,#c3e6cb);border:2px solid #28a745;color:#155724}.payment-options-container{padding:15px 0}.payment-options-title{color:#333;font-size:14px;font-weight:600;margin-bottom:15px;text-align:center}.payment-options-grid{grid-gap:15px;display:grid;gap:15px;grid-template-columns:1fr 1fr}.payment-option-card{background:#f8f9fa;border:2px solid #e0e0e0;border-radius:10px;cursor:pointer;padding:15px;transition:all .3s ease}.payment-option-card:hover{border-color:#667eea;box-shadow:0 4px 12px #667eea33}.payment-option-card.selected-option{background:linear-gradient(135deg,#f0f4ff,#e8f0ff);border-color:#667eea;border-width:3px;box-shadow:0 4px 15px #667eea4d}.payment-option-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.payment-option-header h4{color:#333;font-size:16px;font-weight:700;margin:0}.payment-option-badge{background:#667eea;border-radius:12px;color:#fff;font-size:12px;font-weight:600;padding:4px 10px}.payment-option-description{color:#666;font-size:13px;font-style:italic;margin-bottom:12px}.price-breakdown-new{margin-bottom:15px}.price-line{border-bottom:1px solid #e0e0e0;display:flex;justify-content:space-between;padding:8px 0}.price-line.total{border-bottom:none;border-top:2px solid #333;font-size:16px;margin-top:8px;padding-top:12px}.price-line span{color:#666}.price-line strong{color:#333;font-weight:700}.offer-description{color:#555;font-size:15px;line-height:1.6;margin-bottom:25px;text-align:center}.offer-features-new{margin-bottom:25px}.feature-item-new{align-items:flex-start;display:flex;gap:15px;margin-bottom:15px}.feature-icon-new{flex-shrink:0;font-size:28px}.feature-text strong{color:#333;display:block;font-size:15px;margin-bottom:3px}.feature-text p{color:#666;font-size:13px;line-height:1.5;margin:0}.offer-advantages{background:#f0f4ff;border-radius:10px;margin-bottom:20px;padding:15px}.advantage-item{color:#667eea;font-size:14px;font-weight:600;margin-bottom:8px}.advantage-item:last-child{margin-bottom:0}.btn-select-offer{border:none;border-radius:10px;cursor:pointer;font-size:16px;font-weight:700;padding:15px;transition:all .3s ease;width:100%}.btn-select-offer:hover{box-shadow:0 5px 15px #0003;transform:scale(1.02)}.signup-form-section{animation:fadeInUp .8s ease-out .4s both;background:#fff!important;border:3px solid #e0e0e0;border-radius:24px;box-shadow:0 20px 80px #00000026;margin:0 auto 40px;max-width:900px;padding:50px}.form-header-new{border-bottom:3px solid #e0e0e0;margin-bottom:40px;padding-bottom:25px;text-align:center}.form-header-new h2{color:#1a1a1a;font-size:36px;font-weight:800;letter-spacing:-.5px;margin-bottom:15px}.form-header-new p{color:#333;font-size:18px;font-weight:600}.signup-form-new{display:flex;flex-direction:column;gap:28px}.form-columns{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:10px}.form-group label{align-items:center;color:#000;display:flex;font-size:16px;font-weight:700;gap:5px;letter-spacing:.3px;margin-bottom:8px;text-transform:none}.form-group input,.form-group textarea{background:#fff;border:2px solid #999;border-radius:12px;color:#000;font-family:inherit;font-size:16px;font-weight:500;padding:16px 18px;transition:all .3s ease}.form-group input::placeholder,.form-group textarea::placeholder{color:#666;font-weight:400}.form-group input:focus,.form-group textarea:focus{background:#fff;border-color:#667eea;box-shadow:0 0 0 4px #667eea33;outline:none;transform:translateY(-1px)}.form-group input.error,.form-group textarea.error{background:#ffebee;border-color:#d32f2f;color:#000}.error-message{background:#ffebee;border-left:4px solid #c62828;border-radius:6px;color:#c62828;font-size:14px;font-weight:700;margin-top:5px;padding:8px 12px}.payment-info-banner{border-radius:16px;box-shadow:0 4px 15px #00000014;display:flex;gap:20px;margin:20px 0;padding:25px;transition:transform .3s ease,box-shadow .3s ease}.payment-info-banner:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.payment-info-banner.trial{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border:2px solid #4caf50}.payment-info-banner.premium{background:linear-gradient(135deg,#fff3e0,#ffe0b2);border:2px solid #ff9800}.banner-icon{animation:pulse 2s ease-in-out infinite;flex-shrink:0;font-size:40px}.banner-content h4{color:#000;font-size:19px;font-weight:800;letter-spacing:.3px;margin-bottom:10px}.banner-content p{color:#000;font-size:16px;font-weight:600;line-height:1.7;margin:0}.btn-submit-new{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:14px;box-shadow:0 8px 25px #0003;color:#fff;cursor:pointer;font-size:19px;font-weight:800;letter-spacing:1px;overflow:hidden;padding:20px;position:relative;text-transform:uppercase;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:100%}.btn-submit-new:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.btn-submit-new:hover:not(:disabled):before{left:100%}.btn-submit-new:hover:not(:disabled){box-shadow:0 12px 35px #667eea66;transform:translateY(-3px) scale(1.02)}.btn-submit-new:active:not(:disabled){box-shadow:0 5px 15px #667eea4d;transform:translateY(-1px) scale(1)}.btn-submit-new:disabled{background:linear-gradient(135deg,#999,#666);cursor:not-allowed;opacity:.5}.terms-text{background:#f5f5f5;border:2px solid #e0e0e0;border-radius:10px;color:#000;font-size:14px;font-weight:600;line-height:1.8;margin-top:20px;padding:18px;text-align:center}.terms-text a{color:#06c;font-weight:700;text-decoration:underline;transition:all .3s ease}.terms-text a:hover{color:#049;text-decoration:underline}.signup-footer-new{animation:fadeIn 1s ease-out .6s both;color:#fff;padding:40px 20px;text-align:center}.signup-footer-new p{font-size:16px;font-weight:500;margin:12px 0;text-shadow:0 2px 4px #0003}.signup-footer-new a{border-bottom:3px solid #fffc;color:#fff;font-weight:700;padding-bottom:2px;text-decoration:none;transition:all .3s ease}.signup-footer-new a:hover{border-bottom-color:#fff;text-shadow:0 4px 8px #0000004d;transform:translateY(-2px)}.footer-guarantee{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff40;border:2px solid #ffffff4d;border-radius:30px;box-shadow:0 4px 15px #00000026;display:inline-block;font-size:15px;font-weight:600;margin-top:20px;padding:15px 30px;transition:all .3s ease}.footer-guarantee:hover{background:#ffffff59;box-shadow:0 6px 20px #0003;transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:768px){.signup-hero h1{font-size:32px}.hero-subtitle{font-size:18px}.hero-benefits{flex-direction:column;gap:10px}.offers-grid{gap:20px;grid-template-columns:1fr}.offer-card-new{padding:25px}.form-columns{grid-template-columns:1fr}.signup-form-section{padding:25px}.form-header-new h2{font-size:24px}.price-main{font-size:36px}.payment-options-grid{grid-template-columns:1fr}}@media (max-width:480px){.signup-container{padding:40px 15px}.signup-hero h1{font-size:28px}.feature-icon-new,.offer-header-new h3{font-size:24px}.feature-text strong{font-size:14px}}.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.f89cbe40.css.map*/