@import "https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap";*{box-sizing:border-box;margin:0;padding:0;font-family:Inter,sans-serif}body{background-color:#e8d6e8;justify-content:center;align-items:center;width:100%;min-height:100vh;font-size:16px;display:flex}.chatbot-popup{background:#f5f5f5;border-radius:16px;flex-direction:column;width:420px;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #00000026}.chatbot-header{background:#541454;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.header-info{align-items:center;gap:12px;display:flex}.cca-logo{background:#fff;border-radius:10px;flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;padding:4px;line-height:1;display:flex}.logo-cca{color:#541454;letter-spacing:.5px;font-size:.75rem;font-weight:800}.logo-bank{color:#541454;letter-spacing:1px;font-size:.5rem;font-weight:600}.header-text{flex-direction:column;gap:2px;display:flex}.logo-text{color:#fff;font-size:1.1rem;font-weight:600}.status-online{color:#c8f0c8;align-items:center;gap:5px;font-size:.78rem;display:flex}.status-dot{background:#4caf50;border-radius:50%;width:8px;height:8px;display:inline-block}.header-menu{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.5rem;transition:background .2s;display:flex}.header-menu:hover{background:#ffffff26}.chat-body{background:#f5f5f5;flex-direction:column;gap:16px;height:380px;padding:20px 16px;display:flex;overflow-y:auto}.chat-body::-webkit-scrollbar{width:4px}.chat-body::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.message{align-items:flex-end;gap:10px;display:flex}.message-content{flex-direction:column;gap:3px;max-width:75%;display:flex}.message-text{white-space:pre-line;word-wrap:break-word;border-radius:16px;padding:10px 14px;font-size:.92rem;line-height:1.5}.message-time{color:#999;align-items:center;gap:3px;font-size:.72rem;display:flex}.check-icon{color:#541454;font-size:.85rem}.bot-message svg{fill:#fff;background:#7a0f86;border-radius:50%;flex-shrink:0;align-self:flex-end;width:36px;height:36px;padding:6px}.bot-message .message-text{color:#1a1a1a;background:#fff;border-radius:16px 16px 16px 4px;box-shadow:0 1px 3px #00000014}.bot-message .message-time{padding-left:4px}.user-message{flex-direction:column;align-items:flex-end}.user-message .message-content{align-items:flex-end}.user-message .message-text{color:#fff;background:#541454;border-radius:16px 16px 4px}.user-message .message-time{justify-content:flex-end;padding-right:4px}.quick-actions{background:#f5f5f5;grid-template-columns:1fr 1fr;gap:8px;padding:10px 16px;display:grid}.quick-actions button{color:#541454;cursor:pointer;white-space:nowrap;background:#fff;border:1.5px solid #541454;border-radius:24px;align-items:center;gap:6px;padding:9px 12px;font-size:.82rem;font-weight:500;transition:all .2s;display:flex}.quick-actions button:hover{color:#fff;background:#541454}.quick-actions button .material-symbols-rounded{font-size:1rem}.chat-footer{background:#fff;border-top:1px solid #eee;padding:12px 16px 14px}.chat-form{background:#f5f5f5;border:1px solid #e0e0e0;border-radius:32px;align-items:center;padding:4px 4px 4px 12px;display:flex}.chat-form:focus-within{border-color:#541454}.attach-btn{color:#999;cursor:pointer;background:0 0;border:none;align-items:center;margin-right:4px;padding:4px;font-size:1.3rem;display:flex}.message-input{color:#1a1a1a;background:0 0;border:none;outline:none;width:100%;height:40px;font-size:.92rem}.message-input::placeholder{color:#aaa}.send-btn{color:#fff;cursor:pointer;background:#541454;border:none;border-radius:50%;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:background .2s;display:none}.send-btn:hover{background:#7a0f86}.message-input:valid~.send-btn{display:flex}.security-text{color:#999;justify-content:center;align-items:center;gap:4px;margin-top:8px;font-size:.72rem;display:flex}.security-text .material-symbols-rounded{font-size:.9rem}.welcome-overlay{z-index:100;background:#54145499;border-radius:16px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.welcome-box{text-align:center;background:#fff;border-radius:16px;width:85%;padding:32px 24px;box-shadow:0 8px 24px #0003}.welcome-box h2{color:#541454;margin-bottom:8px;font-size:1.3rem}.welcome-box p{color:#999;margin-bottom:20px;font-size:.88rem}.welcome-box form{flex-direction:column;gap:12px;display:flex}.welcome-box input{border:1.5px solid #e0e0e0;border-radius:10px;outline:none;padding:11px 14px;font-size:.92rem;transition:border .2s}.welcome-box input:focus{border-color:#541454}.welcome-box button{color:#fff;cursor:pointer;background:#541454;border:none;border-radius:10px;padding:12px;font-size:.95rem;font-weight:600;transition:background .2s}.welcome-box button:hover{background:#7a0f86}.typing-indicator{align-items:center;gap:5px;min-width:60px;padding:12px 16px;display:flex}.typing-indicator span{background:#541454;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite typing}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{opacity:.4;transform:translateY(0)}30%{opacity:1;transform:translateY(-6px)}}.login-container{background:#d699d1;justify-content:center;align-items:center;width:100%;min-height:100vh;display:flex}.login-box{text-align:center;background:#fff;border-radius:16px;width:400px;padding:40px;box-shadow:0 8px 24px #00000026}.login-logo{background:#541454;border-radius:14px;flex-direction:column;justify-content:center;align-items:center;width:70px;height:70px;margin:0 auto 20px;display:flex}.login-logo .logo-cca{color:#fff;font-size:1.2rem;font-weight:800}.login-logo .logo-bank{color:#fff;letter-spacing:1px;font-size:.6rem;font-weight:600}.login-box h2{color:#541454;margin-bottom:8px;font-size:1.4rem}.login-box p{color:#999;margin-bottom:24px;font-size:.9rem}.login-box form{flex-direction:column;gap:14px;display:flex}.login-box input{border:1.5px solid #e0e0e0;border-radius:10px;outline:none;padding:12px 16px;font-size:.95rem;transition:border .2s}.login-box input:focus{border-color:#541454}.login-box button{color:#fff;cursor:pointer;background:#541454;border:none;border-radius:10px;padding:13px;font-size:1rem;font-weight:600;transition:background .2s}.login-box button:hover{background:#7a0f86}.erreur{color:#e53935;text-align:center;font-size:.85rem}.dashboard{background:#f5f5f5;width:100%;min-height:100vh}.dashboard-header{background:#541454;align-items:center;gap:16px;padding:16px 32px;display:flex}.dashboard-header h1{color:#fff;flex:1;font-size:1.3rem}.logout-btn{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:8px;align-items:center;gap:6px;padding:8px 16px;font-size:.9rem;transition:background .2s;display:flex}.logout-btn:hover{background:#ffffff40}.dashboard-tabs{border-bottom:2px solid #e0e0e0;gap:8px;padding:20px 32px 0;display:flex}.dashboard-tabs button{color:#999;cursor:pointer;background:0 0;border:none;border-bottom:3px solid #0000;align-items:center;gap:6px;margin-bottom:-2px;padding:10px 20px;font-size:.95rem;transition:all .2s;display:flex}.dashboard-tabs button.active{color:#541454;border-bottom-color:#541454;font-weight:600}.dashboard-content{padding:24px 32px}.dashboard-content h2{color:#541454;margin-bottom:20px;font-size:1.2rem}.faq-item{background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000f}.faq-categorie{color:#541454;background:#d699d1;border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.faq-question{color:#1a1a1a;margin-bottom:6px;font-weight:600}.faq-reponse{color:#666;font-size:.9rem;line-height:1.5}.ticket-item{background:#fff;border-radius:12px;margin-bottom:12px;padding:16px 20px;box-shadow:0 2px 8px #0000000f}.ticket-statut{border-radius:20px;margin-bottom:8px;padding:3px 10px;font-size:.78rem;font-weight:600;display:inline-block}.ticket-statut.ouvert{color:#e65100;background:#fff3e0}.ticket-statut.resolu{color:#2e7d32;background:#e8f5e9}.ticket-item small{color:#999;margin-top:6px;font-size:.78rem;display:block}@media (width<=480px){body{background-color:#541454;align-items:flex-start}.chatbot-popup{width:100vw;height:calc(var(--vh,1vh) * 100);box-shadow:none;border-radius:0;flex-direction:column;display:flex}.chat-body{flex:1;height:auto;overflow-y:auto}.chat-footer{z-index:10;background:#fff;padding:10px 12px 16px;position:sticky;bottom:0}.quick-actions{grid-template-columns:1fr 1fr;gap:6px;padding:8px 12px}.quick-actions button{white-space:normal;padding:8px 10px;font-size:.75rem}.message-text{font-size:.88rem}.login-box{width:90%;padding:30px 24px}.dashboard-header{padding:14px 16px}.dashboard-tabs{gap:4px;padding:12px 16px 0;overflow-x:auto}.dashboard-tabs button{white-space:nowrap;padding:8px 12px;font-size:.82rem}.dashboard-content{padding:16px}.welcome-overlay{border-radius:0}}