body{font-family:Arial,sans-serif;margin:0;padding:0;min-height:100vh;background-color:#1a1a1a;color:#fff}.app-wrapper{display:flex;width:100%;height:100vh;margin:0}.ad-sidebar{width:20%;background-color:#333;border-radius:8px;padding:20px;margin:10px;display:flex;align-items:center;justify-content:center;color:#888}.chat-container{width:60%;display:flex;flex-direction:column;background-color:#2a2a2a;border-radius:8px;overflow:hidden;margin:10px}.chat-header{padding:15px;background-color:#007bff;text-align:center;font-size:1.5rem;font-weight:700}.chat-log{flex:1;padding:20px;overflow-y:auto}.chat-log p{color:#bbb}.message{margin-bottom:15px;padding:10px 15px;border-radius:8px;max-width:80%}.user-message{background-color:#007bff;margin-left:auto;text-align:right}.ai-message{background-color:#444}.input-area{display:flex;padding:15px;background-color:#333;border-top:1px solid #444}.input-box{flex:1;padding:10px;border:none;border-radius:20px;background-color:#555;color:#fff;outline:none}.send-button{margin-left:10px;padding:10px;background-color:#007bff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px}.send-button:hover{background-color:#0056b3}@media (max-width: 768px){.ad-sidebar{width:15%;padding:10px;margin:5px}.chat-container{width:70%;margin:5px}}@media (max-width: 480px){.ad-sidebar{display:none}.chat-container{width:100%;margin:0;border-radius:0}}