body{font-family:Clear Sans,sans-serif;color:#5E4AE3;margin:0;padding:0}.App{flex-direction:column;padding:2em;min-height:100vh}.App,.header{display:flex;align-items:center}.header{justify-content:center;margin-bottom:2em;color:#05299E}.logo{width:50px;height:50px;margin-right:1em}.dashboard-container h1{color:#05299E;margin:0}button{background:#5E4AE3;color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-size:1em;margin-bottom:2em;transition:background-color .2s ease-in-out}button:hover{background:#947BD3}.dashboard-container{padding:2em;text-align:center;width:100%}.system-status-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:1.5em;gap:1.5em;margin-top:2em}.system{padding:1.5em;border-radius:12px;color:#fff;transition:transform .2s ease-in-out;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.system:hover{transform:translateY(-5px)}.system h2{margin:0;font-size:1.25em}.system p{margin:.5em 0 0;font-size:1em;text-transform:uppercase;font-weight:700}.system.online{background:linear-gradient(135deg,#28a745,#218838)}.system.offline{background:linear-gradient(135deg,#dc3545,#c82333)}.system.no-connection{background:linear-gradient(135deg,#ffc107,#e0a800)}.chat-button{position:fixed;bottom:20px;right:20px;width:60px;height:60px;border-radius:50%;background-color:#007bff;border:none;cursor:pointer;display:flex;justify-content:center;align-items:center;box-shadow:0 0 10px rgba(0,0,0,.1)}.chat-button img{width:30px;height:30px}.unread-badge{position:absolute;top:-5px;right:-5px;background-color:red;color:white;border-radius:50%;width:20px;height:20px;font-size:12px;font-weight:700}.modal-overlay,.unread-badge{display:flex;justify-content:center;align-items:center}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);z-index:1000}.modal-content{background-color:white;padding:2em;border-radius:12px;width:80%;max-width:600px;color:#333;position:relative;max-height:90vh;overflow-y:auto;display:flex;flex-direction:column}.modal-close-button{position:absolute;top:10px;right:10px;background:none;border:none;color:#333;font-size:1.5em;cursor:pointer;padding:0;margin:0;width:auto}.modal-actions{display:flex;justify-content:space-around;margin-bottom:1.5em;margin-top:1em}.modal-actions button{margin:0;width:30%}.modal-logs{background-color:#f4f4f4;padding:1em;border-radius:8px;border:1px solid #ddd;max-height:300px;overflow-y:auto;font-family:monospace;white-space:pre-wrap;text-align:left}.action-btn.start{background-color:#28a745}.action-btn.start:hover{background-color:#218838}.action-btn.stop{background-color:#dc3545}.action-btn.stop:hover{background-color:#c82333}.action-btn.restart{background-color:#ffc107;color:black}.action-btn.restart:hover{background-color:#e0a800}.chatbot-container{position:fixed;bottom:20px;right:20px;width:370px;height:550px;border:none;border-radius:15px;display:flex;flex-direction:column;background-color:#f0f2f5;box-shadow:0 10px 25px rgba(0,0,0,.15);font-family:Clear Sans,sans-serif;transition:all .3s ease}.chatbot-header{justify-content:space-between;padding:15px 20px;background:linear-gradient(135deg,#05299E,#5E4AE3);color:white;border-top-left-radius:15px;border-top-right-radius:15px}.chatbot-header,.chatbot-title{display:flex;align-items:center}.chatbot-title{gap:10px}.chat-header-icon{width:24px;height:24px}.chatbot-header h2{margin:0;font-size:18px;font-weight:700}.session-disclaimer{font-size:11px;color:#e0e0e0;margin:0;font-weight:400}.close-button{background:none;border:none;font-size:24px;cursor:pointer;color:white;opacity:.8;transition:opacity .2s}.close-button:hover{opacity:1}.header-buttons{display:flex;align-items:center;gap:10px}.clear-button{background:rgba(255,255,255,.2);border:none;border-radius:5px;color:white;padding:4px 8px;font-size:12px;cursor:pointer;font-weight:500;transition:background-color .2s}.clear-button:hover{background:rgba(255,255,255,.3)}.chatbot-messages{flex-grow:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:12px;min-height:0}.chatbot-messages::-webkit-scrollbar{width:6px}.chatbot-messages::-webkit-scrollbar-track{background:#f0f2f5}.chatbot-messages::-webkit-scrollbar-thumb{background:#ccc;border-radius:3px}.chatbot-messages::-webkit-scrollbar-thumb:hover{background:#aaa}.message{padding:12px 18px;border-radius:20px;max-width:80%;line-height:1.5;word-wrap:break-word;word-break:break-word;overflow-wrap:break-word;white-space:pre-wrap;box-shadow:0 2px 4px rgba(0,0,0,.05)}.message.user{align-self:flex-end;background-color:#05299E;color:white;border-bottom-right-radius:5px}.message.ai{align-self:flex-start;background-color:#ffffff;color:#333;border-bottom-left-radius:5px}.chatbot-input{display:flex;align-items:center;padding:15px;border-top:1px solid #e0e0e0;background-color:#fff;border-bottom-left-radius:15px;border-bottom-right-radius:15px}.chatbot-input textarea{flex-grow:1;border:1px solid #ddd;border-radius:20px;padding:12px 18px;font-size:15px;transition:border-color .2s;resize:none;font-family:inherit;min-height:24px;max-height:100px;overflow-y:auto;line-height:1.5}.chatbot-input textarea:focus{outline:none;border-color:#5E4AE3}.chatbot-input button{margin-left:10px;padding:12px 18px;border:none;background-color:#05299E;color:white;border-radius:20px;cursor:pointer;font-weight:500;font-size:15px;transition:background-color .2s}.chatbot-input button:hover{background-color:#5E4AE3}.typing-indicator{display:flex;align-items:center;padding:15px 20px!important}.typing-indicator span{height:8px;width:8px;background-color:#999;border-radius:50%;display:inline-block;margin:0 2px;animation:bounce 1.4s ease-in-out infinite both}.typing-indicator span:first-of-type{animation-delay:-.32s}.typing-indicator span:nth-of-type(2){animation-delay:-.16s}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}