.app-container{background-color:#f0f0f0;min-height:100vh;display:flex;flex-direction:column;font-family:Arial,sans-serif}header{background-color:#007bff;color:#fff;padding:16px;box-shadow:0 2px 4px rgba(0,0,0,.1)}header h1{font-size:1.5rem;font-weight:600}main{display:flex;flex:1 1;overflow:hidden;padding-bottom:80px}aside{background-color:#fff;width:256px;padding:16px;overflow-y:auto;border-right:1px solid #e0e0e0}input,label{margin-bottom:4px}.sidebar-item{margin-bottom:8px;padding:8px;cursor:pointer;border-radius:4px}.sidebar-item:hover{background-color:#f0f0f0}section{flex:1 1;padding:16px;overflow-y:auto}.conversation{margin-bottom:16px;background-color:#fff;padding:16px;border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.1)}.conversation h3{font-size:1.25rem;font-weight:500;margin-bottom:8px}ul{list-style:none;padding:0}li{margin-bottom:8px;padding:8px;border-radius:4px}li.bg-blue-100{background-color:#e6f7ff}li.bg-gray-100{background-color:#f0f0f0}footer{background-color:#fff;padding:16px;border-top:1px solid #e0e0e0}form{display:flex;gap:16px}form div{flex:1 1}label{display:block;font-size:.875rem;font-weight:500;color:#4a4a4a;margin-bottom:4px}input{padding:8px;border:1px solid #e0e0e0;border-radius:4px}button{background-color:#007bff;color:#fff;padding:8px;border:none;border-radius:4px;cursor:pointer}button:hover{background-color:#0056b3}.sticky-footer{position:fixed;bottom:0;left:0;right:0;background-color:#fff;padding:8px 16px;box-shadow:0 -2px 4px rgba(0,0,0,.1);z-index:1000;display:flex;align-items:center;justify-content:space-between}.truncate{display:inline-block;max-width:380px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}.footer-section{flex:1 1;display:flex;align-items:center;justify-content:center}.input-group{display:flex;flex-direction:column;align-items:flex-start}.fixed-button{display:flex;align-items:center;gap:8px;background-color:#2c2c2c;color:#fff;padding:8px;border-radius:4px;cursor:pointer}.fixed-button:hover{background-color:#1a1a1a}@media (max-width:768px){main{display:block}aside{width:100%;border-right:none}section{padding:8px}.sticky-footer{flex-wrap:wrap}.footer-section{flex:1 0 100%;margin-bottom:8px}.input-group,button,input{width:100%}.truncate{max-width:100%}}