.user-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#1a365d,#2c5282)}.user-card{background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 20px 60px #0000004d;max-width:500px;width:100%}.waiting-card{text-align:center}.loading-section{text-align:center;padding:40px 20px}.waiting-section{padding:30px 20px}.waiting-message{color:#2d3748;font-size:1rem;line-height:1.6;margin:20px 0}.waiting-timer{font-size:2.5rem;font-weight:700;color:#2c5282;margin-top:20px}.spinner{border:4px solid rgba(44,82,130,.2);border-top:4px solid #2c5282;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin:0 auto 20px}.payment-card{background:#fff;border-radius:16px;padding:40px;box-shadow:0 20px 60px #0000004d;max-width:450px;width:100%}.payment-card h2{text-align:center;color:#1a365d;margin-bottom:30px;font-size:1.5rem}.payment-form{display:flex;flex-direction:column;gap:20px}.payment-form .form-field{display:flex;flex-direction:column;gap:8px}.payment-form label{font-weight:600;color:#2d3748;font-size:.9rem}.payment-form input{padding:14px 18px;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:border-color .3s}.payment-form input:focus{outline:none;border-color:#2c5282}.form-row{display:flex;gap:15px}.form-row .form-field{flex:1}.pay-btn{padding:16px 30px;background:#2c5282;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.pay-btn:hover{background:#1a365d}.security-notice{text-align:center;color:#718096;font-size:.85rem;margin-top:20px}.chat-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#1a365d,#2c5282)}.chat-window{background:#fff;border-radius:16px;width:100%;max-width:700px;height:80vh;max-height:600px;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;overflow:hidden}.chat-header{background:#2c5282;color:#fff;padding:20px 25px;display:flex;justify-content:space-between;align-items:center}.header-info h2{margin-bottom:5px;font-size:1.3rem}.room-id{font-size:.85rem;opacity:.9}.status-badge{padding:8px 15px;border-radius:20px;font-size:.85rem;font-weight:600;display:flex;align-items:center;gap:8px}.status-badge.active{background:#48bb7833}.status-badge.waiting{background:#ecc94b33}.status-dot{width:10px;height:10px;border-radius:50%;animation:pulse 2s infinite}.status-dot.online{background:#48bb78;box-shadow:0 0 8px #48bb7899}.status-dot.offline{background:#ecc94b;box-shadow:0 0 8px #ecc94b99}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.user-message{align-items:flex-end}.user-message .message-content{background:#2c5282;color:#fff;padding:12px 18px;border-radius:18px 18px 4px;max-width:70%;word-wrap:break-word}.user-message .message-time{font-size:.75rem;color:#a0aec0;margin-top:4px;text-align:right}.admin-message{align-items:flex-start}.admin-message .message-content{background:#fff;color:#2d3748;padding:12px 18px;border-radius:18px 18px 18px 4px;max-width:70%;word-wrap:break-word;box-shadow:0 2px 5px #0000001a}.admin-message .message-time{font-size:.75rem;color:#a0aec0;margin-top:4px;text-align:left}.system-message .message-content{background:#ebf8ff;color:#2c5282;padding:10px 16px;border-radius:12px;text-align:center;font-size:.9rem;max-width:90%}.message-input:disabled{background:#f7fafc;cursor:not-allowed}.chat-ended-banner{background:#fef3cd;padding:15px;text-align:center;border-top:1px solid #d69e2e}.return-home-btn{color:#2c5282;text-decoration:none;font-weight:600;padding:8px 20px;border:2px solid #2c5282;border-radius:20px;display:inline-block;transition:all .3s}.return-home-btn:hover{background:#2c5282;color:#fff}@media (max-width: 600px){.chat-window{height:100vh;max-height:none;border-radius:0}.user-container{padding:0}.user-card{border-radius:0;min-height:100vh}.payment-card{border-radius:0;min-height:100vh;padding:30px 20px}}.admin-container{min-height:100vh;background:linear-gradient(135deg,#1a365d,#2c5282);padding:20px}.admin-dashboard{display:flex;height:calc(100vh - 40px);background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px #0000004d}.sidebar{width:320px;background:#f7fafc;border-right:1px solid #e2e8f0;display:flex;flex-direction:column}.sidebar-header{background:#2c5282;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center}.sidebar-header h2{font-size:1.1rem;margin:0}.header-actions{display:flex;gap:10px}.logout-btn{background:#fff3;border:2px solid white;color:#fff;font-size:.85rem;padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .3s}.logout-btn:hover{background:#fff;color:#2c5282}.admin-info{padding:12px 20px;background:#ebf8ff;border-bottom:1px solid #e2e8f0;color:#2c5282;font-size:.85rem}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#fff}.spinner{border:4px solid rgba(255,255,255,.3);border-top:4px solid white;border-radius:50%;width:50px;height:50px;animation:spin 1s linear infinite;margin-bottom:20px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.connection-status{padding:15px 20px;text-align:center;background:#fff;border-bottom:1px solid #e2e8f0}.status-online{color:#38a169;font-weight:600}.status-offline{color:#e53e3e;font-weight:600}.rooms-list{flex:1;overflow-y:auto;padding:20px}.rooms-list h3{font-size:.9rem;color:#718096;margin-bottom:15px;text-transform:uppercase;letter-spacing:.5px}.no-rooms{text-align:center;padding:40px 20px;color:#a0aec0}.no-rooms p{font-weight:600;margin-bottom:5px}.room-item{background:#fff;border-radius:12px;padding:15px;margin-bottom:10px;cursor:pointer;transition:all .3s;border:2px solid transparent;display:flex;justify-content:space-between;align-items:center;position:relative;overflow:visible}.room-item:hover{border-color:#2c5282;transform:translate(5px)}.room-item.active{background:#2c5282;color:#fff;border-color:#2c5282}.room-item.new-room-highlight{animation:roomPulse 2s ease-in-out infinite;border:2px solid #e53e3e;background:linear-gradient(135deg,#fff5f5,#fed7d7);box-shadow:0 0 20px #e53e3e66,0 0 40px #e53e3e33}.room-item.new-room-highlight:after{content:"NOUVEAU";position:absolute;right:-5px;top:-8px;background:#e53e3e;color:#fff;padding:4px 10px;border-radius:12px;font-size:.65rem;font-weight:700;box-shadow:0 4px 12px #e53e3e80;animation:bounce .6s ease-in-out infinite;z-index:10}@keyframes roomPulse{0%,to{box-shadow:0 0 20px #e53e3e66,0 0 40px #e53e3e33;border-color:#e53e3e}50%{box-shadow:0 0 30px #e53e3e99,0 0 60px #e53e3e66;border-color:#c53030}}@keyframes bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.1)}}.room-item.has-unread{animation:messagePulse 2s ease-in-out infinite;border-left:4px solid #38a169;background:linear-gradient(to right,#c6f6d5,#fff 20%)}.room-item.has-unread:not(.active){box-shadow:0 0 15px #38a1694d}.unread-badge{position:absolute;top:-8px;right:-8px;background:#38a169;color:#fff;min-width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700;box-shadow:0 4px 12px #38a16980;animation:badgeBounce .8s ease-in-out infinite;z-index:10;border:2px solid white}@keyframes messagePulse{0%,to{box-shadow:0 0 10px #38a1694d}50%{box-shadow:0 0 20px #38a16980}}@keyframes badgeBounce{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.room-info strong{display:block;font-size:1rem;margin-bottom:4px}.room-info small{font-size:.85rem;opacity:.8}.room-item.active .room-info small{opacity:.9}.badge{padding:4px 10px;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:6px}.badge.waiting{background:#fef3c7;color:#92400e}.badge.active{background:#c6f6d5;color:#22543d}.room-item.active .badge{background:#ffffff4d;color:#fff}.badge-dot{width:8px;height:8px;border-radius:50%;animation:badgePulse 2s infinite}.badge-dot.waiting-dot{background:#d69e2e}.badge-dot.active-dot{background:#38a169}.room-item.active .badge-dot{background:#fff}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.9)}}.main-chat{flex:1;display:flex;flex-direction:column}.chat-header{background:#2c5282;color:#fff;padding:15px 20px;display:flex;justify-content:space-between;align-items:center;gap:10px}.back-btn-mobile{display:none;background:#fff3;border:2px solid white;color:#fff;padding:8px 12px;border-radius:8px;font-weight:600;cursor:pointer}.chat-header-info{flex:1}.chat-header-info h2{margin-bottom:3px;font-size:1.1rem}.chat-header-info small{opacity:.9;font-size:.8rem}.end-chat-btn{padding:8px 16px;background:#fff3;color:#fff;border:2px solid white;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s;font-size:.85rem}.end-chat-btn:hover{background:#fff;color:#e53e3e}.collected-data-panel{background:#ebf8ff;padding:12px 20px;border-bottom:1px solid #bee3f8;font-size:.85rem}.data-grid{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px}.data-item{background:#fff;padding:4px 10px;border-radius:6px;font-size:.8rem}.data-label{color:#718096;margin-right:5px}.data-value{color:#2d3748;font-weight:600}.no-chat-selected{flex:1;display:flex;align-items:center;justify-content:center;background:#f7fafc}.empty-state{text-align:center;color:#a0aec0}.empty-icon{font-size:2rem;display:block;margin-bottom:20px;color:#2c5282;font-weight:700}.empty-state h2{color:#718096;margin-bottom:10px;font-size:1.2rem}.messages-area{flex:1;overflow-y:auto;padding:20px;background:#f7fafc}.message{margin-bottom:15px;animation:fadeIn .3s ease-in;display:flex;flex-direction:column}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.admin-message{align-items:flex-end}.admin-message .message-content{background:#2c5282;color:#fff;padding:12px 18px;border-radius:18px 18px 4px;max-width:70%;word-wrap:break-word}.admin-message .message-time{font-size:.75rem;color:#a0aec0;margin-top:4px;text-align:right}.user-message{align-items:flex-start}.user-message .message-content{background:#fff;color:#2d3748;padding:12px 18px;border-radius:18px 18px 18px 4px;max-width:70%;word-wrap:break-word;box-shadow:0 2px 5px #0000001a}.user-message .message-time{font-size:.75rem;color:#a0aec0;margin-top:4px;text-align:left}.system-message{align-items:center}.system-message .message-content{background:#fef3c7;color:#92400e;padding:8px 16px;border-radius:12px;text-align:center;font-size:.85rem;max-width:90%}.sender-label{display:block;margin-bottom:4px;font-size:.85rem;opacity:.9;font-weight:600}.message-text{display:block}.admin-controls{padding:10px 20px;background:#edf2f7;border-top:1px solid #e2e8f0;display:flex;gap:10px;flex-wrap:wrap}.control-btn{padding:10px 18px;border:none;border-radius:8px;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .3s}.stop-btn{background:#e53e3e;color:#fff}.stop-btn:hover{background:#c53030}.payment-btn{background:#38a169;color:#fff}.payment-btn:hover{background:#2f855a}.quick-replies{padding:12px 20px;background:#f7fafc;border-top:1px solid #e2e8f0;display:flex;gap:8px;flex-wrap:wrap;align-items:center}.quick-replies-label{font-weight:600;color:#718096;font-size:.85rem;margin-right:10px}.quick-reply-btn{padding:6px 12px;background:#fff;border:2px solid #2c5282;color:#2c5282;border-radius:20px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .3s;white-space:nowrap}.quick-reply-btn:hover{background:#2c5282;color:#fff}.message-form{display:flex;gap:10px;padding:15px 20px;background:#fff;border-top:1px solid #e2e8f0}.message-input{flex:1;padding:12px 20px;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;transition:border-color .3s}.message-input:focus{outline:none;border-color:#2c5282}.send-btn{padding:12px 25px;background:#2c5282;color:#fff;border:none;border-radius:25px;font-weight:600;cursor:pointer;transition:all .2s}.send-btn:hover:not(:disabled){background:#1a365d}.send-btn:disabled{opacity:.5;cursor:not-allowed}@media (max-width: 768px){.admin-container{padding:0}.admin-dashboard{flex-direction:column;border-radius:0;height:100vh}.sidebar{width:100%;height:100%;position:absolute;top:0;left:0;z-index:10;background:#f7fafc}.sidebar.hide-mobile{display:none}.main-chat{width:100%;height:100%;position:absolute;top:0;left:0;display:none}.main-chat.show-mobile{display:flex}.back-btn-mobile{display:block}.chat-header{padding:12px 15px}.chat-header-info h2{font-size:1rem}.end-chat-btn{padding:6px 12px;font-size:.8rem}.messages-area{padding:15px}.admin-controls{padding:10px 15px}.control-btn{padding:8px 14px;font-size:.8rem;flex:1;min-width:calc(50% - 5px)}.quick-replies{padding:10px 15px}.quick-reply-btn{padding:5px 10px;font-size:.75rem}.message-form{padding:12px 15px;position:sticky;bottom:0;background:#fff;z-index:5}.message-input{padding:10px 16px;font-size:.95rem}.send-btn{padding:10px 20px;font-size:.9rem}.collected-data-panel{padding:10px 15px;font-size:.8rem}.data-grid{gap:5px}.data-item{padding:3px 8px;font-size:.75rem}}.admin-login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1a365d,#2c5282);padding:20px}.admin-login-card{background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 20px 60px #0006;max-width:450px;width:100%;animation:slideIn .5s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}.lock-icon{font-size:2rem;text-align:center;margin-bottom:20px;color:#2c5282;font-weight:700}.admin-login-card h1{text-align:center;font-size:1.8rem;color:#1a365d;margin-bottom:10px}.subtitle{text-align:center;color:#718096;margin-bottom:30px;font-size:1rem}.error-message{background:#fed7d7;border:2px solid #e53e3e;color:#c53030;padding:12px 15px;border-radius:10px;margin-bottom:20px;font-size:.9rem;animation:shake .5s}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-10px)}75%{transform:translate(10px)}}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;color:#2d3748;font-size:.9rem}.form-group input{padding:14px 18px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:all .3s}.form-group input:focus{outline:none;border-color:#2c5282;box-shadow:0 0 0 3px #2c52821a}.login-btn{padding:16px 30px;background:#2c5282;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s;margin-top:10px}.login-btn:hover:not(:disabled){background:#1a365d;transform:translateY(-2px);box-shadow:0 10px 25px #1a365d4d}.login-btn:disabled{opacity:.6;cursor:not-allowed}.security-notice{margin-top:25px;text-align:center;color:#a0aec0}.security-notice small{display:flex;align-items:center;justify-content:center;gap:5px}@media (max-width: 480px){.admin-login-card{padding:40px 25px}.admin-login-card h1{font-size:1.5rem}}.home-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#1a365d,#2c5282)}.home-card{background:#fff;border-radius:16px;padding:50px 40px;box-shadow:0 20px 60px #0000004d;text-align:center;max-width:450px;width:100%}.home-card h1{font-size:2rem;margin-bottom:30px;color:#1a365d;font-weight:700}.reference-form{display:flex;flex-direction:column;gap:20px}.form-field{display:flex;flex-direction:column;gap:8px;text-align:left}.form-field label{font-weight:600;color:#2d3748;font-size:1rem}.reference-input{padding:15px 20px;border:2px solid #e2e8f0;border-radius:10px;font-size:1rem;transition:border-color .3s}.reference-input:focus{outline:none;border-color:#2c5282}.helper-text{color:#718096;font-size:.85rem;font-style:italic}.commencer-btn{padding:16px 30px;background:#2c5282;color:#fff;border:none;border-radius:10px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.commencer-btn:hover:not(:disabled){background:#1a365d;transform:translateY(-2px);box-shadow:0 10px 25px #1a365d4d}.commencer-btn:disabled{opacity:.6;cursor:not-allowed}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#1a365d,#2c5282);min-height:100vh}#root{min-height:100vh}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#a0aec0;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#718096}