body{margin:0;font-family:Inter,sans-serif;background-color:#f7f7f7;color:#333}.chat-container{max-width:800px;margin:2rem auto;padding:2rem;background:#fff;border-radius:12px;box-shadow:0 4px 20px #0000000d}.chat-header{font-size:1.75rem;font-weight:600;margin-bottom:1.5rem;color:#111}.chat-box{border:1px solid #ddd;border-radius:8px;padding:1rem;height:400px;overflow-y:auto;margin-bottom:1rem;background-color:#fafafa}.message{margin-bottom:1rem;padding:.5rem .75rem;border-radius:8px;max-width:80%}.user{background-color:#e0f7fa;align-self:flex-end;text-align:right}.agent{background-color:#ede7f6;align-self:flex-start;text-align:left}.input-form{display:flex;gap:1rem}input[type=text]{flex-grow:1;padding:.75rem;font-size:1rem;border:1px solid #ccc;border-radius:6px}button{padding:.75rem 1.25rem;font-size:1rem;background-color:#5e60ce;color:#fff;border:none;border-radius:6px;cursor:pointer}button:hover{background-color:#4a4cc0}.nav-bar{display:flex;justify-content:center;gap:1rem;margin-top:2rem}.nav-bar button{padding:.5rem 1rem;font-size:1rem;background:#eee;border:none;border-radius:6px;cursor:pointer;transition:background .2s ease}.nav-bar button.active{background:#5e60ce;color:#fff}.tab-content{margin-top:2rem}