.app-container{width:100%;max-width:1200px;margin:0 auto;padding:20px}header{margin-bottom:20px}header nav{margin-top:10px}header nav a{margin-right:15px;text-decoration:none;color:#007bff;font-weight:700}.agent-list{display:flex;flex-wrap:wrap;gap:10px}.agent-card{background-color:#fff;border:1px solid #ddd;border-radius:8px;padding:16px;margin:10px;width:300px;box-shadow:0 2px 4px #0000001a;display:flex;flex-direction:column}.agent-card h2{margin-top:0;font-size:1.2em;color:#333}.agent-card .description{font-size:.9em;color:#666;flex-grow:1;margin-bottom:12px}.agent-card .details{font-size:.8em;color:#888;display:flex;justify-content:space-between;margin-bottom:12px}.agent-card .card-actions{display:flex;justify-content:space-between;margin-top:12px}.agent-card .endpoint-link,.agent-card .chat-link{background-color:#007bff;color:#fff;padding:8px 12px;text-align:center;text-decoration:none;border-radius:4px;transition:background-color .2s;width:48%}.agent-card .chat-link{background-color:#6c757d}.agent-card .endpoint-link:hover{background-color:#0056b3}.agent-card .chat-link:hover{background-color:#5a6268}.form-container{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;padding:20px;margin-bottom:20px}.form-container h2{margin-top:0}.form-container form{display:flex;flex-direction:column;gap:10px}.form-container input,.form-container textarea{padding:10px;border:1px solid #ccc;border-radius:4px;font-size:1em}.form-container button{padding:10px 15px;border:none;border-radius:4px;background-color:#28a745;color:#fff;font-size:1em;cursor:pointer;transition:background-color .2s}.form-container button:disabled{background-color:#aaa;cursor:not-allowed}.form-container button:hover:not(:disabled){background-color:#218838}.form-container .error-message{color:#d93025;margin-top:10px}.page-container{display:flex;gap:20px}.list-container{flex-grow:1}.error-message{color:#d93025}.message-wrapper{display:flex;margin-bottom:10px}.message-bubble{max-width:70%;padding:10px 15px;border-radius:18px;word-wrap:break-word}.message-bubble p{margin:0}.user-message{justify-content:flex-end}.user-message .message-bubble{background-color:#007bff;color:#fff;border-bottom-right-radius:4px}.agent-message{justify-content:flex-start}.agent-message .message-bubble{background-color:#f1f0f0;color:#333;border-bottom-left-radius:4px}.chat-input-form{display:flex;padding:10px;border-top:1px solid #ddd}.chat-input-form input{flex-grow:1;padding:10px;border:1px solid #ccc;border-radius:20px;margin-right:10px}.chat-input-form button{padding:10px 20px;border:none;border-radius:20px;background-color:#007bff;color:#fff;cursor:pointer}.chat-container{display:flex;flex-direction:column;height:80vh;width:100%;max-width:800px;margin:0 auto;border:1px solid #ddd;border-radius:8px;background-color:#fff}.chat-header{padding:10px 20px;border-bottom:1px solid #ddd}.chat-header h2{margin:0}.chat-header .status{margin:0;font-size:.8em;color:#666}.message-list{flex-grow:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:10px}body{font-family:sans-serif;background-color:#f0f2f5;color:#1c1e21;margin:0;padding:20px;display:flex;justify-content:center}